@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;}

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

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

/*BLUE SMALL 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.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;text-decoration: none;font-size: 10px;font-weight: normal;}
a.fom:visited {color: #fff;text-decoration: none;font-size: 10px;font-weight: normal;}
a.fom:hover {color: #fff;text-decoration: underline;font-size: 10px;font-weight: normal;}
a.fom:active {color: #fff;text-decoration: none;font-size: 10px;font-weight: normal;}



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

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



/*LOGO*/

#logo{
	float: left;
	margin: 33px 0px 0px 24px!important;
	margin-left: 14px;
	width: 470px;
}
#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;}




/*NEWS*/
#news{
	float: right;
	margin: 5px 5px 0px 10px;
	color: #ffffff;
	font-size: 11px;
}
#news h2{display: block;}
#news h2.title{width: 270px;height: 40px;font-size: 11;font-weight: normal;}
#news h2.content{color: #ffffff;font-size: 10;font-weight: normal;width: 270px;height: 300px;}

.date {color: #cccccc;	}

a.date:link {color: #fff;text-decoration: none;font-weight: normal;padding-bottom: 20px;}
a.date:visited {color: #fff;text-decoration: none;font-weight: normal;padding-bottom: 20px;}
a.date:hover {color: #fff;text-decoration: underline;font-weight: normal;padding-bottom: 20px;}
a.date:active {color: #fff;text-decoration: none;font-weight: normal;padding-bottom: 20px;}




/* Center Content Panel */
#contentpanel{
	width: 990px;
}	
#contentoverlay{margin-top: 34px;background: url(images/background_blue.jpg) no-repeat top left;color: #fff;height: 214px;}
#contentoverlay{font-size: 11px;}
#contentoverlay h2{font-size: 11px;}

#contentpanel2{
	width: 990px;
}

#contentoverlay2{margin-top: 34px;background: url(images/background_blue2.jpg) no-repeat top left;color: #fff;height: 260px;}
#contentoverlay2{font-size: 11px;}
#contentoverlay2 h2{font-size: 11px;}


/* Content Panels at bottom */
#panels{
	background: #fff;
	height: 600px;
	width: 990px;/*border-bottom: 2px #0061aa solid;*/
	margin-top: 44px;
	padding: 0px 0px 0px 0px;
	color: #004273;
}
#panels div.product{
	margin-top: 30px;
	float: left;
	width: 280px;
	height: 250px;
	margin-right: 5px;
	margin-left: 40px;
	align:center;
}
#panels h2{display: block;}
#panels h2.content{color: #004273;font-size: 18px;width: 990px;height: 30px;}
#panels h2.content span{color: #f79c30;font-size: 18px;}
#panels div.product h2 span{position: relative;padding-left: 2px;}
#panels div.product p{width:240px;color: #004273;font-size: 11px;padding:10px 0px 0px 20px; }
#panels div.product p a img{margin-top: 20px;align:center;}
#panels div.product ul{padding:10px 0px 0px 20px;border: 0;list-style-type:none}
#panels div.product ul li{color: #004273;font-size: 11px;margin:5;padding:0px 0px 0px 10px;}

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



#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 37px 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;}