/****General*************************************************/
html					 
{
	height:100%;
}
body					 
{
	height:100%;
	margin: 0;
	padding:0;
	font: 13px Arial, Helvetica, sans-serif;
	min-height:100%;
    background:url('../images/bgGrad4.jpg') repeat-x;
	background-color:#00467f;
	/*color:#7b7b7b;*/
	color:#5a5a5a;
}
form					 
{
	height:100%;
	margin:0;
	padding:0;
}
#containerWrap
{
	width:962px; 
	margin-left:auto; 
	margin-right:auto;
}
#container
{
    width:960px;
	position:relative;
	background:#fff;
	padding:0 1px;
}
#innerContainer
{
	float:left;
	width:960px;
	margin-top:149px;
	position:relative;
	padding:0 1px;
}
img
{
    border:none;
}
a
{ 
	border:none;
	text-decoration:none;
}
a:focus
{ 
	outline:none;
}

h1
{
    padding:0 0 19px 0;
    margin:-2px 0 0 0;
    font-size:17px;
    /*color:#013763;*/
    color:#00467f;
    position:relative;
    font-family: Arial, Helvetica, sans-serif; font-weight:normal;
    line-height:20px; text-transform:uppercase;
}
h2
{
    
    font-weight:bold;
    line-height:19px;
    font-size:14px;
    padding:0 0 8px 0;
    margin:0 0 0 -1px;
    color:#6182af;
}
h3
{
    
    font-weight:bold;
    line-height:19px;
    font-size:12px;
    padding:0 0 8px 0;
    margin:0;
    color:#6182af;
}
p
{
    margin:0 0 18px 0;
    padding:0;
    line-height:19px;
}
td
{ vertical-align:top;}
/**************************************************************/
/***REUSABLE CLASSES ******************************************/
/**************************************************************/
.clear /*To clear floats and extend the containing element*/
{
    clear:both;
}
p.intro
{
    color:#6182af;
    font-size:15px;
    font-weight:bold;
    margin:0 0 28px 0;
    padding:0;
    line-height:20px;
}
span.extend
{
    color:#00467f;
    font-weight:bold;
    cursor:pointer;
}
.borderTop
{
    border-top:1px solid #e1e1e1;
}
.borderBot
{
    border-bottom:1px solid #e1e1e1;
}
.noBorder
{
    border-top:0 !important;
    border-top:none !important;
}
.formError
{
    margin-top:8px;
    
}
.paddingBot
{
    padding-bottom:8px !important;
}
p.rule /*a horizontal rule*/
{
    border-top:1px solid #e1e1e1;
    margin:25px 0 !important;
    padding:0;
}
/**************************************************************/
/***HEADER*****************************************************/
/**************************************************************/
#header
{
    padding:16px 84px 15px 40px;
    height:171px;
    position:relative;
}
#header div.logo
{
    display:inline-block;
    float:left;
}
#header div.ricsWrap
{
    font-size:11px;
    right:39px;
    bottom:19px;
    position:absolute;
}
#header div.ricsWrap p
{
    line-height:13px; margin:8px 0 0 0;
}
/**************************************************************/
/***MAIN NAVIGATION********************************************/
/**************************************************************/
ul						{ padding:0;margin:0;width:100%; list-style-type:none;}
ul.classic
{
    margin:0 0 18px 0;
    
}
ul.classic li
{
    font-weight:bold;
    line-height:19px;
    background:url(../Images/bgDot2.gif) no-repeat;
    padding:0 0 0 18px; display:block; background-position:0 8px;
}

ul.classic li span /*A slightly darker colour to give more prominence. Bold is already set*/
{
    color:#2c2c2c;
}
*+ html ul.classic li
{
}

/*Left*/
#links					
{ 
    width:244px; 
    font-size:12px;
    border-top:solid 1px #c0c5d4;
    float:left;
    margin-right:1px;
 }
#links li
{
    width:100%;
    border-bottom:solid 1px #c0c5d4; display:block;
}
#links li a
{
     padding:4px 0 0 40px; /*
     height:22px;*/
     height:19px;
     display:block;
     background:url('../images/bgNavS.gif') no-repeat;
     background-position:0 0;
     color:#888888; 
     font-weight:bold;
     position:relative; /*fix for IE8. Does not affect any other browsers*/
}
#links li a:hover, #links li a.active
{/*
     background-position:0 -56px;*/
     background-position:0 -46px;
     color:#fff;
}
#links li.subLinks a /*These links have child pages so need the '+' displayed*/
{
     background-position:0 -23px;
}
#links li.subLinks a:hover, #links li.subLinks a.active /*These links have child pages so need the '+' displayed*/
{
     background-position:0 -69px;
     color:#fff;
}

