/***********Global**************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:url(images/bg_slice.jpg) repeat-x top; background-attachment:fixed; background-color:#00529b; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000; background-attachment:fixed; position:relative}
* html body{background-attachment:scroll;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#00529b; text-decoration:underline;}
a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:18px;}
blockquote{ padding:0 0 0 30px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#0397d7;}
h1{color:#00529b; font-size:20px; padding:0 0 10px 0;}
h2{color:#00529b; font-size:18px; padding:0 0 10px 0;}
h3{color:#00529b; font-size:16px; padding:0 0 16px 0;}
h4{color:#00529b; font-size:14px; padding:0 0 10px 0;}
h5{color:#00529b; font-size:12px; padding:0 0 10px 0;}
h6{color:#00529b; font-size:10px; padding:0 0 10px 0;}

/***********Classes**************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}
.split50{position:relative; width:49%;float:left; padding:0 2px 0 0;}
.split30{position:relative; width:33%;float:left;}
.ltblue{ color:#0297d6}
.dkblue{ color:#00529b}
.black{ color:#000}
.yellow{ color:#ffd04f}
.formpadding td {padding: 0 0 10px 0;}
.padd{ padding:10px 10px 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

.back{ width:160px; height:40px; padding-left:40px; float:left}

/*********toggle********************/
div.answer{display: none;}
.answer{padding:10px 0 0 10px; margin-bottom:5px;}
div.question{ margin:8px 0 0 0; background:#0297d6; padding:4px 0 4px 8px; }
div.question h5{color:#fff; padding:0; margin:0}
div.question:hover {background:#00529b; cursor:pointer}
div.question.active{background:#00529b;}

/***********Wrappers-All**************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff; position:absolute}
#CloudWrapper{position:relative; background:url(images/bg_clouds.jpg) no-repeat top; background-attachment:fixed; }
#Wrapper{position:relative; width:980px; overflow:hidden;}
#Wrapper2{position:relative; width:980px; overflow:hidden;}
#PageWrapper{position:relative; float:left; background:url(images/wrapper_slice.gif) repeat-y; border:1px solid #ccc; border-width:0 0 1px 0; padding:0 0 10px 0; width:980px; margin-bottom:6px; overflow:hidden;}

/***********HomePage**************/
#HpTop{ background:url(images/hp_top.png) no-repeat; height:128px; margin-top:3px; overflow:hidden;}
#Number{ float:right; padding:39px 10px 0 0;}
#Flash{ background:url(images/hp_flashholder.jpg) no-repeat; height:477px; width:960px; position:relative; overflow:hidden;}
#YellowIcon{ background:url(images/icon_lg.gif) no-repeat; width:94px; height:94px; float:left}
#HpCopy{ width:480px; border:11px solid #ffd04f; border-width:0 11px 0 0; line-height:18px; margin-bottom:10px; float:left; padding:0 0 0 15px}	
/***********HP BOTTOM COPY**************/			
#BottomCopy{position:relative;}
#Facebook{position:absolute; top:80px; left:30px; width:180px; color:#999; font-weight:bold; font-size:12px; height:25px; padding:10px 0 0 0; background: url(images/logo_facebook.gif) no-repeat; background-position:right;}
	#Facebook a{width:175px; height:25px; color:#999; text-decoration:none; display:block;}
	#Facebook a img{}
	
#Linkedin{position:absolute; top:120px; left:30px; width:180px; color:#999; font-weight:bold; font-size:12px; height:25px; padding:10px 0 0 0; background: url(images/logo_linkedin.jpg) no-repeat; background-position:right;}
	#Linkedin a{width:175px; height:25px; color:#999; text-decoration:none; display:block;}
	#Linkedin a img{}
	
#Mentor{position:absolute; top:160px; left:30px; width:300px; color:#999; font-weight:bold; font-size:12px; height:25px; padding:10px 0 0 0; background-position:right;}
		
#Facebook2{ width:180px; color:#999; font-weight:bold; font-size:12px; height:25px; padding:10px 0 0 0; background: url(images/logo_facebook.gif) no-repeat; background-position:right; float:left; clear:both}

/***********HP Navigation**************/	
#Nav{ width:360px; display:block; float:left; padding:4px 0 0 10px;}
	#Nav ul { padding:0 0 0 6px; text-align:left; display:block; margin:0}	
	#Nav li { padding:0 10px 0 0px; float:left; list-style:none; color:#000; font-size:14px; margin:0}
	#Nav a {color:#000; font-size:14px; text-decoration:none; font-weight:bold;}
	#Nav a:hover {color:#00529b; font-size:14px; text-decoration:none; font-weight:bold;}
	#Nav a.current {color:#00529b; font-size:14px; text-decoration:none; font-weight:bold;}

#CatchAll{height:477px; width:500px; position:absolute; z-index:10; display:block; top:0; left:0;}		

	#NavOurstory{ background:url(images/hp_nav_over.png) no-repeat; _background:#fff; z-index:100; height:477px; width:209px; position:absolute; top:0px; left:0px;}
		#NavOurstoryOver{position:absolute; top:395px; left:0px; height:52px; width:209px;}
		#NavOurstoryOver ul{ margin:0;}
		#NavOurstoryOver li{list-style:none; padding:0; margin:0;}
		#NavOurstoryOver li a{color:#00529b; text-decoration:none; font-weight:bold; font-size:14px; height:31px; padding:8px 0 0 50px; width:159px; display:block }
		#NavOurstoryOver li a:hover{color:#fff; text-decoration:none; font-weight:bold; font-size:14px; background:url(images/hp_nav_over_icon.gif) no-repeat; background-color:#00529b;}	
		
	#NavEmployers{ background:url(images/hp_nav_over.png) no-repeat; _background:#fff; z-index:100; height:477px; width:209px; position:absolute; top:0px; left:35px;}
		#NavEmployersOver{position:absolute; top:240px; left:0px; height:139px; width:209px;}	
		#NavEmployersOver ul{ margin:0;}
		#NavEmployersOver li{list-style:none; padding:0; margin:0;}
		#NavEmployersOver li a{color:#00529b; text-decoration:none; font-weight:bold; font-size:14px; height:31px; padding:8px 0 0 50px; width:159px; display:block }
		#NavEmployersOver li a:hover{color:#fff; text-decoration:none; font-weight:bold; font-size:14px; background:url(images/hp_nav_over_icon.gif) no-repeat; background-color:#00529b;}
		
	#NavJobseekers{ background:url(images/hp_nav_over.png) no-repeat; _background:#fff; z-index:100; height:477px; width:209px; position:absolute; top:0px; left:116px;}
		#NavJobseekersOver{position:absolute; top:317px; left:0px; height:156px; width:209px;}
		#NavJobseekersOver ul{ margin:0;}
		#NavJobseekersOver li{list-style:none; padding:0; margin:0;}
		#NavJobseekersOver li a{color:#00529b; text-decoration:none; font-weight:bold; font-size:14px; height:31px; padding:8px 0 0 50px; width:159px; display:block }
		#NavJobseekersOver li a:hover{color:#fff; text-decoration:none; font-weight:bold; font-size:14px; background:url(images/hp_nav_over_icon.gif) no-repeat; background-color:#00529b;}
		
	#NavContactus{ background:url(images/hp_nav_over.png) no-repeat; _background:#fff; z-index:100; height:477px; width:209px; position:absolute; top:0px; left:210px;}
		#NavContactusOver{position:absolute; top:434px; left:0px; height:31px; width:209px;}
		#NavContactusOver ul{ margin:0;}
		#NavContactusOver li{list-style:none; padding:0; margin:0;}
		#NavContactusOver li a{color:#00529b; text-decoration:none; font-weight:bold; font-size:14px; height:31px; padding:8px 0 0 50px; width:159px; display:block }
		#NavContactusOver li a:hover{color:#fff; text-decoration:none; font-weight:bold; font-size:14px; background:url(images/hp_nav_over_icon.gif) no-repeat; background-color:#00529b;}


/***********SubPageNav**************/	
#SubTop{ background:url(images/sub_top.png) no-repeat; height:111px; margin-top:12px;}
#Logo{ width:250px; height:80px; float:left; cursor:pointer; margin-top:30px;}
#SubNumber{ float:right; padding:28px 8px 0 0;}

#SubNav{position:relative; width:550px; float:left; padding:30px 0 0 160px; z-index:10;}
	#SubNav ul { padding:0 0 0 6px; text-align:left; list-style:none; margin:0;}
	#SubNav li {position:relative; padding:0 15px 9px 0px; float:left; list-style:none; color:#000; font-size:14px; margin:0}
	#SubNav li a {color:#000; font-size:14px; text-decoration:none; font-weight:bold;}
	#SubNav li a:hover {color:#00529b; font-size:14px; text-decoration:none; font-weight:bold;}
	#SubNav li a.current {color:#00529b; font-size:14px; text-decoration:none; font-weight:bold;}
/* Drop-Down Menu */
		#SubNav ul ul {position: absolute; display: none; background:url(images/sub_nav_over.png) no-repeat; _background:#fff; padding:0; margin:0; width:150px; height:153px; border-top:3px #0297d6 solid; font-size:12px;}
		#SubNav ul ul li {padding:4px 2px; text-align:left; display:block !important; font-size:12px; position:relative;}
		#SubNav ul ul:hover {display:block !important; font-size:12px;}
		#SubNav ul li:hover ul {display: block !important; top: 99%; left: 0;position:absolute; width:150px; font-size:12px;}
		#SubNav ul li:hover ul a{font-size:12px;}
		#SubNav ul li:hover ul li {display: block !important; float:left; text-indent:6px; width:146px; font-size:12px; }
		#SubNav ul li:hover ul li:hover{color:#fff; text-decoration:none; background-color:#0297d6; font-size:12px;}	
		#SubNav ul li ul li a:hover{color:#fff; text-decoration:none; background-color:#0297d6; font-size:12px;}	
		
	#SubNav li:hover a, #SubNav li.sfHover a {color: #00529b; position:relative;}
	#SubNav li:hover ul a, #SubNav li.sfHover ul a {color: #000; display:block !important; margin:0; padding:0; font-size:12px; position:relative;}
	#SubNav li:hover ul a:hover, #SubNav li.sfHover ul a:hover {color: #fff; text-decoration:none; margin:0; padding:0; font-size:12px; position:relative;}

/***********SubPage**************/
#Header1{ background:url(images/sub_banner.jpg) no-repeat; width:960px; height:160px;}
#Header2{ background:url(images/sub_banner_6.jpg) no-repeat; width:960px; height:160px;}
#Header3{ background:url(images/sub_banner_2.jpg) no-repeat; width:960px; height:160px;}
#Header4{ background:url(images/sub_banner_3.jpg) no-repeat; width:960px; height:160px;}
#Header5{ background:url(images/sub_banner_4.jpg) no-repeat; width:960px; height:160px;}

#SubPadding{ width:960px; padding:10px}

#TitleEmployers { background:url(images/sub_title_employers.gif) no-repeat; width:956px; height:56px; margin-bottom:8px; float:left}
#TitleJs { background:url(images/sub_title_js.gif) no-repeat; width:956px; height:56px; margin-bottom:8px; float:left}
#TitleContact { background:url(images/sub_title_contact.gif) no-repeat; width:956px; height:56px; margin-bottom:8px; float:left}
#TitleStory { background:url(images/sub_title_story.gif) no-repeat; width:956px; height:56px; margin-bottom:8px; float:left}
	
#SubSubNav{ padding:16px 0 0 10px;}
	#SubSubNav ul { padding:0 0 0 6px; text-align:left;}
	#SubSubNav li { padding:0 12px 0 0px; float:left; list-style:none; color:#000; font-size:14px; margin:0}
	#SubSubNav a {color:#003876; font-size:12px; text-decoration:none; font-weight:bold; padding:4px 6px;}
	#SubSubNav a:hover {color:#fff; font-size:12px; text-decoration:none; font-weight:bold; background-color:#0397d7; padding:4px 6px;}
	#SubSubNav a.current {color:#fff; font-size:12px; text-decoration:none; font-weight:bold; background-color:#0397d7; padding:4px 6px;}
	
#SubCopyWrapper{ width:960px;}
#SubCopy{ width:550px; line-height:18px; float:left; padding:0 0 20px 55px;}
#SubCopy ul{ padding:6px 0 6px 40px; margin:0; font-size:12px; list-style:url(images/dot_blue.gif);}
#SubCopy li { padding:0 0 6px 0px; }


#SubCopy2{ width:860px; line-height:18px; float:left; padding:20px 0 20px 40px;}
#SubCopy2 ul{ padding:6px 0 6px 40px; margin:0; font-size:12px; list-style:url(images/dot_blue.gif);}
#SubCopy2 li { padding:0 0 6px 0px; }

#SideBar{ float:left; width:300px; padding:0 0 0 40px;}
#SideList1{ padding:0 0 20px 14px; }
#SideList1 ul{ padding:0 0 0 16px; margin:0; font-size:12px; color:#0397d7; list-style:url(images/dot_yellow.gif); font-weight:bold}
#SideList1 li { padding:0 0 6px 0px; }

#SideList2{ padding:0 0 20px 14px;}
#SideList2 ul{ padding:0 4px 0 16px; margin:0; font-size:12px; color:#0397d7; list-style:url(images/dot_blue.gif); font-weight:bold; font-size:11px;}
#SideList2 li { padding:0 0 6px 0px; }

#YellowBox{ width:280px; padding:0 0 20px 0;}
#YellowBoxTop{ background:url(images/yellow_box_top.jpg) no-repeat; width:280px; height:9px; overflow:hidden}
#YellowBoxMiddle{ background:url(images/yellow_box_middle.jpg) repeat-y; width:280px;}
#YellowBoxCopy{ padding:8px 18px 8px 18px;}
#YellowBoxBottom{ background:url(images/yellow_box_bottom.jpg) no-repeat; width:280px; height:9px; padding-bottom:20px}
	
/***********Bottom**************/
#Bottom{ width:980px; clear:both; overflow:hidden; padding-bottom:10px}
	#Bottom ul { padding:0px 0 0 6px; text-align:left; float:right}
	#Bottom li { padding:0 6px 0 0px; float:left; list-style:none; color:#000; font-size:11px; margin:0}
	#Bottom a {color:#000; font-size:11px; text-decoration:none; font-weight:bold;}
	#Bottom a:hover {color:#000; font-size:11px; text-decoration:underline; font-weight:bold;}
	#Bottom a.current {color:#000; font-size:11px; text-decoration:underline; font-weight:bold;}
	
/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:200px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
.min431px {height:900px;}	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}