@import url("reset.css");

@import url("nav.css");

body{

	background: #fdfefb url(../images/bg_gradient.jpg) repeat-y center;
	color:#747474;
	font-family: arial;
	text-align: center;
	}

/* - - - - - Containers - - - - */

/* - -- common containers - - - */

.wrapper{
	text-align: left;
	margin:0px auto 0px auto;
	position: relative;
	width:970px;
	z-index: 2;
	}
	
.btn button{
	border:none;
	background: none;}

#header{
	height: 110px;
	width:969px;
	}
	
#logo{
	position: relative;
	z-index: 4;
	display:inline; 
	float: left;
	margin:22px 0px 4px -17px;
	width:200px;
	}
	
#search{
	display:inline; 
	float: right;
	margin:5px 5px 0px 0px;
	width:190px;
	height: 30px;
	}
	
#search input{
	float: left;
	display: inline;
	margin-left:10px;
	background: url(../images/bg_search.jpg) no-repeat;
	border: none;
	height: 30px;
	width:130px;
	padding:8px 8px 0px 10px;
	}
#search img{
	float: right;
	display: inline;
	
	}
	

	
#greenline{
	position: relative;
	background: #f3f6ef;
	border-top:solid 2px #c4d0a9;
	border-bottom:solid 2px #c4d0a9;
	margin-top:-20px;
	font-weight: bold;
	position: relative;
	text-align: left;
	width:100%;
	height: 10px;
	z-index:6;
	}
		
#content{
	
	}
	
	
	
/* - - - common elements - - -*/



/* - - - Homepage content - -- */
	
#hleft{
	display:inline; float: left;
	width:700px;
	}
	
#hleft h2{
	margin:10px 0px 5px 15px;}
	
#hleft h3{
	margin: 0px 0px 10px 15px;}

	
#hleft p{
	font-size: 12px;
	margin:0px 10px 0px 15px;
	text-align: justify;
	}
	
#hleft hr{
	height: 1px;
	background: #f3f5ee;
	width:98%;
	border:none;
	clear:both;
	padding-left:10px;}
	
.programwrapper{
	font-size:12px;
	display:inline; float: left;
	margin-right: 2px;
	margin-bottom:15px;
	width:230px;
	}
.programwrapper h3{
	color:#8aac74;
	font-size:16px;
	}
.program img{}
.program{
	width:205px;
	background: #f3f5ee;
	border:solid 1px #8aac74;
	margin:0px 0px 5px 15px;
	padding:5px;
	}
	
.program ul{
	text-align: left;
	width:80%;
	margin:10px 0px 0px 5px;
	list-style: none;}
	
.program ul li{
	width:95%;
	clear: both;
	font-size: 10px;
	font-weight: normal;}
	
.program ul li label{
	float: left;	
	
	display: inline;
	margin-bottom:15px;}
	

.program ul li input{
	float: right;
	width: 80px;}
	

	
.program select{
	float: right;}
	
.experience ul{
	clear:left;
	display: none;}
	


	
.highlight{
	font-weight: bold;
	text-transform: uppercase;
	width:150px;
	color:#f37f7e;
	font-size: 11px;
	margin:10px 0px 5px 0px;}
	
.findschool{
	padding-top: 10px;}


.program input{
	margin-right: 1px;
	
	}
	
.program select{
	display:inline; float: left; 
	width:90%;
	color:#000;
	}


#hright{
	
	background: url(../images/bg_homeright.png) no-repeat;
	display:inline; float: right;
	width:245px;	
	margin-right:2px;
	margin-top: -150px;
	position: relative;
	overflow: hidden;
	z-index: 5;
	}
#hright h2{
	font-size:16px;
	color:#8aac74;
	margin:15px 15px 0px 15px;}
#hright h3{
	font-size: 12px;
	margin:10px 27px 25px 27px;
	padding-top: 10px;
	line-height: 18px;
	border-top:solid 3px #fff;
	}
#hright ul.form{
	text-align: left;
	width:90%;
	margin:10px 0px 30px 20px;
	list-style: none;}
	
