@charset "utf-8";



/*



Theme Name: S-Curve



Theme URI: http://www.xyclopsoft.com



Description: Online Education Theme



Version: 1.0



Author: http://www.xyclopsoft.com



Author URI: http://www.xyclopsoft.com



Tags: fixed width, left sidebar, two columns, valid XHTML, widgets



*/











body  {



	font: 80% Verdana, Arial, Helvetica, sans-serif;



	background: #eeeeff;



	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */



	padding: 0;



	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */



	color: #000000;



}







a:link{



text-decoration:underline;



color:#666699;



}







a:visited{



text-decoration:underline;



color:#666699;



}







a:hover{



text-decoration:underline;



color:#333399;



}







 #container { 



	width: 790px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */



	background: #ffffff;



	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */



	margin-top:20px;



	border-left: 1px solid #333399;



	border-right: 1px solid #333399;



	border-bottom: 1px solid #333399;



	text-align: left; /* this overrides the text-align: center on the body element. */



} 



 #header { 



	background: #eeeeff url(images/logo.png) no-repeat top; 



	height:150px;



	width:792px;



	display:block;



	margin-left:-1px;



	



	/*padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */



} 



 #header h1 {



	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */



	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */



}





#topnav{



	width:100%;



	height:43px;



	background-color:#ffffff;



	border-bottom:#333399 solid 2px; 



	



}















#topnav ul {



	margin: 0;



	padding: 0;



	list-style-type: none;



}







#topnav ul li {



	padding: 0;



	margin: 0;



	



}







#topnav ul li a, #topnav ul li a:visited, #topnav ul li a:active {



	height: 43px;



	display: block;



	background-repeat: no-repeat;



	background-position: 0 0;



	text-indent: -1111em;



	}



	



#topnav ul li a.nav-home {



	background-image:url(images/btn_home.png);



	width: 109px;



	margin-left: 20px;



float: left;



}



	



#topnav ul li a.nav-blog {



	background-image:url(images/btn_blog.png);



	width: 109px;



float: left;



}



	



#topnav ul li a.nav-about {



	background-image:url(images/btn_about.png);



	width: 109px;



float: left;



}



	



#topnav ul li a.nav-contact {



	background-image:url(images/btn_contact.png);



	width: 109px;



float: left;



}


#topnav ul li a.nav-career {



	background-image:url(images/btn_career_guides.png);



	width: 109px;



float: left;



}



	







#topnav ul li a:hover {



	background-position: 0 -43px;



}







#topnav ul li.current a, #topnav ul li.current a:visited, #topnav ul li.current a:active {



	background-position: 0 -86px;



}















 #sidebar1 {



	float: left; /* since this element is floated, a width must be given */



	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */



	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */



	padding: 15px 10px 15px 20px;



}







.sidebar-spacer{







	width:210px;



	height:20px;



	display:block;



	clear:both;



}







.sidebar-item{



	width:210px;



	background:#ccccff;



	border:#333399 solid 1px;



	display:block;



	



	



}







.sidebar-header{







width:210px;



background-image:url(images/title-bg.png);



color:#eeeeff;



font-size:18px;



height:30px;



padding-top:6px;



display:block;



text-align:center;



margin-bottom:0px;







}







.sidebar-body{



float:left;



background:#ccccff;



width:210px;



color:#000000;



margin-top:0px;



margin-left:-1px;



border:#333399 solid 1px;



}







.sidebar-body ul{



margin-top:5px;



font-size:12px;







list-style-image:url(images/arrow.png);











}







.sidebar-body li{



margin-top:3px;



margin-bottom:3px;



}







#sidebar-search {



	width:210px;



	background-color:#ccccff;



	border: #000099 1px solid;



	padding-bottom:10px;



	background-color:#ccccff;



}







#sidebar-search-head{



	height:96px;



	background:url(images/sidebar-search-header.png);



	background-color:#ccccff;



}







#sidebar-search-body{



	background-color:#ccccff;



	padding-left:10px;



	padding-right:10px;



	margin-top:0px;



}







.sidebar-search-select{



	width:150px;



	font-size:11px;



}







