/* CSS Document */

body{
background-image:url(../images/bg.gif);
background-position: top left;
background-repeat:repeat-x;
margin: 0px;
padding: 0px;
text-align:center;}

/*------------centres site/big 'r' image)------------------*/
#frame{
background-image:url(../images/big_r.gif);
background-position: left top;
background-repeat:no-repeat;
margin: 0px auto;
padding: 0px;
width: 989px;
min-height: 700px;
text-align:left;}

/*------------header (logo/blue boxes for navigation)-----------------*/
#header{
margin: 0px;
padding: 0px;
background-image:url(../images/header.gif);
background-position: top left;
background-repeat:no-repeat;
width: 989px;
height: 173px;
text-align:left;}

/*------------breadcrumbs------------------*/
#breadcrumbs{
font-size: 11px;
font-family: "Times New Roman", Times, serif;
color: #ffffff;
margin: 0px 0 0 0;
padding: 5px 0px 0px 5px;
text-align:left;
}

#breadcrumbs a:link, #breadcrumbs a:visited{
font-size: 11px;
font-family: "Times New Roman", Times, serif;
color: #ffffff;
margin: 0px;
padding: 0px;
text-decoration:underline;
}

#breadcrumbs a:hover{
font-size: 11px;
font-family: "Times New Roman", Times, serif;
color: #97bfe4;
margin: 0px;
padding: 0px;
text-decoration:underline;
}

/*--------------navigation(top row)---------------*/
.chromestyle{
width: 730px;
font-family: "Times New Roman", Times, serif;
font-size:11px;
color:#FFFFFF;
text-transform:uppercase;
margin: 0px 0 0 224px;
padding: 128px 0 0 0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
margin: 0px;
}

.chromestyle ul{
width: 100%;
/*THEME CHANGE HERE*/
padding: 5px 0px 5px 0px;
margin: 0px;
float:left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
padding: 0px;
margin: 0px;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 6px 11px 7px 11px;
margin: 0px;
text-decoration: none;
}

.chromestyle ul li a:hover{
background-color:#312D75;
text-decoration: none;
margin: 0px;
 /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}



/*--------------navigation(drop down)---------------*/
.dropmenudiv{
position:absolute;
margin: 0;
border-bottom: 1px solid #97BFE4;
border-left: 1px solid #97BFE4;
border-right: 1px solid #97BFE4; /*THEME CHANGE HERE*/
border-bottom-width: 2;
font-size: 11px;
font: "Times New Roman", Times, serif;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv ul{
margin: 0px;
padding: 0px 0px;}

.dropmenudiv li{
list-style: none;
width: auto;
display: block; /*THEME CHANGE HERE*/
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #00529F;
}

.dropmenudiv a{
width: auto;
display: block;
 /*THEME CHANGE HERE*/
padding: 2px 5px;
text-decoration: none;
color: #00529F;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #00529F;
background-color: #EAF2FA;
}

/*--------------swcondary nav (left hand side) for products---------------*/
#nav2 {
	position: absolute;
	z-index: 2;
	width: 100px;
}

#nav2 h1{
	width: 100px;
}

#nav2 ul{
float: left;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align:left;
font-size: 11px;
font: "Times New Roman", Times, serif;
color: #00529F;
}

#nav2 li{
display:block;
width:150px;
list-style: none;
margin: 0px;
padding: 0px;
}

#nav2 a:link, #nav2 a:visited{
line-height: 18px;
display:block;
width:150px;
list-style: none;
margin: 0px;
padding: 0px 5px;
color: #00529F;
text-decoration:none;
}

#nav2 a:hover{
line-height: 18px;
display:block;
width:150px;
list-style: none;
margin: 0px;
padding: 0px 5px;
color: #00529F;
text-decoration:none;
background-color: #EAF2FA;
}

#nav2 h1{
list-style: none;
margin: 0 0 10px 0;
padding: 63px 0 0 5px;
color: #97BFE4;
text-decoration:none;
font-size: 16px;
font: "Times New Roman", Times, serif;
}

/*------------content area (right hand side)------------------*/
#contentarea{
float: right;
width: 830px;
margin: 60px 0px 0px 0px;
padding: 0px;
text-align:left;
font-size: 16px;
font: "Times New Roman", Times, serif;
color: #00529F;
}

/*------------content box (light blue)------------------*/
#content{
background-color: #F2F7FC;
font-size: 12px;
font: "Times New Roman", Times, serif;
color: #00529F;
padding: 10px 15px 15px 15px;
margin: 10px 0px 20px 0px;
}

#content a:link, #content a:visited{
color: #00529F;
padding: 0px;
margin: 0px;
text-decoration:none;
}

#content a:hover{
color: #00529F;
padding: 0px;
margin: 0px;
text-decoration:underline;
}

/*------------footer------------------*/
#footer{
width: 989px;
float:left;
border-top: 5px solid #312D75;
font-size: 11px;
font: "Times New Roman", Times, serif;
color: #00529F;
padding-top: 3px;
margin-top: 20px;
text-align:center;
}

#images{
background-color:#93B5DB;
margin: 0px;
padding: 10px;}