/*Test*/
@import url('legacy.css');

body
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url('../images/elements/bg_main.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	text-align: center;
	width: 100%;
}

img { border: 0px; }

input { font-family: verdana, arial, sans-serif; }
select { font-family: verdana, arial, sans-serif; }

a { text-decoration: none; }

/*------------------ header ---------------------------*/

#toparea
{
	padding: 5px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 870px;
	color: #b3b3b3;
	font-size: 70%;
	font-weight: bold;
}

#toparea a { color: #b3b3b3; text-decoration: none; }

#topleft
{
	width: 370px;
	height: 21px;
	float: left;
	text-align: left;
}

#topright
{
	width: 455px;
	height: 21px;
	float: right;
	text-align: right;
}

#toparea #language 
{
	float: right;
	width: 240px;
	text-align: right;
}

#toparea #rss 
{
	float: right;
	width: 75px;
	text-align: right;
}

#toparea #logout 
{
	float: right;
	width: 75px;
	text-align: right;
}

#toparea .left { float: left; }
#toparea .right { float: right; }

#language .right { width: 90px; }
#rss .right { width: 20px; }
#language .left { width: 150px; }
#rss .left { width: 55px; }


#headerarea
{
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 112px;
}

#headerleft
{
	width: 225px;
	float: left;
	text-align: left;
}

#headerright
{
	width: 735px;
	float: right;
	text-align: left;
	padding: 25px 0px 0px 0px;
}


#headerarea a:hover { text-decoration: underline; }

/*------------------ nav area -------------------*/

#navarea
{
	width: 690px;
	padding: 23px 0px 9px 0px;
	color: #ffffff;
	font-size: 75%;
}

#navarea ul
{
	padding: 0px 0px 0px 1.25em;
	margin: 0px;
	list-style: none;
	float: left;
	text-align: left;	
}

#navarea ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

#navarea ul li a 
{ 
	color: #ffffff;
	padding: 0px;
}

#navarea ul li a:hover
{
	color: #dfe0e0;
	text-decoration: underline;
}

/*------------------ the middle bit -------------------*/

#wrapper
{
	padding: 20px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 890px;
	background-image: url('../images/elements/bg_content.gif');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}

/*------------------ main area -------------------*/

#content
{
	padding: 0px 25px 35px 25px;
}

/*--------------------------------------------------------------*/
/* left hand side */
/*--------------------------------------------------------------*/

#lhsarea
{
	width: 180px;
	float: left;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	font-size: 100%;
}



/* left hand side nav */

.lhsitem
{
	width: 160px;
	margin: 0px 0px 30px 0px;
	font-size: 65%;
}

input.lhsinput
{
	width: 129px;
	border: 1px solid #dde7d4;
	background-color: #f0f6e9;
	color: #666666;
	padding: 2px;
	margin: 2px 0px 2px 0px;
	font-size: 110%;
}

select.lhsinput
{
	width: 160px;
	border: 1px solid #dde7d4;
	background-color: #f0f6e9;
	color: #666666;
	font-size: 100%;
}

.lhsitemLeft
{
	width: 135px;
	float: left;
}

.lhsitemRight
{
	width: 23px;
	float: right;
	text-align: center;
}

#loginleft
{
	font-size: 90%;
	color: #a6a6a6;
	width: 110px;
	float: left;
}

#loginleft a 
{ 
	color: #a6a6a6;
	text-decoration: none;
}


#loginright
{
	width: 44px;
	float: right;
	text-align: center;
}

.lhspad
{
	margin: 5px 0px 5px 0px;
}

/*--------------------------------------------------------------*/
/* main bit */
/*--------------------------------------------------------------*/


#mainarea
{
	width: 470px;
	padding: 10px 0px 10px 0px;
	margin: 8px 0px 0px 0px;
	font-size: 75%;
	float: left;
}

