* { margin: 0; padding: 0; border-width: 0; }

body { font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; background-color: #f5f8f7; background-image: url(../images/bgr-top.gif); background-repeat: repeat-x; background-position: left top; text-align: center; border-style: none; }

#wrapper { background-color: white; background-image: url(../images/back-wrap.gif); background-repeat: no-repeat; background-position: right top; text-align: left; position: relative; top: 0; bottom: 0; width: 643px; height: 100%; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 3px; border-left: 1px solid #ccc; border-top-style: none; border-right-style: none; border-bottom-style: none; }            


#top-nav { background-color: #dfe3e2; width: 100%; height: 17px; overflow: hidden; }
#top-nav ul{ width: auto; height: 15px; float: right; border-left: 1px solid #531980; list-style-type: none; display: block; }
#top-nav li { color: #531980; font-size: 90%; padding-right: 10px; padding-left: 10px; border-right: 1px solid #531980; display: inline; }
#top-nav ul li a:link { color: #531980; text-decoration: none; }
#top-nav ul li a:visited { color: #989999; text-decoration: none; }
#top-nav ul li a:active, #top-nav ul li a:hover { color: #fff; font-weight: bold; text-decoration: none; } 
#top-nav li.page { font-weight: bold;}






#header { background-color: #531980; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: left top; top: 0; left: 0; width: 100%; height: 96px; overflow: hidden; clear: right; border-bottom: 1px solid #fff; }
#header h1 { font-size: 100%; font-weight: 500; line-height: 150%; position: absolute; left: -9000px; visibility: visible; }
#header h2 { color: #a1a6a6; font-size: 108%; font-weight: bold; line-height: 150%; word-spacing: 6px; letter-spacing: 3px; position: relative; top: 65px; }
#header a img { float: left; margin-right: 6px; border-style: none; }

#pict-band { background-color: #dcdcd8; background-image: url(../images/office5.jpg); background-repeat: no-repeat; background-position: right center; width: 100%; height: 160px; border-top: 1px solid #fff; }
#altpict-band { background-color: #e3e2e2; background-image: url(../images/office6.jpg); background-repeat: no-repeat; background-position: right center; width: 100%; height: 160px; border-top: 1px solid #fff; }

#mid-nav { font-size: 90%; background-color: #a1a6a6; margin: 0; padding: 0 0 0 9px; }
#mid-nav ul { background-color: #a1a6a6; width: auto; height: 17px; overflow: hidden; margin: 0; padding: 0; list-style-type: none; }
#mid-nav li { text-align: center; height: auto; overflow: hidden; float: left; margin: 0; padding: 0.3em 0 0; text-align: center; width: 129px; height: 17px; overflow: hidden; border-right: 1px solid #fff; display: block; }
#mid-nav li.contact { text-align: center; height: auto; overflow: hidden; float: left; margin: 0; padding: 0.3em 0 0; text-align: center; width: 113px; height: 17px; overflow: hidden; border-right-width: 0; display: block; }
#mid-nav li.contactcurrent { background-color: #531980; text-align: center; height: auto; overflow: hidden; float: left; margin: 0; text-align: center; width: 113px; height: 17px; overflow: hidden; border-right-width: 0; display: block; }

#mid-nav a { color: #fff; text-decoration: none;}
#mid-nav a:visited { color: #e3e2e2; text-decoration: none; }
#mid-nav li:hover { background-color: #531980;}
#mid-nav a:active, #mid-nav li a:hover { color: #fff; font-weight: 500; background-color: #531980; text-decoration: none; position: relative; top: -0.3em; height: 14px; padding-top: 0.3em; display: block; }
.current { color: #bebebe; font-weight: 400; background-color: #531980; background-position: 0 bottom; text-decoration: none; text-align: center; width: 129px; height: 17px; overflow: hidden; padding-top: 0.2em; border-right: 1px solid #fff; display: block; }




#content { background-color: #fff; left: 0; width: 455px; height: auto; float: left; margin-bottom: 0; padding-top: 15px; padding-bottom: 60px; padding-left: 7px; }
#content h1 { color: #531980; font-size: 120%; line-height: 150%; letter-spacing: 1px; padding-bottom: 8px; }
#content h2 { color: #531980; font-size: 120%; font-style: italic; line-height: 150%; letter-spacing: 1px; padding-bottom: 8px; }
#content h2 a { color: #531980; font-size: inherit; font-style: italic; line-height: inherit; text-decoration: underline; letter-spacing: 1px; padding-bottom: 8px; }
#content h2 a:visited { color: #531980; }
#content h2 a:hover { color: #a1a6a6; text-decoration: none; }
#content p { color: #989999; font-size: 98%; line-height: 200%; padding-bottom: 6px; }
#content p a { color: #989999; text-decoration: underline; }
#content p a:visited { color:#989999; text-decoration: none; }
#content p a:active, #content p a:hover { color:#531980; font-weight: bold; text-decoration: none; }
#side  /* Competitive, Flexible, Safe */ { color: #bbaec7; background-color: #fff; background-image: url(../images/side-img.gif); background-repeat: no-repeat; background-position: left bottom; width: 135px; height: 100%; float: left; min-height: 300px; padding: 10px 10px 120px; }





#footer { color: #989999; font-size: 90%; background-color: #dfd9e8; background-image: url(../images/back-foot.gif); background-repeat: repeat-y; background-position: center; text-align: center; width: 100%; height: 17px; clear: both; margin: 0 auto; padding-top: 2px; border-top: 1px solid #dfd9e8; border-bottom: 3px solid #dfd9e8; }



.fltleft { float: left; }
.fltright { float: right; }

#clear { clear: both; padding-bottom: 1px; }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html #wrapper {height: 1%; /* for IE/Win */ }
*>html #wrapper {he\ight: auto; /* for IE5/Mac */}