#hright ul.form li{
	width:90%;
	clear: both;
	font-size: 10px;
	font-weight: normal;
	padding-bottom:10px;	
	margin:0px 10px 0px 5px;}
	
#hright ul.form li label{
	float: left;	
	display: inline;
	margin-bottom:15px;}
	

#hright ul.form li input{
	float: right;
	width:90px;}
	
#hright select{
	float: right;}

#hright ul li p{
	color:#fff;
	width:130%;
	margin-left: -15px;
	
	clear:left;}
	
#articles{
	background: #f3f5ee;
	border:solid 1px #8aac74;
	width:85%;
	float: right;
	margin:30px 15px 0px 0px;
	}
	
ul.feature{
	list-style: circle;
	font-size: 13px;
	font-variant: small-caps;
	margin:5px 0px 20px 35px;}


/* - - - homepage banner area - - - */

#banner{
	background: #f5eced url(../images/bg_banner.jpg) no-repeat center;
	width:100%;
	border-top:solid 2px #c4d0a9;
	border-bottom:solid 2px #c4d0a9;
	height: 243px;
	margin-top:-20px;
	position: relative;
	float: left;
	clear: both;
	z-index: 2;
	}
	
#splash{
	display:inline; 
	width:688px;
	float: left;
	margin:0px;
	
	}
	
#quickfinder{
	background: url(../images/bg_quickfinder.png);
	display:inline; 
	float: right;
	height: 130px;
	overflow: hidden;
	width:250px;
	}
	
#quickfinder input{
	background: url(../images/bg_zip.jpg) no-repeat;
	border:none;
	display:inline; float: left;
	height: 40px;
	margin:70px 5px 0px 55px;
	padding:10px 0px 0px 5px;
	width:95px;
	}
	
#quickfinder img{
	display:inline; float: right;
	margin:80px 20px 0px 0px;
	}

	
/* - - - Secondary page content - -- */

#left{
	display:inline; float: left;
	overflow: hidden;
	width:660px;	
	}
	
#twocol-left{
	display:inline; float: left;
	width:49%;
	}
	
#twocol-right{
	display:inline; float: right;
	width:49%;
	}
	
h1{
	color:#f48021;
	font-size:18px;
	margin:15px 0px 5px 20px;}
	
#left h2{
	color:#f48021;
	font-size:18px;
	margin:15px 0px 5px 20px;}
	
#left h3{
	color:#f37f7e;
	font-size:14px;
	margin:15px 0px 10px 20px;
	}
	
#left img{
	display:inline; float: left;
	margin:10px 10px 0px 20px;}
	
#left p{
	color:#747474;
	font-size: 12px;
	line-height: 1.5em;
	margin:5px 0px 5px 20px;
	}
	
.orangelink{
	color:#f48021;
	font-weight: normal;
	margin-left: 3px;}
	
.orangelink:hover{
	text-decoration: underline;
	}
	
.section{
	margin:20px 0px 0px 0px;
	}

#right{
	background: #b5c09d;
	border:solid 2px #aab492;
	border-top:#c4d0a9;
	display:inline; float: right;
	margin:10px 15px 0px 15px;
	position: relative;
	width:260px;
	z-index: 4;
	color:#fff;
	}
	
#right h2{
	margin:15px;
	}
	
#right h3{
	color:#fff;
	font-size: 14px;
	line-height: 18px;
	margin:0px 0px 10px 15px;
	}
	
#right p{
	border-top:solid 1px #fff;
	color:#4d4d4d;
	font-size:12px;
	margin:0px 15px 10px 15px;
	padding-top:15px;
	text-align: justify;
	}

#right ul{
	text-align: left;
	width:90%;
	margin:10px 0px 0px 20px;
	list-style: none;}
	
#right ul li{
	width:90%;
	clear: both;
	font-size: 12px;
	font-weight: normal;	
	margin:0px 10px 10px 5px;}
	
#right ul li label{
	float: left;	
	display: inline;
	margin-bottom:15px;}
	

#right ul li input{
	float: right;
	width:90px;}
	
#right select{
	float: right;}

