body { margin: 0px; line-height: 15px;  background-repeat:repeat-x; background-color:#0062a1; }

body, table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 15px; }

body a:link { color: #333333; text-decoration: underline; }
body a:visited { color: #333333; text-decoration: underline;}
body a:hover { color: #666666; text-decoration: none; }

a.black:link, a.black:visited { color:#000000; }

p { margin-top: 3px; margin-bottom:5px; }

h1 {color: #333333; font-size:18px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
h2 {color: #666666; font-size:16px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
h3 {color: #999999; font-size:14px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}

form { margin:0px; }


/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	width: 957px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
}
	
#header {
	position: relative;
	height:77px;
	background-image:url(media/header.gif);
	margin-top:25px;
}

#header #bluhathub { position:absolute; right:20px; top:30px;  font-size:14px; font-weight:bold; }

#banner { width:955px; border-left:1px #FFFFFF solid; border-right:1px #FFFFFF solid; height:211px; position:relative; }
	
#banner .text { position:absolute; top:23px; left: 23px; width: 605px; text-align:left;  z-index:50; }
#banner .text h2 { color:#ffffff; font-weight:bold; font-size:32px;   line-height:24px; }
#banner .text h3 { color:#ffffff; margin-top:15px; font-size:18px; font-weight:normal; line-height:24px; font-weight:bold; }
#banner .text p { color:#0062a1; font-size:14px; }
#banner .text p  a:link, #banner .text p  a:visited  { color:#00afe9 !important; text-decoration:none; display:block; background-image:url(media/bannerbutton.png); width:189px; height:37px; font-size:18px; line-height:37px; text-align:center; font-weight:bold; position:absolute; top: 133px; left:0px;  }
#banner .text p  a:hover { filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#banner .black { color: #ffffff; }
#banner .blue { color: #ffffff; }
.bannerimg { z-index:1; position:absolute; top:0; left:0; }



.rotator { list-style:none; padding:0px; margin:0; position:relative; }
.rotator li { position:absolute; top:0px; left:0px; display:none; }
.rotatorhelper { list-style:none; padding:0; margin:0; position:absolute; z-index:101; left:225px; top: 181px; }
.rotatorhelper li { float:left; background-color:#86e3fc; width:10px; height:10px; margin-right:4px !important; }
 li.rotatorhelperActive { background-color:#ffffff  }
.rotator li.slideshowItemActive {
	background-color:#090;
	display:block;
}

#contentcontainer { background-color:#FFF; }
	
#content { 
	position: relative;
	padding-left:15px;
	padding-right:5px;
	margin-left: auto;
 	margin-right: auto;
	width: 959px;
	padding-bottom:20px;
}
	
	
/* nav */
	
#nav { width:955px; border-left:1px #FFFFFF solid; border-right:1px #FFFFFF solid; height:36px; background-image:url(media/navback.jpg);  }
#topnav, #topnav ul { padding: 0; margin: 0; list-style: none; right:10px; font-size:12px; font-weight:bold; margin-left:15px;  }
#topnav a:link,#topnav a:visited  { color:#ffffff; text-decoration:none; }
#topnav a:hover, #topnav li.selected a { color:#0bbaee !important; text-decoration:none; }
#topnav li { float: left; position: relative; padding-right:19px; padding-left:19px; background-image:url(media/navdivider.jpg); background-repeat:no-repeat; background-position:right; height:36px; line-height:36px; }
#topnav li.last { background-image:none; padding-right:0; }
#topnav li:hover {   }

/* subbanners */

.bluhatresources { float:left; width:200px; height:300px; margin-right:20px; }
.subbanners-home .subbanner { float:left; margin-right:20px; }
.subbanners-home .subbanner.second { margin-right:0; }
.subbanner { margin-bottom:10px; margin-top:10px; }
.subbanner:hover { filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

/* follow */
.follow img:hover { filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* news (bluhat hub) */
#hubnews h2 { font-size:13px; margin-bottom:0; }

/* footer */


#footercontainer1 { height:30px; background-color:#00afe9; }
#footercontainer2 { height:30px; background-color:#0062a1; }

.footer { 
	margin-left: auto;
 	margin-right: auto;
	width: 959px;
	color:#00afe9;
	padding-left:15px;
}
.footer a:link { color: #FFFFFF; text-decoration: none; }
.footer a:visited { color: #FFFFFF; text-decoration: none; }
.footer a:hover { color: #00afe9; text-decoration: none; }
.footer p { color: #FFFFFF; } 

.footercolumn { float:left; margin-right:20px; width:200px; margin-top:10px; margin-bottom:20px; }

#credit, #credit a { color:#999999; }

.divPop { z-index:99; position:fixed; width:100%; top:0px; left:0px; height:100%; background-image:url(media/divBack.png) }


.contactbox { float:left; margin-right:10px; width:120px; }
#contact-column1 { width:230px; margin:20px 20px 0 0; float:left; }
#contact-column2 { width:430px; margin:20px 20px 0 0; float:left; }

/* column1 */

#column1 { float:left; width:700px; }
#column2 { float:left; width:228px; margin-left:20px; }

/*outplacement */
#outplacementcol1 { float:left; width:320px; margin:0 30px 0 0; }
#outplacementcol2 { float:left; width:330px; margin:13px 0 0 0; }

/*TEXT SIZE AND COLOUR STYLES*/
.clear { clear:both; }
.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.green { color: #009933; }
.red { color: #FF0000; }

.blue { color: #0062A1; }

.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:0px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.fieldname { font-weight:bold; }
.line { color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:0px; margin-bottom:0px; }