@charset "utf-8";



/*  */
/*
/*			BASE COLOURS:			Footer Dark Blue #1E4472		BAckground Blue: #79b8f3		MENU BACKGROUND E7EDF9
/*
/*  */


html {
	padding:0px;
	margin:0px;
	height:100%;
}
body {
	margin:0px;
	background-color:#CCCCCC;
	outline:none;
	background-image:url(/images/template/backgroundshade.png);
	background-repeat:repeat-x;
	height:100%;
}
.pageWidthDefinition {
	width:970px;
	margin-left:auto;
	margin-right:auto;
}
#wrapper {
	width:100%;
	min-height:100%;
	position:relative;
	background-position:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		HEADER		*/

#header {
	height:91px;
	background-color:#3FA9F5;
	position:relative;
}


#signInLink { position:absolute; bottom:-20px; right:0px; height:20px; width:121px; background-image:url(../../images/template/loginTab.jpg); background-color:#CCCCCC; font-size:11px;  }
#signInLink  a { padding:2px 20px 0px 30px; }


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		PAGE		*/

#page {
	padding-bottom:200px;
	font-size:12px;
	color:#666666;
}

.contentArea {
	margin-left:8px; 										
	margin-right:12px;
	padding:1px 15px 25px 15px; 
	background-color:#FFFFFF;	
	border:#999999 1px solid;
	border-top:none; 
}