#mainarea.no_rhs
{
	width: 640px;
	padding: 10px 0px 10px 0px;
	margin: 8px 0px 0px 0px;
	font-size: 75%;
	float: left;
}

#mainarea img.pic
{
	float: left;
	margin: 10px 0px 20px 0px;
}

#maincontent
{
	margin: 10px 8px 0px 0px;
}

#midleft
{
	width: 230px;
	float: left;
	font-size: 85%;

}

#midleftcontent
{
	padding: 0px 20px 0px 0px;
}

.borderRight
{
	border-right: 1px solid #dfdfdf;
}

#midright
{
	width: 205px;
	float: right;
	font-size: 85%;
}

.midtitle 
{
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.miditem
{
	padding: 0px 0px 15px 0px;
}

/*--------------------------------------------------------------*/
/* right hand side */
/*--------------------------------------------------------------*/
 
#rhsarea
{
	padding: 5px 0px 0px 0px;
	width: 170px;
	float: right;
	font-size: 80%;
}

#rhsarea ul li a {
	font-weight: bold;
}

.rhspad { margin: 15px 0px 0px 0px; }

.rhsitem
{
	padding: 0px 0px 15px 0px;
	font-size: 90%;
}

.padsq { padding: 0px 0px 3px 0px; }
.padsq_lge { padding: 0px 0px 13px 0px; }

#rhsnews ul
{
	margin: 5px 0px 15px 0px;
	padding: 0px;
	list-style: none;

}

