#menu {
background:#ffffff;;
font: bold 18px arial, helvetica, sans-serif;
   display: block;
   margin: 0;
   padding: 2px 3px;
  
}

#headder {
width:800px;

}


#menu ul{
  	list-style: none;
   	margin: 0;
   	padding: 0;
	width: 135px;
   	float: left;
	background:#ffffff;
}

#menu ul a {
color:#ffffff;
text-decoration:none;
display:block;
}

#menu ul a:hover {
color: #000000;
}

#menu ul li{
padding:0.25em;
border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: solid solid solid solid;
	border-radius: 6px; 	
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	margin:0.2em;
	display:block;
	}
	

#menu ul li.home{
background:#9933cc;
border-color:#9933cc;
}

#menu ul li.stories{
background:#66cc00;
border-color:#66cc00;
}

#menu ul li.EmploymentOpps{
background:#0099ff;
border-color:#0099ff;
}

#menu ul li.CareerPaths{
background:#ffcc00;
border-color:#ffcc00;
}

#menu ul li.FurtherInfo{
background:#ff0000;
border-color:#ff0000;
}
#menu ul li.last{
border-color:#ffffff;
}

#pagehead {
	border-width: 2px;
	padding: 0.25em;
	border-style:solid;
	margin-left:140px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
 	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	font: bold 18px arial, helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	width:600px;
}

#pagehead.homehead {
	background: #9933cc;
	border-color: #9933cc;
	border:#9933cc;
	background-color: #9933cc;
	layer-background-color:#9933cc;
}

#pagehead.storieshead{
background: #66cc00;
border-color: #66cc00;
	border:#66cc00;
	background-color:#66cc00;
	layer-background-color:#66cc00;
}

#pagehead.EmployOppshead{
background: #0099ff;
border-color: #0099ff;
	border:#0099ff;
	background-color:#0099ff;
	layer-background-color:#0099ff;
}

#pagehead.CareerPathshead{
background: #FFCC00;
border-color: #ffcc00;
	border: #ffcc00;
	background-color: #ffcc00;
	layer-background-color: #ffcc00;
}

#pagehead.furtherinfohead{
background:#ff0000;
border-color:#ff0000;
	border::#9933cc;
	background-color:#ff0000;
	layer-background-color:#ff0000;
}

#pagehead.clientheadder{
background:#ff6600;
border-color:#ff6600;
	border:#ff6600;
	background-color:#ff6600;
	layer-background-color:#ff6600;
}

#body {
	border-width: 2px;
	padding: 0.25em;
	border-style:solid;
	font: 14px arial, helvetica, sans-serif;
	margin-left:140px;
	border-bottom-right-radius: 6px;
 	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	font: 14px arial, helvetica, sans-serif;
	width:598px;
	height:auto;
}
#body A:link {text-decoration: underline; color: #0099FF;}
#body A:visited {text-decoration: underline; color: #9933cc;}
#body A:active {text-decoration: none}
#body A:hover {text-decoration: underline; color: #66cc00;}

#body.homebody { 
	border-color: #9933cc;
}

#body.storiesbody{
border-color: #66cc00;
}

#body.wokerbody{
border-color: #66cc00;
}
/*#body.wokerbody A:link {color:#66cc00;}
#body.wokerbody A:visited {color:#000000;}
#body.wokerbody A:active {color:#ff6600;}
#body.wokerbody A:hover {color:#66cc00;}*/

#body.clientbody{
border-color: #ff6600;
}
/*#body.clientbody A:link {color:#ff6600;}
#body.clientbody A:visited {color:#000000;}
#body.clientbody A:active {color:#66cc00;}
#body.clientbody A:hover {color:#ff6600;}*/


#body.EmploymentOppsbody{
border-color: #0099ff;
}

#body.CareerPathsbody{
border-color: #ffcc00;
}

#body.FurtherInfobody{
border-color: #ff0000;
}

#footer{
font: 12px arial, helvetica, sans-serif;
text-align:center;
}

.class2 A:link {text-decoration: none; color:#FFFFFF;}
.class2 A:visited {text-decoration: none; color:#000000;}
.class2 A:active {text-decoration: none; color:#FFFFFF;}
.class2 A:hover {text-decoration: none; color:#FFFFFF;}

.class3 A:link {text-decoration: none; color:#FFFFFF;}
.class3 A:visited {text-decoration: none; color:#FFFFFF;}
.class3 A:active {text-decoration: none; color:#FFFFFF;}
.class3 A:hover {text-decoration: none; color:#FFFFFF;}

.Client A:link {color:#ff6600;}
.Client A:visited {color:#000000;}
.Client A:active {color:#66cc00;}
.Client A:hover {color:#ff6600;}

.Worker A:link {color:#66cc00;}
.Worker A:visited {color:#000000;}
.Worker A:active {color:#ff6600;}
.Worker A:hover {color:#66cc00;}

.Clienthead {
color:#ff6600;
font: bold italic 30px Arial, Helvetica, sans-serif;
}

.Workerhead{
color:#66cc00;
font: bold italic 30px Arial, Helvetica, sans-serif;
}

.screenReaderOnly
{
	position: absolute;
	left: -1000em;
}