body {font-family: arial; color: #666666; font-size: 10px; background-color: #FFFFFF; padding: 0; margin: 0; text-align: center;}
h1 {font-size: 15px; letter-spacing: -1px; margin: 0; padding: 0;}
h2 {font-size: 11px; letter-spacing: 0; font-weight: bold; margin: 0; padding: 10px 0 0 0;}
h5 {font-size: 11px; letter-spacing: 0; line-height: 20px; vertical-align: top; font-weight: bold; margin: 0;}
p {margin: 0; padding: 10px 0 0 0;}

.headtitle {width: 200px; height: 120px; background-color: #FFFFFF; text-align: center; vertical-align: middle;}
.headtable {width: 450px; height: 220px; background-image: url(../images/head_pics/spectral/rotate.php); background-repeat: no-repeat; border-right: 1px solid #000000; border-left: 1px solid #000000;}
.headtext {background-color: #000000; color: #FFFFFF; font-size: 10px; font-weight: bold; letter-spacing: 0; text-align: right; vertical-align: bottom; padding: 0px; filter: alpha(opacity=50); opacity: .5;}
.headtextpad {padding: 5px;}
.headwings {background-color: #0E3076; border: solid #000000; border-width: 1px 0 1px 0;}

.menu {width: 200px; font-size: 10px;}
.menu ul {list-style: none; margin: 0; padding: 0;}
.menu a {display: block; line-height: 19px; color: #FFFFFF; text-align: left; border-top: 1px solid #000000; background: #22448A; text-decoration: none; margin: 0; padding: 0 0 0 10px;}
.menu a:hover {color: #FFFFFF; background-color: #0E3076;}
.menu li {position: relative;}
.menu ul ul {position: absolute; top: 0; left: 200px; width: 150px;}
.menu ul ul ul {position: absolute; top: 0; left: 150px; width: 150px;}
div.menu ul ul, div.menu ul li:hover ul ul {display: none;}
div.menu ul li:hover ul, div.menu ul ul li:hover ul {display: block;}

.subnav {height: 100%; text-align: left; background: #E2EBFC; font-size: 10px; color: #0E3076; padding: 10px;}
.subnavborder {border: 2px solid #FFFFFF; background-color: #F0F4FF; padding: 5px;}
.subnavie {background: #E2EBFC;}
.contentie {background: #F0F4FF;}
.content {height: 100%; background: #F0F4FF; font-size: 11px; color: #0E3076; padding: 10px; line-height: 17px; text-align: justify;}
.content a:link, .content a:visited, .content a:active {color: #0E3076; text-decoration: none; font-weight:bold;}
.content a:hover {color: #0E3076; text-decoration: underline; font-weight:bold;}

.listtitle {font-size: 11px; color: #0E3076; padding-left: 5px; padding-top: 10px; font-weight: bold;}
.list {font-size: 11px; color: #0E3076; line-height: 20px; padding: 0 0 0 5px; cursor: default; text-transform: capitalize;}
.list a:link, .list a:visited, .list a:active, .list a:hover  {color: #0E3076; text-decoration: none; font-weight: normal;}

.registercol1 {float: left; text-align: left; width: 175px;}
.registercol2 {float: right; text-align: left; width: 175px;}

.galleryimages {float: left; text-align: left; width: 112px; height: 100%;}
.galleryspec {float: right; width: 318px;}

.partnumberscol1 {float: left; text-align: left; width: 50%;}
.partnumberscol2 {float: right; text-align: left; width: 50%;}

.specscol1 {text-align: right; width: 300px; line-height: 17px; font-size: 11px;  padding-right: 10px;}
.specscol2 {text-align: center; width: 30px; background-color: #E2EBFC;}
.specscol3,.specscol5 {text-align: center; width: 30px;}
.specscol4 {text-align: center; width: 30px; background-color: #E2EBFC;}
.specsvert {font-weight: bold; text-align: right; writing-mode: tb-rl; padding-bottom: 10px;}

.footer {height: 30px; font-size:10px; border-top: 1px solid #CCCCCC; background: #FFFFFF; letter-spacing: 2px; text-align: center;}
.footer a:link, .footer a:visited, .footer a:active {color: #666666; text-decoration: none; font-weight: bold;}
.footer a:hover {color: #0E3076; text-decoration: underline;}

.formbuttonsmall, .formbutton, .formbuttonmail{font-family: arial; font-size: 10px; color: #0E3076; background-color: #FFFFFF;}
.formbuttonsmall {width: 50px; height: 15px; padding: 0; border: 1px solid #000000;}
.formbutton {width: 100px; height: 19px; padding: 0 0 2px 0; border: 2px solid #7F9DB9;}
.formbuttonmail {width: 80px; height: 19px; padding: 0 0 2px 0; border: 2px solid #7F9DB9;}

.formtextfieldsmall, .formtextlistsmall, .formtextareasmall, .formtextarealarge, .formmaillist {font-family: arial; font-size: 10px; color: #0E3076; padding: 2px; background-color: #FFFFFF; border: 1px solid #7F9DB9;}
.formtextfieldsmall {width: 160px; height: 13px;}
.formtextlistsmall {width: 166px; height: 19px;}
.formtextareasmall {width: 160px; height: 94px;}
.formtextarealarge {width: 166px; height: 200px;}
.formmaillist {width: 424px;}

.image {border: 1px solid #000000; padding: 0; background-color: #0E3076;}
.imagealign {text-align: center;}
.imagebrochure {text-align: center; padding-top: 10px;}
.imageguide {border: 1px solid #000000; background-color: #0E3076;}

.utilitieswrap {position: absolute; top: 1px; left: 0px; width: 100%;}
.utilities {display: box; width: 800px; height: 20px; margin: 0 auto; line-height: 20px; background: #FFFFFF; font-size: 10px; text-transform: uppercase; font-weight: bold; text-align: right; filter: alpha(opacity=75); opacity: .75;}
.utilities a {padding: 0 5px 0 5px;}
.utilities a:link, .utilities a:visited, .utilities a:active {color: #0E3076; text-decoration: none;}
.utilities a:hover {color: #0E3076; text-decoration: underline;}

.adminadd {float: right; font-family: arial; font-size: 10px; color: #0E3076; width: 100px; height: 19px; padding: 0 0 2px 0; background-color: #FFFFFF; border: 2px solid #7F9DB9;}
.adminapprove, .adminlistapprove{font-family: arial; font-size: 10px; color: #000000; padding: 2px; background-color: #CCCCCC; border: 1px solid #7F9DB9;}
.adminapprove {width: 160px; height: 13px;}
.adminlistapprove {width: 166px; height: 19px;}
.adminimages {float: left; text-align: left; padding: 0 10px 5px 0;}

.bannerscol1 {float: left; text-align: left; width: 195px; height: 80px; padding-bottom: 17px;}
.bannerscol2 {float: right; text-align: left; width: 235px; height: 80px; padding-top: 10px;}