#rhsnews ul li
{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	background-image: url('../images/elements/arrow_bullet.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}

#rhsnews ul li a
{
	text-decoration: none;
}

#intservices
{
	text-align: center;
}

/*-------------------- footer -----------------------------*/

#footer
{
	background-image: url('../images/elements/bg_foot.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	font-size: 70%;
	color: #eceef0;
}

#footertop
{
	padding: 33px 35px 10px 35px;
}

#footertop #logoFT
{
	width: 140px;
	float: left;
	height: 80px;
}

#footertop #addressesFT
{
	padding-left: 10px;
	width: 215px;
	float: left;
	height: 80px;
	overflow: hidden;
}

#footertop #creditsFT
{
	width: 400px;
	float: right;
	height: 80px;
}

#footertop #leftFT
{
	width: 160px;
	float: left;
	height: 80px;
}

#footertop #middle
{
	width: 240px;
	float: left;
}

#footertop #rightFT
{
	width: 224px;
	float: left;
}

#footerfoot
{
	padding: 5px 20px 34px 35px;
	font-size: 90%;
}

#footerfoot #leftFF
{
	width: 195px;
	float: left;
}

#footerfoot #rightFF
{
	width: 465px;
	float: left;
}

#footer ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	float: left;
	text-align; left;
}

#footer ul li
{
	padding: 0px 3px 0px 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

#footer a
{
	color: #eceef0;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:hover { text-decoration: underline; }

#footer h1
{
	color: #eceef0;
	font-weight: bold;
	font-size: 110%;
	padding: 0px;
	margin: 0px;
}

/*--------------------------------------------------------------*/
/* extras */

.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

a:link, a:active, a:visited, a:hover
{
	color: #f9911f;
}

h1 
{
	font-weight: normal;
	color: #1a4f86;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	font-size: 160%;
}

#mainTitle
{
	width: 375px;
	height: 18px;
	margin: 0;
	padding: 0;
}

#mainTitle h1
{
	width: 375px;
	height: 18px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#mainTitle h1#home
{
	background-image: url('../images/titles/welcome.gif');
}

#pageTitle
{
	width: 320px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#pageTitle h1
{
	width: 320px;
	height: 23px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#pageTitle h1#employers
{
	background-image: url('../images/titles/for_employers.gif');
	margin: 0px 0px 0px 8px;
}

h2 
{
	font-weight: normal;
	color: #1a4f86;
	padding: 3px 0px 8px 0px;
	margin: 0px;
	font-size: 130%;
}

h3 
{
	font-weight: normal;
	color: #1a4f86;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-size: 120%;
}

p
{
	padding: 6px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}

form { padding: 0px; margin: 0px; }

.small { font-size: 80%; }
.centered { text-align: center; }
.bold { font-weight: bold; }
.mandatory { color: #f9911f; font-size: 120%; }

div.autocomplete 
{
	border-left: 1px solid #dde7d4;
	border-right: 1px solid #dde7d4;
	border-bottom: 1px solid #dde7d4;
	margin: 0px;
	background-color: #f0f6e9;
	color: #666666;
}
div.autocomplete ul 
{
	list-style-type: none;
	margin: -1px 0px 0px 0px;
	padding: 0px;
}
div.autocomplete ul li.selected { background-color: #d3dacc; }

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	width: 130px;
	font-size: 100%;
	cursor: pointer;
}

input.staffinput
{
	width: 130px;
	border: 1px solid #dde7d4;
	background-color: #f0f6e9;
	color: #666666;
	padding: 2px;
	margin: 2px 0px 0px 0px;
	font-size: 110%;
}

#staffProfile
{
	border: 1px solid #84939c;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 430px;
	background-color: #efefef;
}

#staffLeft
{
	width: 149px;
	float: left;
}

#staffRight
{
	float: right;
	width: 281px;
}

#staffRightList
{
	float: right;
	width: 281px;
	height: 145px;
	overflow: hidden;
}

.profileOn
{
	background-image: url('../images/elements/bg_profileon.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #fafdf2;
	padding: 4px 0px 5px 5px;
}

.profileOff
{
	background-image: url('../images/elements/bg_profileoff.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #ffffff;
	padding: 4px 0px 5px 5px;
}

.staffArrows
{
	background-image: url('../images/elements/bg_profilearrows.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #ffffff;
	padding: 2px 0px 2px 0px;
	width: 281px;
	text-align: center;
}

.staffName 
{ 
	font-size: 120%;
	line-height: 15px;
}

.profileOn .staffName, .profileOn .staffName a 
{
	color: #194e86; 
	text-decoration: none; 
}

.profileOff .staffName a  
{
	color: #000000; 
	text-decoration: none;
}

.staffTitle { font-size: 80%; }

.stafflink
{
	background-image: url('../images/elements/arrow_bullet.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
}

/* Accordion Styling */
#basic-accordian {
	width:160px;
	z-index:2;
	margin:0;
	padding:0;
}

.accordion_headings {
	padding:5px;
	background:#62a8ea;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
}

.accordion_headings a {
	background:#62a8ea;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}
.accordion_headings:hover, .accordion_headings a:hover {
	background:#96c5f1;
}

.accordion_child {
	background:#e0eaec;
}

.header_highlight {
	background:#888888;
}


.accordion_child ul {
    margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.accordion_child li {	
	border-bottom:ridge 1px #FFFFFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	list-style-type:none;
}

.accordion_child li a {
	text-decoration:none;
	color:#333;
	display:block;
	font-weight: bold;
}
	
.accordion_child li:hover {
	text-decoration:none;
	background-color:#96c5f1;
}

li.accordion_child_selected {
	background-color:#DDDDDD;
}

#navarea > #topnav ul li a {
    text-decoration: none;
    color: #f0f0f0;
    font-weight: 600;
    font-family: Helvetica;
    letter-spacing: 0.1em;
}
#navarea > #topnav ul li a {
    text-decoration: none;
    color: #f0f0f0;
    font-weight: 600;
    font-family: Helvetica;
    letter-spacing: 0.1em;
}

#newsletterSub {
	font-size: 85%;
	padding-top:2px;
	padding-left: 4px;
	padding-rigth: 2px;
	height: 142px;
	width: 166px;
}

#newsletterEmail {
	width: 140px;
}

#newsletterForm {
	border: 0px solid #aaa;
}