body { text-align: center; font: 100% arial;  color: #4b5457; background-color: #243d51; background-image:url(../../images/CFOI/background.png); background-repeat:no-repeat; background-position:top left; margin: auto; text-align: center; line-height: 1.2em; letter-spacing: 0.01em;}

html { width:100%;}

#bgWrapper { width:100%; height:100%; margin:0; background-image:url(../../images/CFOI/background_r.png); background-repeat: no-repeat; background-position:top right;}
#wrapper { width:940px; margin:auto; margin-top:20px; text-align:left; border:8px solid #fff; background: #fff; background-image:url(../../images/CFOI/main-bg.gif); background-repeat: repeat-y; }

#top { width:960px; padding: 0px; text-align:left; margin:auto;} 
#header { width:950px; height: 300px; }
#searchBox {float:right; text-align:right; margin: -50px 0 0 0;}
#searchBox .searchField { float:right; width:220px; height:27px; border:4px solid #ffffff; color:#333333; font-size:14pt;}
#searchBox .searchButton { float:right;  width:40px; height:38px; border-top: 1px solid #334b60; border-right: 0; border-bottom: 1px solid #334b60; border-left: 1px solid #334b60; background:#253b4d; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.logo {margin: 10px 0 10px 0; border:0;}
#mainContent { float:right; width:720px; margin: 20px 0 0 0 ; font-size: 10pt; padding:2px;}

#colOne { float:left; width:225px; border-right:1px solid #ececec; margin:20px 20px 0 0;}
#colTwo { float:left; width:225px; border-right:1px solid #ececec; margin:20px 20px 0 0; }
#colThree { float:left; width:225px; margin:20px 0 0 0;}

#LeftCol { float:left; width:460px;}
#RightCol { float:right; width: 250px;}

li { margin:0 0 10px -10px;}
ul { margin:0;}

h1 { font-size: 18pt; font-family:Arial, Helvetica, sans-serif; background-color:#415a6c; color:#ffffff; padding: 8px; margin: 0 0 10px 0; border-bottom:2px solid #333333; text-transform:uppercase; line-height:1.1em;}
h2 { font-size: 14pt; font-family:Arial, Helvetica, sans-serif; color:#4b5457; margin:0 0 10px 0; }
.t1 { color:#ffffff; margin: 20px 0 0 0;}.t2 { margin: 5px 0 0 0; color:#ffffff;}
#strapline { position:relative; font-size:28pt; font-family:Arial, Helvetica, sans-serif; color:#ffffff; margin: 0 0 5px 0; font-weight:bold; top:30px;}


/*editor styles*/
#quote {background: #dfe5e6; padding:5px; border: 1px solid #c6d7dd;}
.imgFloatLeft { float:left; margin: 0 10px 10px 0;}



#mainContent a:link { color:#5d84a1; text-decoration: none; }
#mainContent a:active { color:#5d84a1; text-decoration: none; }
#mainContent a:hover { color: #c5d3d7; text-decoration: underline;}
#mainContent a:visited { color: #952985; text-decoration: none; }

#footer { position:relative; font-size: 8pt; color: #444444; width: 700px; margin: auto; margin-left:220px; margin-top: 100px; text-align: left;}
#footer a:link, a:visited { color: #444; font-weight: normal;}


/* main nav */
#navContainer { float:left; width: 200px;  background-color:#dfe5e6; text-transform:uppercase;}
.nt h3, h3.nt { font-weight: normal; background:#4b5457; background-image:url(../../images/CFOI/nt-bg.gif); background-repeat:repeat; padding: 7px; width:188px; color:#ffffff; font-size:10pt; border-top:1px solid #ffffff; margin: 0}
h3.nt a { padding: 0 !important; margin: 0; color: #ffffff !important; font-size:10pt !important; }
h3.ct { font-weight: normal; background:#4b5457; background-image:url(../../images/CFOI/nt-bg.gif); background-repeat:repeat; padding: 7px; width:90%; color:#ffffff; font-size:10pt; border-top:1px solid #ffffff; margin: 0}
li.lastnt { border-bottom:20px solid #c5d3d7 ;}

ul#navContainer { padding: 0; margin: 0;}
li#navContainer { padding: 0; margin: 0;}
ul.navlist {padding: 0; margin: 0;}
ul.navlist li {padding: 0; margin: 0;}
div.element {padding: 0; margin: 0;  }
#navContainer li 
{
display: block;
float: left;
text-align: left;
background:#c5d3d7;
width: 202px;
min-height: 20px;
margin: 0 0 0 0;
line-height: 9pt;
}

#navContainer ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#navContainer a
{
color: #444444;
text-decoration: none;
font-weight: normal;
display: block;
font-size:8pt; 
padding: 5px;
}

#navContainer li#active {  }
#navContainer a:hover { text-decoration:underline; } 
/* main nav end */




/*form styles*/
/*Form styling*/
fieldset { float:left; border: none; padding: 6px; width: 400px; font-size: 100%; background-color: #fff;}
legend { border: 0; font-weight: bold; font-size: 110%; padding: 4px; background-color:#fff; border:2px solid #ccc;}
label {  float: left; margin-top: 8px; font-size:14px; margin-right: 10px; margin-bottom: 2px; text-align:left; color: #444; font-weight:normal; clear:both;}

fieldset .select { float: right; font: 14px arial; padding: 2px;  width: 225px; height: 38px;  border: 1px solid #ccc; margin: 12px 0 0 0; } 
fieldset .input { float: right; font: 14px arial; padding: 2px;  width: 220px; height: 35px;  border: 1px solid #ccc; margin: 12px 0 0 0; } 
fieldset .detailinput { float: left; font: 14px arial; padding: 2px;  width: 395px; height: 180px;  border: 1px solid #ccc; margin: 12px 0 0 0 } 

.submitbutton { float: right; font: 14px arial; width: 215px; height: 32px; border: none; color: white; background: #333; margin:5px 0px 5px 0;}
.formerror { padding:5px; border:1px solid #ececec; color:red;}
.formdetails { padding:5px; border:1px solid #ececec; color:#333; font-size:11px;}

.blank{display:none;} 
/*end form*/

.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}