.sidebar-search-zip{



	width:45px;



	font-size:11px;



}







.sbzip{



margin:0;



}







.sb1{



 background: url(images/sb1.png) #ccccff left no-repeat;



 width:175px;



 padding-left:25px;



 padding-top: 14px;



 height:32px;



 margin:0;



}







.sb2{



 background: url(images/sb2.png) #ccccff left no-repeat;



 width:175px;



 padding-left:25px;



 padding-top: 14px;



 height:32px;



 margin:0;



}







.sb3{



 background: url(images/sb3.png) #ccccff left no-repeat;



 width:175px;



 padding-left:25px;



 padding-top: 14px;



 height:32px;



 margin:0;



}







.sb4{



 background: url(images/sb4.png) #ccccff left no-repeat;



 width:175px;



 padding-left:25px;



 padding-top: 14px;



 height:32px;



 margin:0;



}







.findbutton{



	margin:0;



	margin-right:20px;



	



}







.featured-school{



	text-align:center;



	padding:5px;



}







.featured-school img{



	border:none;



	padding:5px;



}







.featured-school a{



font-weight:bold;



}







 #mainContent { 



	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */



	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */



}



#mainContent #homepage-block{



	margin:10px 0 10px 0;



	width: 500px;



	height: 250px;



	display:block;



	background: #ffffff url(images/home-block-bg.png) bottom repeat-x;



	



}







#mainContent #homepage-content{



  width:280px;



  margin-left:20px;



  margin-top:100px;



  display:inline-block;



}



#mainContent .article-head{



margin-top:20px;



height:40px;



width:500px;



color:#ddddff;



background: url(images/title-bg.png) #333399 repeat-x;	



display:block;



} 







#mainContent .article-head-icon{



float:left;



height:40px;



width:40px;



background: url(images/title-icon-seal.png) #333399 no-repeat;



display:block;	



}







#mainContent .article-head-title{







height:40px;



padding:0;



padding-left:5px;



padding-top:5px;



padding-bottom:10px;



width:450px;



display:block;



float:left;



font-size: 14px;



font-weight: bold;



color: #eeeeff;	



}



#mainContent .article-head-title a:link{

color:#ffffff;

text-decoration:none;

}



#mainContent .article-head-title a:visited{

color:#ffffff;

text-decoration:none;

}



#mainContent .article-head-title a:hover{

color:#ffffff;

text-decoration:underline;

}







/*#mainContent .article-head-title h1{



font-size:16px;







}*/





#mainContent h3{

width:500px;

font-size:14px;

display:block;

float:left;

}



#mainContent p{



display:block;

float:left;

}





#mainContent .article-container{

	width:500px;

	clear:right;

}

#mainContent .article-head img{



 



}









.article-body{



margin-bottom:20px;







}









.school{







width:500px;



background:#ffffff;



display:block;



}



.school-header{



float:left;



	width:470px;



	display:block;



	



	



}







.school-name{



	float:left;



	width:270px;



	color:#ffffff;



	font-size:14px;



	font-weight:bold;



	display:block;



	text-align:center;



	background:url(images/list-border-right.png) no-repeat #9999cc;



	padding-left:30px;



	padding-top:10px;



	



	height:35px;



}



.school-name p{

margin-top:-9px;

}



.school-name  a:link{



color:#ffffff;



}







.school-name a:visited{



color:#ffffff;



}







.school-name a:hover{



color:#ffffff;



}



/*.school-name-end{



float:left;



width:30px;



height:inherit;



display:block;



background:url(images/list-border-left.png)



}*/











.school-logo{



	float:right;



	width:140px;



	background:url(images/list-border-left.png) left top no-repeat #FFFFFF;



	display:block;



	text-align:center;



	padding-left:30px;



}



.school-logo p{

margin:auto;

	margin-top:-15px;

text-align:center;



}







.school-logo img{



	display:block;



	text-align:center;



	margin:auto;



}







.school-logo-end{



	float:right;



	width:30px;



	height:45px;



	background:url(images/list-border-right.png) right top no-repeat #FFFFFF;



	display:block;



	text-align:center;



}







.school-breaker{



 width:500px;



 float:right;



 height:10px;



 display:block;



 visibility:hidden;



}



