/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A1818;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
TD, DIV, P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A1818;
	text-decoration: none;
	line-height: 22px;
}
.menutop
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002584;
	text-decoration: none;
}
.searchsite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.searchbox {
	height : 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.bodygreentitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1FA124;
	text-decoration: none;
}
.homepageboxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height : 18px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.bodybluebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002584;
	text-decoration: none;
	font-weight: bold;
}
.employerbluebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #035BA1;
	text-decoration: none;
	font-weight: bold;
}
.resourcesredbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CE161C;
	text-decoration: none;
	font-weight: bold;
}
.trainingbluebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002584;
	text-decoration: none;
	font-weight: bold;
}
.skillspinkbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D8007B;
	text-decoration: none;
	font-weight: bold;
}
.bodygreenbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #60C327;
	text-decoration: none;
	font-weight: bold;
}
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002584;
	text-decoration: none;
	line-height: 16px;	
}
.teamname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1FA124;
	text-decoration: none;
	font-weight: bold;


}
.lefthandcolumntitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #002584;
	text-decoration: none;
	font-weight: bold;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

This has been modified to provide the top level menu.
=================================================================== */
.preload1 {background: url(template/pro_drop4_2a.gif);}
.preload2 {background: url(template/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 0px; margin:0; list-style:none; height:29px; background:transparent url(template/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; margin-right:0px; height:29px; line-height:25px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(template/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:5px 15px 0 6px; height:24px;background:url(template/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#FFF; background: url(template/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(template/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#FFF; background: url(template/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(template/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:200px;}
.prodrop4 :hover ul {left:3px; top:29px; background: #60C327; padding:0px; border-left:2px solid #60C327; border-width:0 1px 1px; white-space:nowrap; height:auto; filter : alpha(opacity=75);-moz-opacity:.75;opacity:.75; z-index:300;}
.prodrop4 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#BFE7A9; color:#1FA124;}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

This has been modified to provide the BOTTOM level menu.
=================================================================== */
.preload3 {background: url(template/pro_drop5_2a.gif);}
.preload4 {background: url(template/pro_drop5_2b.gif);}

.prodrop5 {padding:0 0 0 0px; margin:0; list-style:none; height:29px; background:transparent url(template/pro_drop5_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop5 li.top5 {display:block; float:left;}
.prodrop5 li a.top5_link {display:block; float:left; margin-right:0px; height:29px; line-height:25px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(template/pro_drop5_0a.gif) no-repeat;}
.prodrop5 li a.top5_link span {float:left; display:block; padding:0px 15px 0 6px; height:29px;background:url(template/pro_drop5_0b.gif) right top;}
.prodrop5 li a.top5_link:hover {color:#FFF; background: url(template/pro_drop5_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li a.top5_link:hover span {background:url(template/pro_drop5_2b.gif) no-repeat right top;}

.prodrop5 li:hover > a.top5_link {color:#FFF; background: url(template/pro_drop5_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li:hover > a.top5_link span {background:url(template/pro_drop5_2b.gif) no-repeat right top;}

.prodrop5 li.top12 {display:block; float:left;}
.prodrop5 li a.top12_link {display:block; float:left; margin-right:0px; height:29px; line-height:25px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(template/pro_drop5_0a.gif) no-repeat;}
.prodrop5 li a.top12_link span {float:left; display:block; padding:0px 15px 0 6px; height:29px;background:url(template/pro_drop5_0b.gif) right top;}
.prodrop5 li a.top12_link:hover {color:#FFF; background: url(template/pro_drop12_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li a.top12_link:hover span {background:url(template/pro_drop12_2b.gif) no-repeat right top;}

.prodrop5 li:hover > a.top12_link {color:#FFF; background: url(template/pro_drop12_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li:hover > a.top12_link span {background:url(template/pro_drop12_2b.gif) no-repeat right top;}

.prodrop5 li.top13 {display:block; float:left;}
.prodrop5 li a.top13_link {display:block; float:left; margin-right:0px; height:29px; line-height:25px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(template/pro_drop5_0a.gif) no-repeat;}
.prodrop5 li a.top13_link span {float:left; display:block; padding:0px 15px 0 6px; height:29px;background:url(template/pro_drop5_0b.gif) right top;}
.prodrop5 li a.top13_link:hover {color:#FFF; background: url(template/pro_drop13_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li a.top13_link:hover span {background:url(template/pro_drop13_2b.gif) no-repeat right top;}

.prodrop5 li:hover > a.top13_link {color:#FFF; background: url(template/pro_drop13_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li:hover > a.top13_link span {background:url(template/pro_drop13_2b.gif) no-repeat right top;}

.prodrop5 li.top14 {display:block; float:left;}
.prodrop5 li a.top14_link {display:block; float:left; margin-right:0px; height:29px; line-height:25px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(template/pro_drop5_0a.gif) no-repeat;}
.prodrop5 li a.top14_link span {float:left; display:block; padding:0px 15px 0 6px; height:29px;background:url(template/pro_drop5_0b.gif) right top;}
.prodrop5 li a.top14_link:hover {color:#FFF; background: url(template/pro_drop14_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li a.top14_link:hover span {background:url(template/pro_drop14_2b.gif) no-repeat right top;}

.prodrop5 li:hover > a.top14_link {color:#FFF; background: url(template/pro_drop14_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li:hover > a.top14_link span {background:url(template/pro_drop14_2b.gif) no-repeat right top;}


.prodrop5 li.top17 {display:block; float:left;}
.prodrop5 li a.top17_link {display:block; float:left; margin-right:0px; height:29px; line-height:25px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(template/pro_drop5_0a.gif) no-repeat;}
.prodrop5 li a.top17_link span {float:left; display:block; padding:0px 15px 0 6px; height:29px;background:url(template/pro_drop5_0b.gif) right top;}
.prodrop5 li a.top17_link:hover {color:#FFF; background: url(template/pro_drop17_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li a.top17_link:hover span {background:url(template/pro_drop17_2b.gif) no-repeat right top;}

.prodrop5 li:hover > a.top17_link {color:#FFF; background: url(template/pro_drop17_2a.gif) no-repeat; line-height:25px;}
.prodrop5 li:hover > a.top17_link span {background:url(template/pro_drop17_2b.gif) no-repeat right top;}


.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 ul.sub5 {width:150px;}
.prodrop5 :hover ul {left:0px; top:29px; background:  #60C327; padding:0px;  white-space:nowrap; border-width:0 1px 1px; height:auto; z-index:300;}
.prodrop5 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #BFE7A9;}
.prodrop5 :hover ul li a {display:block; font-size:11px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop5 :hover ul li a:hover {background:#BFE7A9; color:#1FA124;}

.prodrop5 ul.sub12 {width:150px;}
.prodrop5 :hover ul.sub12 {left:0px; top:29px; background:  #D8007D; padding:0px;  white-space:nowrap; border-width:0 1px 1px; height:auto; z-index:300;}
.prodrop5 :hover ul.sub12 li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #EF99CB;}
.prodrop5 :hover ul.sub12 li a {display:block; font-size:11px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop5 :hover ul.sub12 li a:hover {background:#EF99CB; color:#D8007D;}

.prodrop5 ul.sub13 {width:150px;}
.prodrop5 :hover ul.sub13 {left:0px; top:29px; background:  #035BA1; padding:0px;  white-space:nowrap; border-width:0 1px 1px; height:auto; z-index:300;}
.prodrop5 :hover ul.sub13 li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #9ABDD9;}
.prodrop5 :hover ul.sub13 li a {display:block; font-size:11px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop5 :hover ul.sub13 li a:hover {background:#9ABDD9; color:#035BA1;}

.prodrop5 ul.sub14 {width:150px;}
.prodrop5 :hover ul.sub14 {left:0px; top:29px; background:  #CE161C; padding:0px;  white-space:nowrap; border-width:0 1px 1px; height:auto; z-index:300;}
.prodrop5 :hover ul.sub14 li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #EBA2A4;}
.prodrop5 :hover ul.sub14 li a {display:block; font-size:11px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop5 :hover ul.sub14 li a:hover {background:#EBA2A4; color:#FFFFFF;}

.prodrop5 ul.sub17 {width:150px;}
.prodrop5 :hover ul.sub17 {left:0px; top:29px; background:  #002584; padding:0px;  white-space:nowrap; height:auto; border-width:0 1px 1px; z-index:300;}
.prodrop5 :hover ul.sub17 li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #99A8CE;}
.prodrop5 :hover ul.sub17 li a {display:block; font-size:11px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop5 :hover ul.sub17 li a:hover {background:#99A8CE; color:#FFFFFF;}

/* ESSU map styles */
#mapcontainer {
		width: 562px;
		height: 424px;
		position: relative;				
	}
	#mapoverlay {
		float:right; 
		position:relative; 
		width:174px;
		height: 5;
		z-index:8;
		top:-423px; 
		left:0px; 
		display : block;
		background: #204293; 		 
		padding-left:10px; 
		padding-right:10px; 
		filter : alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		padding-top:10px;		
		margin:0;
	}
	.maptitlewhite {
		font-weight: bold;
		font-size : 14px;
		color: #ffffff;
		font-style: normal;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 18px;	
	}
	.mapcontactname {
		font-weight: bold;
		font-size : 12px;
		color: #D8007D;
		font-style: normal;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 18px;
	}
	.maptext {		
		font-size : 12px;
		color: #FFFFFF;
		font-style: normal;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		line-height: 18px;
	}