body { font-family: Calibri; font-size: 11px; color: #666666; background-color: #2A2A42; margin: 0; padding:0; } #wrapper { margin: 0 auto; width: 780px; background-color: #2A2A42; border: 0; margin-bottom: 20px; background-image:url(../images/bg/nqc_bg.jpg); background-repeat: repeat; height: 1000px; padding: 0; } #header { margin: 0 5px 0 5px; width: 770px; background-color: #2A2A42; border: 0 ; padding: 130px 0 0 0; background-image:url(../images/header/nqc_header.jpg); background-repeat: no-repeat; height: 37px; } #sidecolcontain { margin: 0 0 0 5px; width: 180px; background-color: transparent; border-bottom: 5px solid #F7BA2C; padding: 0; float: left; } #sidecol { margin: 0 ; width: 180px; background-color: #ffffff; padding: 0; float: left; } #sidenav { margin: 0 ; width: 180px; background-color: transparent; border: 0; padding: 35px 0 0 0; float: left; height: 190px; background-image:url(../images/nav/sidenav_bg.jpg); background-repeat: no-repeat; } #maincol { margin: 0 0 0 5px; width: 585px; background-color: #ffffff; border-bottom: 5px solid #F7BA2C; padding: 0 0 20px 0 ; float: left; } #footer { margin: 0; width: 450px; background-color:transparent; padding: 0; border-top: 1px dashed #596192; float: right; } #contable { width: 500px; margin: 0 0 10px 0; padding: 0; } #quotetable { width: 400px; margin: 0 0 10px 30px; padding: 0; border: 2px solid #E09F18; } #quotetable td { border: 1px solid #E09F18; } #quotetable p { margin: 10px 10px 10px 10px; text-align: left; font-size: 12px; line-height: 150%; color:#727184; } #sparestb { width: 522px; margin: 0 0 10px 30px; padding: 0; border: 1px solid #E09F18; } #sparestb td { border: 1px solid #E09F18; } #sparestb p { margin: 10px 10px 10px 10px; text-align: center; font-size: 12px; line-height: 150%; color:#727184; } #acesstb { width: 420px; margin: 0 0 10px 30px; padding: 0; } #acesstb tr{ border: 1px solid #013B7B;} #acesstb td { border: 1px solid #013B7B; } #acesstb p { margin: 5px 5px 5px 5px; text-align: center; font-size: 12px; line-height: 150%; color:#727184; } #dotbox { width: 480px; margin: 20px 0 20px 30px; padding: 0 0 10px 0; float: left; border: 1px dashed #E09F18; display: block; } #dotbox img { float: left; margin: 0 10px 0 0; display: block; } #dotbox p { margin: 10px 20px 10px 10px; text-align: left; font-size: 13px; line-height: 150%; color:#727184; } /*TEXT STYLES*/ p { margin: 20px 40px 10px 30px; text-align: left; font-size: 13px; line-height: 150%; color:#727184; } h2 { margin: 5px 10px 5px 5px; text-align: right; font-size: 13px; line-height: 160%; color: #CCCCCC; } h3 { margin: 0 0 0 10px; text-align: left; font-size: 13px; line-height: 180%; color: #ffffff; font-weight: lighter; letter-spacing: 1px; } h4 { margin: 30px 40px 5px 30px; text-align: left; font-size: 15px; line-height: 160%; color:#727184; font-weight: lighter; } h5 { margin: 15px 8px 10px 8px; text-align: left; font-size: 12px; line-height: 160%; color:#727184; font-weight: lighter; } /*MISC STYLES*/ .bordbottop{ border-bottom: 5px solid #596192; border-top: 5px solid #596192; } .pbord { border-top: 5px solid #3C4066; } .lpbord { border-top: 5px solid #586091; } .clear { clear: both; height: 5px; } .blutxt { color: #013B7B; } .yeltxt { color:#CA8A00; letter-spacing: 1px; } /*LINKS*/ a.white:link {color:#ffffff; text-decoration: none; } a.white:visited {color:#ffffff; text-decoration: none; } a.white:hover {color: #E09F18; text-decoration: none; } a.white:active {color:#ffffff; text-decoration: none; } a.yel:link {color:#E09F18; text-decoration: none; } a.yel:visited {color:#E09F18; text-decoration: none; } a.yel:hover {color: #E09F18; text-decoration: underline; } a.yel:active {color:#E09F18; text-decoration: none; } a:link {color:#E09F18; text-decoration: underline; } a:visited {color:#E09F18; text-decoration: underline; } a:hover {color: #E09F18; text-decoration: underline; } a:active {color:#E09F18; text-decoration: underline; } *MAIN TABLE*/ #atable { background-color: none; margin: 0 0 0 0; width: 710px; background-color: transparent; border: 0; padding: 5px; float: left; } #atable td { border: 1px solid #006FB0; padding: 5px; background-color:#005F92; } #atable p { text-align: left; margin: 5px; font-size: 11px; line-height: 150%; } #navcontain{ background-color: transparent; margin: 0 0 10px 0; width: 750px; font-size: 12px; font-weight: normal; border-bottom: 1px solid #4C507D; float: right; } #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; background-color: #2A2A42; } #nav a { display: block; width: 82px; padding: 5px 0 5px 0; color: #fff; text-decoration: none; } #nav li { /* all list items */ float: left; width: 82px; /* width needed or else Opera goes nuts */ border-top: 1px solid #4C507D; } #nav li ul { /* second-level lists */ position: absolute; width: 82px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; color: #ffffff; background-color: #2A2A42; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; background-color:#2A2A42; color: #ffffff; } #nav li:hover, #nav li.sfhover { background: #F7BA2C; } /* gallery */ /* Gallery Styles */ #motioncontainer { /*margin:0 auto; Uncomment this line if you wish to center the gallery on page */ width: 90%; /* Set to gallery width, in px or percentage */ height: 300px; /* Set to gallery height */ margin: 10px 0 0 20px; } #motioncontainer a img { border: 0; /* Set image border color */ } #motioncontainer a:hover img { border: 0; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border:0; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: -300px; visibility: hidden; } #motioncontainer a:hover { color: red; /* Dummy definition to overcome IE bug */ } /* End Gallery Styles */