﻿body {
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 0.8em;
	color: #000000;
	background-color:#ee7f13;
	background-image:url(/images/page_bg.jpg);
	background-repeat:repeat-x;
	}
body {
	margin-left: 0px;
	margin-top: 0px;
}
a img {border:0px;}

#header {background-image:url(/images/main_header_bg.jpg); background-color:#ffffff; height:138px; width:972px;  margin:0 auto 0 auto;}

.headerTitle { font-size:2.2em; padding-top:50px; padding-left: 150px; }
.headerTitle a { color:#000000; text-decoration: none;}
#maincontent {width:942px; margin:0 auto 0 auto; background-color:#FFFFFF; padding:15px;  display:block; min-height:auto; }
#leftdiv {width:220px;  background-repeat:repeat-x; color:#FFFFFF; float:left; margin:0 10px; background-color:#f1a23b;   background-image:url(/images/leftdiv/div_bg.jpg);    text-align:center;}
#leftDivBottom{background-image:url(/images/leftdiv/div_bgbot.jpg);width:220px; float:left; height:23px; }
#leftdivtop{background-image:url(/images/leftdiv/div_bgtop.jpg);width:220px; float:left; height:15px;}
#vacancyhead {background-image:url(/images/rightdiv/intro.png); height:85px; width:206px; background-repeat:no-repeat; margin:20px auto 0 auto;}
#vacancycontent {background-image:url(/images/rightdiv/white_basecurved.png); background-position:bottom; width:190px; margin:0 auto; height:auto; color:#000000; padding:5px 8px 0 8px; text-align:justify;}

#rightdiv {width:700px;  float:right; background-position: 0 60px; background-repeat:no-repeat; background-image: url(/images/backgroundpeople.jpg); background-repeat: no-repeat;}
#rightmenu {width:190px; height:auto; float:right; margin:5px 0 10px 10px; padding-bottom:300px;}
#rightmenu ul{ margin:0 auto; padding:0 0; width:170px; display:block;}
#rightmenu li {line-height:30px; padding-left:2px; margin-left:2px; background-image:url(/images/apprentices/menulist_bg.jpg); list-style:none;}
#rightLinks { text-align:center; }
#pagecontent {width:498px; float:left;  min-height:320px; margin:0 0;  }

#pagecontent h2 {color:#c5001d; font-size:1.3em;}
#pagecontent h4 {color:#c5001d; font-size:1.1em;}
#pagecontent li { list-style: none; padding-bottom: 5px;  } 
#footer { width:942px; margin:0 auto 0 auto; background-image:url(/images/footer_bg.jpg); background-repeat:no-repeat; height:26px; padding:5px 15px; }
#footer a { font-size: 11px; color:#000000; text-decoration: none; }
#footer hr {  color:#bebebe;  border:none; background-color:#bebebe; height: 1px; margin: 2px;}
#footerLeft { float:left; width:400px;}
#footerCenter { float:left; width:245px; text-align:center;} 
#footerRight { float:right; width:420px; font-size: 11px; text-align:right; } 
.whiteText a{ color:#ffffff;}
.redText{ color: #de2c2c; }

.latestNews { float: left; text-align:left; text-decoration:none; padding-left: 15px; padding-right: 5px;}
.latestNews h2 { margin:4px 0 4px 0; font-size: 1.5em; }
.latestNews a { color:#ffffff; text-decoration: none; }
.latestNews a:hover { text-decoration:underline;}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {float:right; width:250px; margin-top:5px; height:113px; margin-right:1px;}

/* accordion header */
#accordion img {
	float:left;
	margin-right:0px;
	cursor:pointer;
	opacity:1;
	filter: alpha(opacity=100);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0;
	float:left;	
	display:none;		
	margin-right:0px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:130px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:130px;
}
#accordion div a {text-decoration: none; }
#accordion div a:hover { text-decoration: underline;}

.favorite
{ background-color: #BFFDAA; }

#jobSearch { font-size: 1em; color:#000000; }
#jobSearch a { color:#000000; text-decoration:none; }
#jobSearch a:hover{ text-decoration:underline;}
#jobSearchLeft{ float:left; }
#jobSearchRight{ float: right;}


#newsList li { list-style:none;} 
.blackText { color: #000000; }
.orangeText{ color:#eba52c;}
.inputFail { background-color:#e4c8c6; }

#earnLearn{ width:500px; float:left; margin-top:10px;}
#earnLearn a { color:#000000; text-decoration:none; }
#earnLearn h4 { margin-bottom:5px; }