#right ul li p{
	color:#fff;
	width:130%;
	margin-left: -15px;
	
	clear:left;}

	
#right .btn{
	margin:10px 0px 0px 30px;
	padding-bottom:10px;
	}
	
#hright .btn{
	margin:10px 0px 0px 25px;
	padding-bottom:10px;
	}
.program .btn{
	margin:10px 0px 0px 0px;}
#links{}
	
#links h1{
	color:#a3ba6f;
	font-size:18px;
	margin:15px 0px 10px 20px;
	}
	
.careerlink{
	display:inline; float: left;
	margin-left:3px;
	width:32%;
	}

.careerlink ul{
	font-size: 12px;
	margin:0px 0px 0px 40px; 	
	}
	
.careerlink ul li{}

/* - - - Search 1 Page - -- - */

#moreschools{
	display:inline; float: left;
	width:350px;
	}
	
#moreschools h1{
	color:#a3ba6f;
	font-size:16px;
	margin:15px 0px 10px 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f7f7f7;
	}
	
#moreschools h3
{
	color:#747474;
	font-size:14px;
	margin:15px 0px 10px 18px;
}
	

	
.school{
	border-bottom:solid 1px #fff;
	background: #f7f7f7;
	clear: left;
	display:inline; float: left;
	margin-left:20px;
	padding:10px 0px 10px 10px;
	width:90%;
	}
	

	
.school img{
	display:inline; float: left;
	width:115px;}
	
.school p{
	color:#747474;
	display:inline; float: left;
	font-size: 11px;
	margin:2px 10px 0px 5px;
	width:185px;
	}
	
p.moreinfo {
	color:#747474;
	display:inline; float: left;
	font-size: 12px;
	margin:2px 10px 0px 18px;
	width:185px;
	}
	
#featured{
	background: url(../images/bg_featured.jpg) repeat-y left;
	display:inline; float: right;
	width:610px;
	margin-top:-18px;
	}
	
#featured hr{
	background: #f7f7f7;
	border: none;
	height: 2px;
	margin:0px 35px 10px 35px;
	}
	
#featured h1{
	display:inline; float: left;
	margin:10px 0px 10px 25px;
	}
	
#featured h2{
	clear: both;
	font-size: 12px;
	color:#444;
	margin:0px 0px 0px 25px;}
	
.contact{
	color: #8d9c75;
	display:inline; float: right;
	font-size: 11px;
	line-height: 1.2em;
	margin:25px 35px 0px 10px;
	text-align: right;
	
	}

#featured p{
	border-top:solid 1px #fff;
	color:#747474;
	font-size:12px;
	margin:5px 35px 5px 35px;
	text-align: justify;
	}
	
	
#featured table{
	margin:10px 0px 0px 45px;
	}
	

#featured label{	
	color:#8d9c75;
	font-size: 14px;
	margin-right:10px;
	}
	
#featured input{
	margin-right:40px;
	}
	
#featured .btn{
	display:inline; float: right;
	margin:15px 15px 0px 0px;
	}

#corners{
	background:url(../images/bg_bottomcorners.jpg) no-repeat left;
	display:inline; float: right; 
	height: 33px;
	width:610px;
	}
	
/* - - - le footer - - */

#footer{
	background: url(../images/bg_footer.jpg) top center no-repeat;
	padding-top: 15px;
	margin-top:10px;
	font-size: 12px;
	color:#afa2aa;
	}
	
#footer ul{
	display:inline; float: left;
	list-style: none;
	
	margin:5px;
	}

#footer ul li {
	padding:0px 15px 0px 15px;
	border-right:solid 1px #c0c0c0;
	display: inline;}
	
#footer ul li a{
	color:#afa2aa;}
	
#footer ul li.last{
	border:none;}
	
#footer .copyright{
	display:inline; float: right;
	text-align: right;
	margin:5px 15px 0px 0px;}

.clear{
	clear: both;
	}	
	

	
	
/* - - landing page - - */	
/*
#container{
	background: url(../images/bg_landingpage.jpg) no-repeat center top;
	margin:0px auto 0px auto;
	position: relative;
	width:970px;
	z-index: 2;
	overflow: hidden;
}
*/

