body { background: #099; color: #000; font: normal 0.8em "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; margin: 0; padding: 0; }
a:link, a:visited { color: #146bcc; }
h1 { font: normal 2.5em Georgia, "Times New Roman", Times, Serif; color: #000; margin: 5px 0; }
h2 { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 5px 0; }
hr { clear: both; color: #fff; background: #fff; height: 0px; visibility: hidden;  }
li {  color: #333; }
p {  color: #333; line-height: 1.4; margin: 1em 0; padding: 0; }
th { color: #333; background-color: #ffc; text-align: left; margin: 0.5em 0 1em; padding: 5px; border-bottom: 2px solid #000; border-right: 1px solid #fff; }
td { color: #333; margin: 0.5em 0 1em; padding: 5px; border-bottom: 1px solid #ccc; }
td p {  }



/* basic page layout styles */

#header { color: #fff; margin: 0 auto; padding: 10px 0; width: 900px;  }
#nav { background: url(../_img/backgrounds/nav.gif) top left repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0; margin: 0; }

#nav ul { margin: 0 auto; padding: 15px 0; width: 900px; }
#nav li { display: inline; list-style-type: none; margin: 0; padding: 5px 3px; }
#nav a:link, #nav a:visited { color: #fff; padding: 3px 10px;   font-weight: bold; text-decoration: none; }
#nav a:hover { padding: 2px 9px; border: 1px solid #fff;  }

/* color slected section in nav bar */
#home #nav a#lhome:link, #home #nav a#lhome:visited, #vision #nav a#lvision:link, #vision #nav a#lvision:visited, #tech #nav a#ltech:link, #tech #nav a#ltech:visited, #services #nav a#lservices:link, #services #nav a#lservices:visited, #reports #nav a#lreports:link, #reports #nav a#lreports:visited, #contact #nav a#lcontact:link, #contact #nav a#lcontact:visited  { color: #fff; padding: 2px 10px; background-color: #146bcc; border: 1px solid #0a3566; cursor: default; }

#content { background: #fff url(/_img/backgrounds/content.gif) top left repeat-x;}
#innercontent {  color: #333; margin: 0 auto; padding: 20px 0; width: 900px; }

#footer { background: #099; }
#innerfooter { color: #fff; background: #099; font-size: 0.85em; margin: 0 auto; padding: 10px 0; width: 900px; }
#innerfooter a:link, #innerfooter a:visited { color: #fff; text-decoration: none; }

/* Three column layout */
#banner { height: 178px; margin-bottom: 30px;   }
#vision #banner {  background: url(/_img/banners/vision.jpg) top left no-repeat; }
#tech #banner {  background: url(/_img/banners/tech.jpg) top left no-repeat; }
#banner.contact {  background: url(/_img/bg_contact.jpg) top left no-repeat; }
#home #banner {  background: url(/_img/banners/home.jpg) top left no-repeat; }
#banner.reports {  background: url(/_img/bg_reports.jpg) top left no-repeat; }
#banner.services {  background: url(/_img/bg_services.jpg) top left no-repeat; }


#twocol { width: 580px; float: left; padding: 0 20px 0 0; border-right: 1px dotted #ccc; }



#left { width: 275px; padding: 0 20px 0 0; float: left;  }
#middle { width: 275px; padding: 0; float: right;   }
#right { width: 275px; float: right; color: #666; }
#right h2, #tworight h2 { font: bold 0.9em Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 3px 0; margin: 5px 0; }

/* Two column layout */

#twoleft { width: 570px; padding: 15px 20px 0 10px; float: left; border-right: 1px dotted #ccc; }
#tworight { float: right; padding: 0 5px; width: 280px;  }
#tworight p { font-size: 0.8em; color: #666; }

/* single column layout */

.solecontent { padding: 10px 20px; }
.solecontent h1 { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #333; }
.solecontent h2 { font: bold 0.9em Verdana, Arial, Helvetica, sans-serif; color: #333; }
.solecontent h3 { font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; color: #333; }


/*miscellaneous styles */

.clear { clear: both; font: 1px Verdana, Arial, Helvetica, sans-serif; }
.clear2 { clear: both; font: 1px Verdana, Arial, Helvetica, sans-serif; margin: 0 15px; border-top: 1px dotted #999; padding: 0; }

#searchbox { width: 110px; border: 1px solid #363; background-color: #efefef; padding: 2px; } 
.btnSubmit { background-color: #f90; color: #fff; font: normal 0.8em Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; margin: 0; } 
.floatleft { float: left; }
p.floatleft { margin-top: 0; padding-top: 0; }
.floatright { float: right; }
p.floatright { margin-top: 0; padding-top: 0; }

.big { color: black; font-size: 13px; font-family: Verdana, Arial, Helvetica }
.bodytext { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica }
.border { border: solid 1px black }
.green { color: #393; font-size: 11px; font-family: Verdana, Arial, Helvetica }
.reference { color: black; font-weight: normal; font-size: 11px; line-height: normal; font-family: "Verdana", "Arial", "Helvetica"; margin-top: -10px; border-top: medium none }
.superscript { color: black; font-size: 8px; vertical-align: super }
.white { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica }

.pad3 {  padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #FFFFFF}
.pad10lr {  padding-right: 10px; padding-left: 10px}
.small {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px}
a:hover {  text-decoration: none}
.border2 {  border: 1px #FFFFFF solid}
.borderb {  border-color: black black #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.pad2 {  padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
a.white {  color: #FFFFFF; text-decoration: underline}
.borderr {  border-color: black #000000 black black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.leftbar a {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #0000CC; text-decoration: underline}
.pad3 a {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.pad3 a:hover {  text-decoration: underline}
.pad3b { padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #FFFFFF }
.reportdescrip { }
.intro { border: 1px solid #999; padding: 5px; background-color: #efefef; margin: 10px 0px; font-size: 0.9em; }