/**************************************************************/
/***BANNER ****************************************************/
/**************************************************************/
#imagesBanner
{
	width:715px;
	height:145px;
	float:left;
	position:relative;
}
#imagesBanner div
{
    position:absolute;
}
#imagesBanner div img.main
{
    display:none;
}
#imagesBanner div div.info
{
    position:absolute; bottom:0; left:0; z-index:1;
    width:267px; height:38px; 
    
	/*opacity:.00; 
	filter: alpha(opacity=00);
	-moz-opacity:0.00;
	-khtml-opacity: 0.0;*/
}
#imagesBanner div div.info img
{
    position:relative;
}
/**************************************************************/
/***SECONDARY NAVIGATION **************************************/
/**************************************************************/
#subLinks
{
    width:205px;
    position:relative;
    left:0;
    top:-2px;
}
#subLinks ul li
{
}
#subLinks ul li a
{
    color:#6d6d6d;
    /*
    height:16px;*/
    display:block;
    padding:5px 10px 5px 0;
    font-size:12px;
}
#subLinks ul li a:hover, #subLinks ul li a.active
{
    color:#00467f;
}
/**************************************************************/
/***TABLES, INPUTS, BUTTONS, LABELS ***************************/
/**************************************************************/
table.contact
{
}
table.contact td
{
    height:26px;
    padding:0 0 5px 0;
}
table.contact td.label
{
    width:75px;
}
table.contact td label
{
    color:#00467f;
    padding:5px 0 0 8px;
    height:21px;
    display:block;
    background:url(../Images/bgLabelGrad.gif) repeat-x;
    
}
table.contact td.input
{
    background:url(../Images/bgInputGrad.gif) repeat-x;
    height:20px;
    width:455px;
}
table.contact td.inputL /*The larger text input*/
{
    background:url(../Images/bgTextInputGrad.gif) repeat-x;
    height:63px;
    padding:0 0 5px 0;
}
table.contact input
{
    width:94%;
    padding:4px 10px 0 10px;
    background:none; border:none; border:0;
    color:#7b7b7b;
}
table.contact textarea
{
    width:520px;
    padding:4px 0 0 10px;
    height:60px;
    background:none; border:none; border:0;
    color:#7b7b7b;
}
table.locations td
{ width:30%;}
.submitBtn
{
    height:21px;
    padding:5px 8px 0 8px;
    background:url(../Images/bgSubmitGrad.gif) repeat-x;
    display:block;
    color:#fff;
    font-weight:bold;
    float:left;
    margin-top:10px;
}
.submitBtn:hover
{
    background:url(../Images/bgSubmitGradOver.gif) repeat-x;
    
}
/**************************************************************/
/***PAGE CONTENT **********************************************/
/**************************************************************/
#contentWrap
{
    clear:both;
    padding:36px 0;
    float:left;
    width:100%;
    border-bottom:1px solid #c3c3c3;
}
#leftColumn
{
    min-height:400px;
    width:205px;
    padding:0 0 0 39px;
    float:left;
}
* html #leftColumn
{
    height:auto;
}
#leftColumn div.info
{
    color:#013762;
    font-size:14px;
    padding-bottom:10px;
    margin:0 39px 10px 0;
    border-bottom:1px solid #e1e1e1;
}
#leftColumn div.info a
{
    color:#013762;
}
#leftColumn div.info b
{
    color:#013762;
}
#leftColumn div.info a:hover
{
    color:#012039;
}
#content
{
    width:582px;
    min-height:375px;
    float:right;
    padding:0 100px 0 32px;
    border-left:1px solid #e2e2e2;
}
#content p:last-child
{
    margin-bottom:0;
}
#content ul:last-child
{
    margin-bottom:0;
}
* html #content
{
    height:auto;
    
}

/**************************************************************/
/***FOOTER CONTENT ********************************************/
/**************************************************************/
#footer
{
    height:18px;
    background:url(../images/bgFooter.gif) repeat-x;
    color:#767676;
    font-size:10px; letter-spacing: -0.1px;
    clear:both;
}
#footer span.details
{
    padding:3px 5px;
    float:left;
}
#footer span.links
{
    padding:3px 5px;
    float:right;
}
#footer span.links a
{
    border-left:1px solid #fff;
    padding:3px 8px;
}
#footer a
{
    color:#767676;
    position:relative;
    padding:3px 0;
}
#footer a:hover
{
    color:#393939;
}

#footerExtend
{
    clear:both;
    background:#e9eef4;
    border-top:1px solid #fff; background:url(../Images/bgFooterGrad.gif) repeat-x;
    height:62px;
}
#footerExtend span
{
    margin:24px 39px;
    height:14px;
}
#footerExtend span.details
{
    float:left;
    color:#7097b7;
    font-size:10px;
}
#footerExtend span.details a
{
    color:#7097b7;
}
#footerExtend span.details a:hover
{
    color:#00467f;
}
#footerExtend span.links
{
    float:right;
}
#footerExtend span.links a
{
    color:#00467f; font-weight:bold; font-size:15px; border-right:1px solid #6182af; padding:0 10px; 
    float:left; line-height:14px;
}

/**************************************************************/
/***SITEMAP ***************************************************/
/**************************************************************/

ul.sitemap
{
    margin-top:30px;
    width:290px;
}
ul.sitemap li
{
    width:100%;
    height:25px;
}
ul.sitemap li a
{
    height:19px;
    padding:5px 0 0 8px;
    display:block;
    border-top:1px solid #e1e1e1;
}
ul.sitemap li.pri a
{
    color:#6182af !important;
    font-weight:bold;
}
ul.sitemap li.pri a:hover
{
    background:url(../Images/bgSMLink.gif) repeat-x;
}
ul.sitemap li.sec a
{
    width:185px;
    padding-left:15px;
    float:right;
    color:#6d6d6d;
    font-size:11px;
}
ul.sitemap li.sec a:hover
{
    color:#00467f;
}

/**************************************************************/
/***CONTACT PAGE **********************************************/
/**************************************************************/
div.contactWrap
{
    width:530px;
}
table.map
{
    color:#90a5c7;
    width:100%;
}
table.map h3
{
    padding:0;
    color:#00467f;
}
table.map p
{
    margin-bottom:4px;
}

table.map b
{
    color:#00467f;
}

table.map a
{
    color:#90a5c7;
}
table.map a:hover
{
    color:#00467f;
}
#map
{
	float:left;
	width:340px;
	height:340px;
	overflow:hidden;
	float:right;
}