@charset "utf-8";
/* CSS Document */
/* Global Properties */
*{margin:0px;padding:0px;}
body{font-size: 11px;font-family: Verdana;}
content{font-size: 11px;font-family: Verdana;}
a{text-decoration: none;}
a:hover{text-decoration: none;}

#frame{width: 990px; margin: center; margin: 0px auto; background: #ffffff;}


#logo, #news, #panels, #a.links, #a.blue, #a.fom, #breadcrumbs{font-family: Verdana;}
#a.links, #a.blue, #headerlinks, #logo, #a.date, #contentoverlay, #panels, #breadcrumbs{text-decoration: none;font-size: 11px;font-weight: normal;}

/*BREADCRUMBS*/
#breadcrumbs{
	background: #fff;
	width: 600px;
	margin-top: 5px;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	color: #ccc;
}

/*products*/
#products{background: #fff;width: 200px;margin-top: 5px;padding: 0px 0px 0px 0px; margin-left: 5px;color: #666;}

/*ORANGE LINKS*/
a.links:link {color: #ff9900;}
a.links:visited {color: #ff9900;}
a.links:hover {color: #ff9900;text-decoration: underline;}
a.links:active {color: #ff9900;}

/*breadcrumb LINKS*/
a.breadcrumb:link {color: #ccc;text-decoration: underline;}
a.breadcrumb:visited {color: #ccc;text-decoration: underline;}
a.breadcrumb:hover {color: #0061aa;text-decoration: underline;}
a.breadcrumb:active {color: #ccc;text-decoration: underline;}

a.bluef:link {color: #666666;}
a.bluef:visited {color: #666666;}
a.bluef:hover {color: #0061aa;text-decoration: underline;}
a.bluef:active {color: #666666;}

/*BLUE footer LINKS*/
a.blue:link {color: #004273;}
a.blue:visited {color: #004273;}
a.blue:hover {color: #004273;text-decoration: underline;}
a.blue:active {color: #004273;}

/*BLUE COPY LINKS*/
a.intoblue:link {color: #3399ff;}
a.intoblue:visited {color: #3399ff;}
a.intoblue:hover {color: #3399ff;text-decoration: underline;}
a.intoblue:active {color: #3399ff;}

/*BLUE COPY LINKS*/
a.soblue:link {color: #004273;text-decoration: underline;}
a.soblue:visited {color: #004273;text-decoration: underline;}
a.soblue:hover {color: #004273;text-decoration: underline;}
a.soblue:active {color: #004273;text-decoration: underline;}


/*WHITE SMALL LINKS*/
a.fom:link {color: #fff;font-size: 10px;}
a.fom:visited {color: #fff;font-size: 10px;}
a.fom:hover {color: #fff;text-decoration: underline;font-size:}
a.fom:active {color: #fff;font-size: 10px;}


#frame{
	width: 990px;
	margin: center;
	margin: 0px auto;
}
#header{width: 100%; height: 30px; background: #000000; }

/* HEADER */
#headerlinks{float: right; margin: 6px auto;font-size: 10px;padding: 0px 25px 0px 0px!important;}

	#container { float: left; width: 990px; height: 1000px; margin: 0 auto; overflow: hidden; position: relative; }
	#container #column_vertical {position: absolute;top:10px;left:225px;background: url(images/vertical.gif) no-repeat top left;width: 2px;height: 380px;
}
	#container #column_button { position: absolute; top:10px; left:5px; colour:#004273;}
	#container #panel { float: right; position: absolute; top:10px; right:30px; width: 580px;color: #666666}
	#container #panel_h2 {color: #004273;font-size: 18px;font-family: Verdana;}
	#container #panel_content {color: #666666;font-size: 11px;font-family: Verdana;}
	#container #panel ul{padding-left: 5px;border: 0;list-style-type:none}
	#container #panel ul li{color: #666666;font-size: 11px;background: url(images/dot_bullet.gif) no-repeat 0 4px;margin:2;padding:0px 0px 0px 10px;}
	





/*LOGO*/

#logo{float: left;margin: 33px 0px 0px 24px!important;margin-left: 14px;width: 417px;height: 72px;background: url(images/logo_internal.gif) no-repeat top left;}
#logo h2{display: block;}
#logo h2.corplogo{background: url(images/logo_home-.jpg) no-repeat top left;width: 417px;height: 72px;}
#logo h2.content{color: #ffffff;font-size: 11px;width: 417px;height: 80px;}


/*IMAGE HEADER*/
#image{float: right;margin: 23px 20px 0px 0px; no-repeat top left;	width: 307px;height: 86px;}

#hr {position: absolute;color: #000000;width: 40px;padding: 5px 5px 5px 5px;}

/* CENTER CONTENT PANEL */
#contentpanel{margin-top: 34px height: 112px;
	width: 990px; height: 160px;
	border-bottom: 1px #666666 solid;
}	
#contentoverlay{margin-top: 34px;color: #fff; height: 112px;}
#contentoverlay{font-size: 11px;}
#contentoverlay h2{font-size: 11px;}


/* PANELS MORE */
#container{width: 812px; margin-top: 5px;}
#panels{background: #fff;width: 600px;margin-top: 15px;padding: 0px 0px 0px 0px; margin-left: 200px;color: #666666;font-size: 18px;}
#panels h2{display: block;}
#panels h2.content{margin-left: 20px;color: #004273;font-size: 12px;}
#panels h2.content{color: #004273;font-size: 18px;}
#panels div.product h2 span{position: relative;padding-left: 2px;}
#panels div.product p{width:600px;color: #666666;font-size: 11px;padding:10px 0px 0px 20px;height:300px;}


#container #footer{margin-top: 50px;font-size: 10px;padding: 0px 0px 0px 50px;border-top: 1px #cccccc solid;height: 50px;width: 940px;}
#container #footer ul{float: left;list-style: color: #004273;none;padding-left: 0px!important;}
#container #footer li{display: inline;color: #004273;padding: 0px 5px 0px 6px!important;padding-left: 6px;}/*border-right: 1px #cccccc solid;*/
#container #footer span{float: right;color: #004273;margin-right: 5px;font-size: 10px;}



/*MENU*/
#menu ul li ul{position: absolute;z-index: 15;margin-top: 30px;float: left;list-style: none;width: 130px;font-size: 10px;display: none;}
#menu ul li ul li{border: 0px;width: 130px;}
#menu ul li ul li a{display: table-cell;padding: 5px 0px 5px 5px;color: #fff;height:34;width: 100px;}
#menu ul li ul li a span{border:0px;margin:0px;padding:0px;background: none;width: auto;}
#menu ul li ul li a:hover{background-color: #0e4064;}
#menu ul li ul li a span.fl{float:center;}
#menu ul li ul li a span.arrow{background:url(images/icon_arrow.gif) no-repeat; float: right; width:11px; border:0px;}
#menu ul li ul li.end{padding-bottom: 10px;}
#menu ul li ul li ul{margin:0px 0px 0px 100px;display: none;z-index: 15;}

/* DHTML Menu */

#menu{
	position: absolute;
	z-index: 20;
	width: 990px;
	background: url(images/menu_bg.gif) repeat;
}
#menu ul{float: left;list-style-type: none;display: table;}
#menu ul li{float: left;display: table-cell;position: relative;}
#menu ul li a{float: left;font-size: 11px;display: block;padding: 10px 27px 10px;color:#fff;	/*top nav font colour*/border-bottom: 1px #fff solid;}

#navon{background: #004273;}
#menu ul li a.drop:hover{}


/* When at the active section */
#menu form{float: left;margin: 5px 0px 0px 12px;}
#menu label{display: none;}



/*drop menu*/
#menu ul li ul{position: absolute;z-index: 21;margin-top: 34px;float: left;list-style: none;width: 170px;border-right: 1px #002c4c solid;background: #004273;/*original colour*/font-size: 10px;display: none;}
#menu ul li ul li{border: 0px;width: 170px;}
#menu ul li ul li a{display: table-cell;padding: 5px 0px 5px 14px;color: #fff;/*font colour*/border-bottom: 1px #002c4c solid;height:auto;width: 156px;}
#menu ul li ul li a span{border:0px;margin:0px;padding:0px;background: none;width: auto;}
#menu ul li ul li a:hover{background-color: #0e4064;color: #ff9900;/*font colour OVER*/}
#menu ul li ul li a span.fl{float:left;}
#menu ul li ul li a span.arrow{background:url(images/icon_arrow.gif) no-repeat; float: right; width:11px; border:0px;}
#menu ul li ul li.end{padding-bottom: 10px;}
#menu ul li ul li ul{margin:0px 0px 0px 171px;display: none;z-index: 22;}