.school-findbutton{



width:160px;



float:right;



}







.school-description{



float:left;



	width:338px;



	display:block;



}







.school-description p{



padding-left:5px;



padding-right:5px;



margin-top:0px;



margin-bottom:5px;



}







.school-bottom{



background:url(images/list-border-bottom.png) repeat-x #ffffff;



width:500px;



height:30px;



display:block;



float:left;



}















#main-search{



	border:#000066 solid 1px;



	background-color:#ccccff;



	background-image:url(images/content-search-head.png);



	background-repeat:no-repeat;



	padding-left:200px;



	padding-bottom:0px;



	float:right;



	width:300px;



}



#main-search-body{



width:280px;



background-color:#ccccff;



}



 #footer { 



	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */



	background:#ffffff url(images/list-border-bottom.png) bottom repeat-x; 



} 



 #footer p {



 	text-align:center;



	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */



	padding: 3px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */



	font-size:10px;



}



 #footer p.small {



 	text-align:center;



	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */



	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */



	font-size:9px;



	color:#ccccff;



}







 #footer p.small a:link{



 	



	font-size:9px;



	color:#ccccff;



}







 #footer p.small a:visited{



 	



	font-size:9px;



	color:#ccccff;



}







 #footer p.small a:hover{



 	



	font-size:9px;



	color:#FF9900;



}











.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */



	clear:both;



    height:0;



    font-size: 1px;



    line-height: 0px;



}







form{



	margin:0;





	



}



iframe {

border: 0px solid #ffffff;

}





/* contact form */



#contact-form{



width:500px;

background: url('images/contact-edaf-bg.png') repeat-y top #ccccff;

display:inline-block;



}



#contact-form .contact-form-text{

width:500px;



background: url('images/contact-input-bg.png') repeat-y top #ccccff;

display:inline-block;

margin-top:10px;

margin-bottom:10px;

}



#contact-form .contact-form-text p{

width:460px;

float:right;

display:inline-block;

color:#ffffff;



}





#contact-form .contact-form-textarea{

width:500px;



background: url('images/contact-input-bg.png') repeat-y top #ccccff;

display:inline-block;

margin-top:10px;

margin-bottom:10px;

}



#contact-form .contact-form-textarea p{

width:460px;

float:right;

display:inline-block;

color:#ffffff;



}



#contact-form .contact-form-captcha{

width:500px;



background: url('images/contact-input-bg.png') repeat-y top #ccccff;

display:inline-block;

margin-top:10px;

margin-bottom:10px;

}



#contact-form .contact-form-captcha p{

width:460px;

float:right;

display:inline-block;

color:#ffffff;



}



#contact-form .contact-form-captcha .captcha-img{

	border:5px solid #ffffff;

	display:inline-block;

	



}



#contact-form .contact-form-captcha .captcha-input{

	display:inline-block;

	float:right;

	width:100px;

	margin-right:200px;

	



}



#contact-form .wpcf7-not-valid-tip-no-ajax{

height:20px;

color:#000000;

font-size:11px;

font-weight:normal;

line-height:20px;

background: #ffcccc;

border:1px solid #ff0000;

display:inline-block;

margin-top:10px;

padding-left:5px;

padding-right:5px;

float:left;

width:260px;

}





#contact-form .contact-form-submit{

float:right;

width:198px;

height:44px;

}



#contact-response{



}



#contact-response .wpcf7-response-output{

height:20px;

width:485px;

color:#000000;

font-size:11px;

font-weight:normal;

padding-top:4.5px;

padding-left:5px;

padding-right:5px;



margin-top:10px;

margin-bottom:10px;

display:block;



}



#contact-response .wpcf7-validation-errors{

background: #ffcccc;

border:1px solid #ff0000;

}



#contact-response .wpcf7-mail-sent-ok{

background: #ccffcc;

border:1px solid #00ff00;

}



#wpcf7 p{

	margin:0;

	padding:0;

}





.alignright { float: right; margin: 0 0 10px 10px; }




.article-body ul{
list-style-image:url(images/arrow.png);
float:left;
}

.article-body ul li{



}