@import url("reset.css");
@import url("slider.css");
@import url("nav.css");
body{
	color:#fff;
	background: #314456;
	font-family:Verdana;
	}
	
#main-wrapper{
	background: #6291b8;
	}
	
.wrapper{
	width:990px;
	margin:0px auto 0px auto;
	}
	
#header{
	background: url(../images/bg_header.png) repeat-x bottom;
	height: 70px;
	width: 100%;
	}
	
#header .banner{
	position: relative;
	top:25px;}
	
#header img{
	float: left;
	display: inline;}
	
.break{
width:100%;
height: 30px;}
	

.fl{
	float: left;
	display: inline;
	
	}
	
.fr{
	float: right;
	display: inline;
	
	}
	
#logo{
	display: inline;
	float: left;
	width:300px;}
	
#logo img{
	position:relative;
	top:29px;
	}

#quicksearch{
	overflow: hidden;
	}
	
#quicksearch .fl{
	width: 645px;
	height: 44px;
	background: url(../images/bg_quicksearch.png) no-repeat;
	}
	
#quicksearch .fr{
	height: 44px;
	width:295px;
	color:#feffcd;
	background:url(../images/bg_joblistings.png) no-repeat;
	}
	
#quicksearch .fl h4{
	float: left;}
	
	
#quicksearch .fl ul{
	padding:17px 0px 0px 10px;
	font-size: 12px;
	list-style: none;
	}
#quicksearch .fl ul li{
	display:inline;
	
	float: left;
	}
	
#quicksearch .fl ul li span{
	float: left;
	display: inline;
	font-weight: normal;
	margin:1px 10px 0px 25px;}
	
#quicksearch .fl select{
	margin-top:-2px;
	float: left;
	width:250px;
	display: inline;}
	
#quicksearch .btn{
	margin:-2px 0px 0px 40px;
	width:73px;
	height: 17px;}
	
	
h3{
	font-size:16px;
	margin:10px 0px 10px 15px;
	font-weight: bold;}
h4{
	margin:13px 0px 10px 20px;}

#main-content{
	width:990px;
	padding:20px 10px 20px 20px;
	margin:0px auto 0px auto;
	overflow:hidden;
	position: relative;
	z-index: 2;	}
	
#content .fl{
	
	width:300px;
	}
	
#content .fl h3{
	border-top:solid 1px #6d9fc7;
	padding:15px 0px 0px 0px;
	margin:10px 0px 0px 0px;}
	
#content .fl p{
	font-size: 11px;}
	
#content .fl ul{
	font-size:11px;
	margin-left:15px;
	list-style: square;
	}
#content .fl ul li{
	margin:10px 0px 0px 0px;
	text-decoration: underline;}
	
.btn{
	width:88px;
	height: 27px;
	margin:5px 0px 5px 0px;}
	
#content .fr{
	float: left;
	border-left:solid 2px #7aa6ca;
	padding-left: 20px;
	width:620px;
	text-align: left;
	}
	
#content .fr h1{
	margin-bottom:15px;}
	
#content .fr p{
	text-align: justify;
	font-size: 12px;
	font-weight: normal;}
	
#content .fr fieldset{
	padding:20px;
	background: #6998bf;
	width:100%;
	}
	
#content .fr form{
	width:95%;
	border:solid 1px #6d9fc7;
	padding:10px;
	overflow: hidden;}
	
#content .fr form h1{
	margin:2px 0px 10px 10px;
	font-size:18px;}
	

#content .fr form ul li {
list-style: none;
overflow: hidden;
margin: 5px 0 5px 0;
}

#content .fr form ul li label {
display: block;
float: left;
font-size:11px;
width: 100px;
text-align: right;
margin: 6px 10px 0 0;
}

#content .fr form ul ul
{
    margin: 0 0 0 50px;
    clear: both;
}

#content .fr form ul ul li label
{
    width: 90%;
    float: left;
    text-align: left;
    clear: both;
    font-weight: normal;
}






	
#content .fr dl{
	list-style: none;
	}

#content .fr dl dt{
	width:100%;
	padding:10px;
	margin:0px 0px 20px 0px;
	display: block;
	background: #6998bf;
	font-size: 14px;
	overflow: hidden;}
	
#content .fr dl dt a{
	text-decoration: underline;
	background:url(../images/bg_arrow.png) right no-repeat;
	padding-right:20px; }
	
#content .fr dl dt:hover{
	color:#ffffcd;
	background: #5e8aae;}
	
a:hover{
	color:#ffffcd;}
	
#content .fr dl dt p{
	font-size: 10px;
	line-height: 14px;}
	
#banner{
	overflow: hidden;
	width:990px;
	border-bottom:solid 5px #578bb7;
	margin:10px 0px 20px 0px;}
	
#banner .fl{
	overflow: hidden;
	width:650px;
	}
#banner .fr{
	width:295px;
	text-align: right;}
	
#footer{ 
	width:100%;
	height: 205px;
	font-size: 10px;
	background: url(../images/bg_footer.png) repeat-x #314456;}
	
#footer ul{
	list-style: none;
	margin:10px 0px 10px 0px;}
	
#footer ul li{
	display: inline;
	border-right:solid #fff 1px;
	padding:0px 10px 0px 10px;
	}
#footer ul li.last{
	border:none;}
	
#footer .fl{
	width:300px;}
	
#footer .fr{
	text-align: right;
	width:300px;}
	
ul.list{
	font-size:12px;
	font-weight: normal;
	margin:0px 20px 0px 20px;
	line-height: 1.8em;}
	
#boxes{
	overflow: hidden;}
	
#boxes ul{
	font-size: 12px;
	list-style: none;
	margin:10px 0px 10px 20px;
	}
#boxes ul li{
	display: block;
	margin:0px 0px 10px 0px;}

#boxes .one,.two,.three{
	
	width:306px;
	height:150px;
	float: left;
	display: inline; }
	
.one, .two, .three{
	background:url(../images/bg_box.png) top left  no-repeat;
	text-align: left;}
	
.one img{
	margin:2px 0px 0px 0px;}
	
.three img{
	margin:5px 0px 0px 12px}
.two{
	margin:0px 36px 0px 36px;}
	
.clear{
	clear: both;}
	
span{
	color:#ffffcd;
	font-weight: bold;}
	
.banner{
	margin:-10px 0px 0px 0px;}
	
.errorlist{
	color:yellow;
	position:relative;
	left:-15px;
	text-transform: uppercase;}

#employeer-form {
	margin: 20px 0;
}
	#employeer-form legend {
		font-size: 18px;
		display: block;
		font-weight: bold;
		border-bottom: 1px solid #CCC;
	}
	#employeer-form label {
		display: block;
	}
	#employeer-form fieldset input, #employeer-form fieldset input {
		width: 75%;
	}			
#employeer-form .user-info {
	float: left;
	display: inline;
	width: 50%;
}
#employeer-form .job-info {
	float: left;
	display: inline;
	width: 50%;
}
#employeer-form .submit {
	clear: both;
	float: left;
	cursor: pointer;
}