/* CSS FOR A1-TRUSS */
/* Developed By: www.marcflores.com */

* { margin: 0; padding: 0;}
img { border: none; }
html, body { height: 100%; background: #0077e2; }
div.break { clear: both; }

/* Framework */
#header { height: 98px; min-width: 1000px; background: url(../images/bg_header.gif) top center; }
#header div { margin: 0 auto; width: 900px; position: relative; }
#navigation { height: 45px; min-width: 1000px; background: url(../images/bg_navigation.gif) top center; }
#navigation div { margin: 0 auto; width: 900px; position: relative; }
#content { background: white; min-width: 1000px; background: url(../images/bg_content.gif) top center repeat-y; }
#content div { margin: 0 auto; width: 900px; }
#footer { min-width: 1000px; min-height: 70px; border-top: 1px solid #999999; }
#footer div { margin: 0 auto; width: 900px; position: relative; }
#footer .wwaa { position: absolute; top: 13px; left: 0px; }
#footer .stemco { position: absolute; top: 13px; left: 200px; }
#footer .mitek { position: absolute; top: 13px; left: 370px; }
#footer .ilevel { position: absolute; top: 13px; left: 435px; }
#content #left { width: 265px; float: left; padding-top: 20px; }
#content #left dt.stayconnected { width: 237px; height: 25px; background: url(../images/h_stayconnected.gif); padding: 7px 0 0 30px; font: bold 14px Arial, Helvetica, sans-serif; color: #0065ab; }
#content #left dt.findushere { width: 237px; height: 25px; background: url(../images/h_findushere.gif); padding: 7px 0 0 30px; font: bold 14px Arial, Helvetica, sans-serif; color: #0065ab; margin-top: 20px; }
#content #left dt { margin-bottom: 10px; }
#content #left dd { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; }
#content #right { width: 605px; float: left; padding: 20px 0 0 30px; }

/* Main Menu */
#navigation ul { list-style: none; position: absolute; right: 0px; }
#navigation ul li { float: left; text-align: center; border-right: 1px solid #ffffff; }
#navigation ul li:first-child { border-left: 1px solid #ffffff; }
#navigation a { color: #ffffff; font: bold 14px Arial, Helvetica, sans-serif; display: block; height: 30px; padding: 15px 12px 0 12px; background: green; background: url(../images/bg_navigation.gif); text-decoration: none; }
#navigation a:hover { background: url(../images/bg_navigation_h.gif) repeat-x; padding: 15px 12px 0 12px; }

/* Typography */
p { font: 14px Arial, Helvetica, sans-serif; line-height: 160%; margin-bottom: 20px; text-align: justify; }
#footer p { color: #ffffff; font: 14px Arial, Helvetica, sans-serif; text-align: right; padding-top: 28px; } 
h1 { width: 242px; height: 88px; background: url(../images/img_logo-trans.png) no-repeat; display: block; position: absolute; top: 5px; }
h1 span { position: absolute; left: -9999px; }
h2 { color: #042c45; font: bold 24px Arial, Helvetica, sans-serif; padding-bottom: 10px; text-transform: uppercase; letter-spacing: -1px; }
em { width: 426px; height: 15px; background: url(../images/img_slogan-trans.png) no-repeat; display: block; position: absolute; top: 70px; left: 472px; }
em span { position: absolute; left: -9999px; }
td,textarea { font: 14px Arial, Helvetica, sans-serif; line-height: 160%; vertical-align: top; }
