/*///////////////////////////////////////////////////////////////////////////
colours*/
.lightBlue{color:#00A6DE} 
.darkBlue{color:#00010d}
.midBlue{color:#00488e}
.black{color:#000}
.white{color:#fff}
.bgBlue{color:#334663}



/*/////////////////////////////////////////////////////////////////////////////
page layout */
body{margin:0; padding:0; background:url(assets/bigGrad.gif) repeat-x #00488e}

#wrapper{width:840px; margin:auto}
#header{height:135px}
#banner{height:175px; padding:0 0 18px 0}

#content_BG{background:url(assets/smallGrad.gif) repeat-x #00010d}
#content{background-color:#FFFFFF}

* html .visualIEFloatFix { height: 0.01%; }

#col1{padding:18px 0 0 0; float:left}
#col2{width:260px; float:right}

#footerWrap{height:48px;
padding:20px 0 20px 0;
background-color:#00010d; 
clear:both}

/*/////////////////////////////////////////////////////////////////////////////
optimal layout */
#optimal_col1{padding:18px 0 0 0; float:left; width:550px}
#optimal_col2{padding:18px 0 0 0; float:right; width:290px}
#optimal_col2 img{margin:14px 0 0 0}

#optimal_col2 ul{margin:0 20px 0 0; padding:0; list-style-type:none; width:210px; float:right}
#optimal_col2 li{margin:0 0 12px 0; padding:0 0 3px 0; font:bold 14px/14px Arial, Helvetica, sans-serif;  border-bottom:2px dotted #00488e; color:#00488e}

#optimal_col2 li a{text-decoration:none; color:#00A6DE}
#optimal_col2 li a:hover{text-decoration:none; color:#00488e}

#optimal_col1 li a{text-decoration:none; color:#00488e}
#optimal_col1 li a:hover{text-decoration:none; color:#00A6DE}


/*optimal text formmating*/
.Op_bodySmall{font:12px/18px Verdana, Arial, Helvetica, sans-serif; margin:0 0 18px 0; color:#666; padding:0 20px 0 20px}
.Op_headerSmall{font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif; color:#00488e; margin:0 0 5px 0; padding-right:20px}
.Op_firstPara{font:bold 20px/26px Verdana, Arial, Helvetica, sans-serif; color:#00488e; margin:0 0 2px 0}

ul.Op_list{margin:0 0 21px 0; padding:0 20px 0 38px}
ul.Op_list  li{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#00A6DE; margin:0 0 9px 0}



/*links*/
#optimal_col1 a{text-decoration:none; color:#00488e}
#optimal_col1  a:hover{text-decoration:none; color:#00A6DE}

.Op_selected{color:#00488e}

/*.roundButts{width:340px; height:44px; 
background:url(assets/roundButt_bg.gif) no-repeat; 
margin:10px 20px; 
float:left;
font:13px/16px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
padding:23px 15px 0 15px}

.roundButts img{position:relative; top:3px}*/


.spacer{clear:both}


/*///////////////////////////////////////////////////////////////////////////
elements */
#flash{float:right; padding:0 20px 0 20px; margin:0 0 0 20px}

#col1 img{margin:0 20px 20px 20px}

#colPix{float:right}

#logo{float:right;
position:relative;
top:59px}

#mainNav{padding:0; 
margin:0;
position:relative;
top:25px;
font:12px/12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
width:500px;
}

.rule{ margin:40px 20px 3px 20px;
border-top:2px dotted #00A6DE
}

#optimalLink{
float:right;
width:240px; 
height:130px; 
background:url(assets/optimalBG.gif) no-repeat center; 
text-align:center; 
}
	#optimalLink a {text-decoration:none; color:#00488e}
	#optimalLink a:hover{text-decoration:underline; color:#FFFFFF}
	
	


	.bigLink{
	font:bold 16px/1.2em Verdana, Arial, Helvetica, sans-serif; 
	margin:25px 0 0 0; 
	color:#fff; 
	padding:0
	}
	
	.smallLink{
	font:bold 10px/1em Verdana, Arial, Helvetica, sans-serif; 
	margin:30px 0 0 0; 
	color:#fff; 
	padding:0
	}






#col1 #optimalLink img{margin:0}


/*menu butts for the section index pages*/
#button_wrap{width:800px; padding:0 20px; text-align:center}

.buts_margin{margin:20px 0 0 0}
#buts{width:390px; border:none; background-color:#334663; padding:0}

.left{float:left}
.right{float:right}

#buts th{
background-color:#334663;
text-align:left;
font:13px/16px Verdana, Arial, Helvetica, sans-serif;
color:#fff}

#buts a{margin:0; padding-top:0; font-weight:900}
#buts img{margin-right:10px; float:left; border:none}

#mainNav li{
list-style-type:none; 
display:inline;
margin-right:10px}

#pageNav{background-color:#00010d;
padding:5px 0 0 0;
height:175px}


#bigImg{text-align:right;  position:relative; top:-35px}



#footer{padding:10px 0 0 0; border-top:2px dotted #00A6DE; height:25px; margin:0 20px 0 20px;}
	#footer ul{list-style:none; padding:0; margin:0}
	#footer #tel{float:left}
	#footer #copy{float:right}
		.telephone{font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#00A6DE; margin:0}
		.address{font-size:0.5em; color:#fff}
		.terms{font-size:0.5em; color:#fff;}



#footerNav{padding:0; 
margin:0;
font:12px/12px Verdana, Arial, Helvetica, sans-serif;
color:#00488e;
float:left;
}

#footerNav li{
list-style-type:none; 
display:inline;
margin-right:10px}


/*///////////////////////////////////////////////////////////////////////////
text formatting */

.bigCopyTxt{font:20px/36px Verdana, Arial, Helvetica, sans-serif; margin:0; font-weight:200}
.indexBody{font:14px/24px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0}

.bigHeader{font:28px/36px Verdana, Arial, Helvetica, sans-serif; margin:0; font-weight:900}
.header{font:18px/21px Verdana, Arial, Helvetica, sans-serif; color:#00A6DE; margin:0 0 2px 0}
.firstPara{font:bold 20px/26px Verdana, Arial, Helvetica, sans-serif; color:#00488e; margin:0 0 2px 0; padding-right:230px}
.bodyCopy{font:14px/21px Verdana, Arial, Helvetica, sans-serif; margin:0 0 12px 0}
.firstPara2ndLevel{font:20px/28px Verdana, Arial, Helvetica, sans-serif; margin:0 0 12px 0}

.headerSmall_quote{font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif; color:#00A6DE; margin:0 0 5px 0}
.headerSmall{font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif; color:#00488e; margin:0 0 5px 0; padding-right:230px}
.bodySmall{font:12px/18px Verdana, Arial, Helvetica, sans-serif; margin:0 0 18px 0; color:#666; padding:0 230px 0 20px}



.breadCrumb{font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif; margin:0 0 9px 0; color:#666}





.continue_pg{font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; margin:0}





ol {margin:0 0 21px 0; padding:0 230px 0 38px}
ol li{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0 0 9px 0}



ul{margin:0 0 21px 0; padding:0 230px 0 38px}
ul li{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0 0 9px 0}



p{padding:0 0 0 20px}
/*p{padding:0 230px 0 20px}*/

#moreLoz{margin-right:20px}







/*///////////////////////////////////////////////////////////////////////////
quote form*/
#quote{margin:0 20px 0 20px; width:800px}

#quote td{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#999; padding:0 0 10px 0}

#quote input{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#999}

#quote textarea{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#999}

#quote th{font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; 
color:#00A6DE; 
text-align:left; 
padding:0 0 10px 0}

.quoteRule{border-top:2px dotted #00A6DE; margin:0 20px 0 20px}


/*///////////////////////////////////////////////////////////////////////////
contact form*/
#contact{margin:0 20px 0 20px; width:800px}

#contact td{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#999; padding:0 0 10px 0}

#contact input{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#999}

#contact textarea{font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#999}

#contact th{font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; 
color:#00A6DE; 
text-align:left; 
padding:0 0 10px 0}

.contactRule{border-top:2px dotted #00A6DE; margin:0 20px 0 20px}



/*////////////////////////////////////////////////////////////////////////////////////////////////
link formatting*/

#pageNav_list li a:link{text-decoration:none; color:#00A6DE}
#pageNav_list li a:visited{text-decoration:none; color:#00A6DE}
#pageNav_list li a:hover{text-decoration:none; color:#fff}
#pageNav_list li a:active{text-decoration:none; color:#00A6DE}

#terms  a:link{text-decoration:none; color:#fff}
#terms  a:visited{text-decoration:none; color:#fff}
#terms  a:hover{text-decoration:none; color:#00A6DE}
#terms  a:active{text-decoration:none; color:#fff}rr

#footerNav li a:link{text-decoration:none; color:#00488e}
#footerNav li  a:visited{text-decoration:none; color:#00A6DE}
#footerNav li  a:hover{text-decoration:none; color:#fff}
#footerNav li  a:active{text-decoration:none; color:#00A6DE}

#mainNav li a:link{text-decoration:none; color:#fff}
#mainNav li a:visited{text-decoration:none; color:#fff}
#mainNav li a:hover{text-decoration:none; color:#00A6DE}
#mainNav li a:active{text-decoration:none; color:#fff}

a.txtLink:link{text-decoration:none; color:#00488e}
a.txtLink:visited{text-decoration:none; color:#00488e}
a.txtLink:hover{text-decoration:none; color:#00A6DE}
a.txtLink:active{text-decoration:none; color:#00488e}

a.blueLink:link{text-decoration:none; color:#00A6DE}
a.blueLink:visited{text-decoration:none; color:#00A6DE}
a.blueLink:hover{text-decoration:none; color:#00488e}
a.blueLink:active{text-decoration:none; color:#00A6DE}

a.whiteLink:link{text-decoration:none; color:#fff; padding-top:20px}
a.whiteLink:visited{text-decoration:none; color:#fff; padding-top:20px}
a.whiteLink:hover{text-decoration:none; color:#00A6DE; padding-top:20px}
a.whiteLink:active{text-decoration:none; color:#fff; padding-top:20px}

a.breadCrumb:link{text-decoration:none; color:#00A6DE}
a.breadCrumb:visited{text-decoration:none; color:#00A6DE}
a.breadCrumb:hover{text-decoration:none; color:#00488e}
a.breadCrumb:active{text-decoration:none; color:#00A6DE}