.pageIntroBox { width:700px; background-color:#3fa9f5; color:#FFF; font-size:15px;  font-weight:normal; padding:10px; line-height:1.5em;} 
.pageIntroBox h3 { color:#FFFFFF; font-weight:bold;} 


.pageRightCol { width:180px; float:right; }
.pageLeftCol { width:180px; float:left; margin-top:10px;}
.pageCentreCol { width:520px;margin-left:200px; }

.pageRightCol p, .pageLeftCol p {margin:4px 0px }

.pageLeftCol .box1, .pageRightCol .box1 { background-color:#C6D2DB; padding:5px; margin-bottom:5px; }
.pageLeftCol .box2, .pageRightCol .box2 { border:2px #C6D2DB solid;  padding:5px; margin-bottom:5px;}
.pageLeftCol .box3, .pageRightCol .box3 { background-color:#F90; color:#FFF; padding:5px; margin-bottom:5px;}
.pageLeftCol .box4, .pageRightCol .box4 { border:2px #F90 solid;  padding:5px; margin-bottom:5px;}

.pageLeftCol .box3 a, .pageRightCol .box3 a  { color:#FFF; }

.page2ColLeft { width:720px;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		FOOTER		*/


#footer {
	background-color:#666666;
	height:180px;
	position:absolute;
	bottom:0px;
	width:100%;
	font-size:10px;
	color:#FFFFFF;
}
#footerInner {
	
	background-repeat:no-repeat;
	padding:20px 20px 0px 20px;	
}

#footerInner a { color:#FFFFFF; text-decoration:none; }
#footerInner p {margin:0px }
#footerInner ul  { font-size:12px; list-style-type:none; padding:0px; margin:0px; font-weight:bold;    }
#footerInner ul a { text-decoration:underline; }
#footerInner ul li { float:left; margin-right:5px; border-left:#FFFFFF 1px dotted; padding-left:5px; }
#footerInner ul li ul li { float:none; border:none; }
#footerInner ul li ul a { font-size:11px; font-weight:normal; text-decoration:none; }
#footerInner ul li ul a:hover { text-decoration:underline; }



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		MENU		*/

#menu { 	width:975px;  	padding:0px; height:76px; background-image:url(../../images/template/menuBg.png); position:relative; }
#menu ul { list-style:none; margin:0px 0px 0px 10px; padding:0px;   }
#menu ul li { position:relative; float:left;}
#menu ul li a { display:block; color:#fff; font-size:14px; margin-bottom:1px; padding:08px 0px 0px 10px; height:45px; width:125px; font-weight:bold; }


#menu ul li:hover { background-color:#4896de; background-image:url(../../images/template/menuTabBg.png); }

#menu ul li ul { display:none;  }
#menu ul li:hover ul { display:block; position:absolute; left:-10px; top:54px;  background-color:#6666CC; width:220px; z-index:100; border-left:1px #FFFFFF solid; border-bottom:1px #666666 solid; border-right:1px #666666 solid;  }
#menu ul li:hover ul li { float:none; }
#menu ul li:hover ul li a { height:auto; background-image:none; margin:0px; background-color:#4896de; color:#fff; font-weight:normal; padding:5px; width:auto; }
#menu ul li:hover ul li a:hover { background-color:#666666; color:#FFFFFF; background-image:none; }

#menuLoggedIn { height:25px; padding:1px; 
	margin-left:8px; 										
	margin-right:12px;
	padding:4px 15px 25px 15px; 
	background-color:#FFFFFF;
	border:#999999 1px solid;
	border-top:none; 
	border-bottom:none;
	
		 }
#menuLoggedIn ul { list-style-type:none; background-color:#FF6600; height:25px; margin:0px; padding:0px;  }
#menuLoggedIn ul li { position:relative; float:left }
#menuLoggedIn ul li a{ display:block; color:#fff; font-size:12px; margin-bottom:1px; padding:3px 20px 4px 10px; font-weight:bold;}
#menuLoggedIn ul li a:hover { background-color:#666666}
#menuLoggedIn ul li ul { display:none; }

#menuLoggedIn ul li:hover ul { display:block; position:absolute; left:0px; top:25px;  background-color:#6666CC; width:200px; z-index:100 }
#menuLoggedIn ul li:hover ul li { float:none; }
#menuLoggedIn ul li:hover ul li a { margin:0px; background-color:#999999; color:#fff; font-weight:normal; padding:5px; }
#menuLoggedIn ul li:hover ul li a:hover { background-color:#666666; color:#FFFFFF; }


#menuEmployer { height:25px; padding:1px; 
	margin-left:8px; 										
	margin-right:12px;
	padding:4px 15px 25px 15px; 
	background-color:#FFFFFF;
	border:#999999 1px solid;
	border-top:none; 
	border-bottom:none;
	
		 }
#menuEmployer ul { list-style-type:none; background-color:#FF6600; height:25px; margin:0px; padding:0px;  }
#menuEmployer ul li { position:relative; float:left }
#menuEmployer ul li a{ display:block; color:#fff; font-size:12px; margin-bottom:1px; padding:3px 20px 4px 10px; font-weight:bold;}
#menuEmployer ul li a:hover { background-color:#666666}
#menuEmployer ul li ul { display:none; }


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		Columns		*/


.col1 { width: 280px;  }
.col2 { width: 585px;  }
.col2Inner1 { width: 280px; float:left; margin-right:25px; } 
.col2Inner2 { width: 280px; float:left; } 




/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		PAGE FONTS ETC		*/





a { text-decoration:none; color:#003366; font-weight:bold;  }
a:hover { color:#FF9900; }


h1 { font-size:28px; color:#333333; font-weight:normal; color:#036; margin-top:0px; }
h2 { font-size:18px; color:#FF9900; font-style:italic }
h3 { font-size:14px; color:#FF9900;  }


hr { 
      border: 1px dotted #CCCCCC; border-left:none; border-right:none;
      color: #fff;
      background-color: #fff;
      height: 4px;
	  clear:both;
	  margin-top:20px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		IMAGES AND COLIOUR BLOCKS		*/

.rightImage { float:right; margin:0px 0px 10px 10px; }
.leftImage { float:left; margin:0px 10px 10px 0px; }
.backgroundColour1 { background-color:#79b8f3; color:#ffffff; }
.backgroundColour1 a { color:#FFFFFF; }
.backgroundColour2 { background-color:#E7EDF9; color:#000000; }
.indentPara { padding-left:100px }


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		FORUM		*/

.forum_table  { background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;border-collapse: collapse;  }
.forum_table td { border-bottom:#CCC 1px solid; margin:0px; background-color:#E7EDF9 }
.forum_tableheader  td, .forum_tableheader  th { background-color:#79b8f3; color:#FFF; text-align:left; }
.forum_tablefooter  td { background-color:#79b8f3; color:#FFFFFF; }

.header {
	background-image:url(../../images/template/bg.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	text-align:left;
	background-color:#8CC63F;
	background-position:center left;
	color:#FFFFFF;
}
.headerSortUp {
	background-image:url(../../images/template/asc.gif);
	background-color:#76b423;
}
.headerSortDown {
	background-image:url(../../images/template/desc.gif);
	background-color:#76b423;
}




#ajaxPopupBg  { background-image:url(/images/greyBlueShade50.png); position:fixed; top:0px; left:0px; display:none; height:100%; width:100%; z-index:90 }
#ajaxPopup { 
padding:20px; background-color:#fff; border:#999999 1px solid; display:none; position:fixed; min-width:600px; min-height:300px; 
left:50%; top:100px; margin-left:-300px; z-index:99; font-size:12px; 
 }
 
 
 .makeItHappenLink { width:100%; padding:10px 0px; display:block; font-size:13px; background-color:#F60; text-align:center; color:#FFF }
 .makeItHappenLink:hover {color:#FFF; background-color:#F90 }
 
 
#bottomBoxes { height:110px; margin-left:120px; }
#bottomBoxes a { display:block; margin-right:5px; padding:5px; background-color:#8EA1B8; color:#FFF; height:90px; width:215px; float:left; font-weight:normal; }
#bottomBoxes a:hover { background-color:#7E94AA; }