/* Stylesheet for Onshore-Offshore - Made @ Designation.com */

body {text-align: left; background-color: #fff; background-image: url(/assets/grey.gif); background-repeat: repeat-x;}

#wrapper {font-family: verdana, arial; font-size: 0.70em; font-weight: normal; color: #666; margin: 30px 0px 0px 0px; padding: 0px; width: 725px;}

#headerBar {width: 720px;}
html>body #headerBar {width: 720px;}

#headerLogo1 {float: left; padding: 0px 0px 0px 30px; width: 158px;}
html>body #headerLogo1 {width: 128px;} 

#headerLogo2 {float: left; padding: 0px 20px 0px 0px; width: 260px;}
html>body #headerLogo2 {width: 240px;} 

#headerSplash1 {float: left; border-left: solid 1px #ccc; padding: 0px 10px 0px 10px; width: 210px;}
html>body #headerSplash1 {width: 189px;} 

#headerSplash2 {float: left; padding: 0px 0px 0px 0px; width: 90px;}
html>body #headerSplash2 {width: 90px;} 

#contentWrapper {width: 725px;}
html>body #contentWrapper {width: 725px;} 

#contentNav{float: left; width: 140px; padding: 0px 0px 0px 15px;}
html>body #contentNav {width: 125px;}

.navOn {font-weight: bold; margin: 0px 0px 8px 0px;}
.navOff {margin: 0px 0px 8px 9px;}

.navSubOn {font-weight: bold; margin: 0px 0px 8px 14px;}
.navSubOff {margin: 0px 0px 8px 14px;}

.navItemOn {margin: 4px; color: #0A51A1;}
.navItemOff {margin: 4px;}

#contentBody{float: left; width: 575px; border-left: solid 1px #ccc; padding: 0px 0px 0px 20px;}
html>body #contentBody {width: 554px;}

#footerBar {width: 725px;}
html>body #footerBar {width: 725px;}

.footerCopy {padding: 5px 0px 0px 28px;}

h1 {font-size: 1.0em; line-height: 2.0em; font-weight: bold; color: #0A51A1; margin: 10px 0px 10px 0px;}

p {font-size: 1.0em; line-height: 2.0em; margin: 5px 0px 15px 0px;}

#headerSplash1 p {font-size: 1.0em; line-height: 2.0em;}

a {text-decoration: none; color: #666;}
a:active {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover {text-decoration: underline;}

.clearit {clear: both;}

.emailText {margin: 10px 0px 0px 4px;}

.greyLine1 {background-color: #ccc; margin: 10px 0px 10px 29px; padding: 0px 0px 0px 0px; width: 688px; height: 1px;}
html>body .greyLine1 {width: 688px;}

ul {font-size: 1.0em; line-height: 2.0em; margin: 10px 10px 10px 10px;}
li {font-size: 1.0em; line-height: 2.0em; margin: 10px 10px 10px 10px;}

ul.tight {font-size: 1.0em; line-height: 1.0em; margin: 0px 10px 15px 10px;}
li.tight {font-size: 1.0em; line-height: 1.0em; margin: 5px 10px 5px 10px;}

table {margin: 0px; padding: 0px;}
.formlabel {font-size: 1.0em; margin: 10px 0px 5px 0px;}
.formfield {font-size: 1.0em; font-family: verdana, arial; margin: 5px 0px 10px 0px; padding: 3px; width: 450px; height: 2.2em;}
.formfield2 {font-size: 1.0em; font-family: verdana, arial; margin: 5px 0px 10px 0px; padding: 3px; width: 450px; height: 300px;}
.formbutton {font-size: 1.0em; font-family: verdana, arial; margin: 10px 0px 10px 0px; padding: 3px; width: 150px; height: 2.2em; border: solid 1px #ccc; background-color: #E6E6E6;}

hr {height: 1px; color: #ccc;}