#landing-left{
	text-align: left;
	border-left: solid 2px #f5f8f2;
	width:450px;
	float: right;
	display: inline;
	margin:20px 0px 0px 35px;
	padding-bottom: 10px;
	padding-left:15px;
	}
#landing-left p{
	margin:10px 30px 10px 2px;
	font-size: 12px;
	line-height: 22px;
	text-align: justify;}
	
#landing-left h1,h2,h3{
	margin:0px 0px 10px 2px;}
	
#landing-left p h2{
	margin:0px 0px 10px 2px;}
	
.headimage{
	margin:0px 0px 10px 20px;}
	
.logolanding{
	margin:0px 0px 10px 20px;}
	
.morecareers{
	text-align: left;
	background:url(../images/bg_findmore_careers.jpg) center top no-repeat;
	width:465px;
	height: 145px; 
	float: left;
	display: inline;
	clear: left;
	margin:20px 0px 10px 24px;}
	
.morecareers h1{
	margin:20px 0px 0px 20px;}
	
.morecareers select{
	width:85%;
	margin:10px 0px 0px 35px;}
	
#landing-left hr{
	height: 2px;
	background: #fff;
	width:90%;
	margin:0px auto 20px auto;
	border:none;}
	
#landing-right{
	text-align: left;
	padding-bottom: 30px;
	border-top:none;
	width:400px;
	float: left;
	display: inline;
	margin:0px 35px 0px 0px;}
	
#landing-left h2{
	margin:10px 0px 10px 2px;
	font-size: 18px;
	color:#8aac74;}
	#landing-left h3{
	margin:10px 0px 10px 2px;
	font-size: 18px;
	color:#8aac74;}
	
#landing-right h2,h3{
	margin:25px 0px 10px 25px;
	font-size: 18px;
	color:#8aac74;}
#landing-right p{
	margin:0px 25px 0px 25px;
	font-size:12px;}
	
#landing-right h1{
	color:#f4f4f4;
	padding-bottom:5px;
	border-bottom:solid 1px #fff;
	margin-right:20px;}
	
#landing-right h3{
	margin:-10px 0px 5px -15px;
	font-weight: bold;
	color:#fff;}
	
#landing-right p{}
	
#landing-right ul{
	text-align: left;
	width:70%;
	margin:20px 0px 0px 10px;
	list-style: none;}
	
#landing-right ul li{
	width:90%;
	clear: both;
	font-size: 12px;
	font-weight: normal;	
	margin:0px 10px 0px 25px;}
	
#landing-right ul li label{
	float: left;	
	display: inline;
	margin-bottom:15px;}
	

#landing-right ul li input{
	float: right;
	width:120px;}

#landing-right .btn{
	margin:10px 0px 0px 25px;}
	
#landing-right select{
	float: right;}
	
#landing-right ul li ul{
	width:130%;
	margin-left:-20px;
	clear:left;}
#landing-right ul li p{
	color:#fff;
	width:130%;
	margin-left: -15px;
	
	clear:left;}
	
.job-location{
	color:#fff;
	margin: 5px 0px 0px -15px;}

	
#landing-right ul li ul label{
	font-weight: normal;
	float: left;
	display: inline;
}
#landing-right ul li ul input{
	float: left;
	display: inline;
	width:15px;
	}
	
ul.list{
	list-style: circle;
	margin:10px 0px 10px 60px;
	font-size: 12px;
	line-height: 12px;
	}
	
ul.list li{

	margin:0px 0px 0px 0px;}
	
.errorlist{
	color:red;
	font-weight: bold;
	text-transform: uppercase;}
	
#landing-full{
	padding:20px;
	}
	
#landing-full h2{
	font-size: 18px;
	}
	
#landing-full p{
	margin:10px 20px 0px 0px;
	}

/* EMPLOYER FORM */

#employeer-form {
	margin: 20px;
}	
	#employeer-form p {
		margin: 5px 0px;
	}
	#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;
	margin: 20px 0;
	cursor: pointer;
}