/* 
Custom Site Design for National Coalition of Single-Sex Public Schools
by Tyler C. Gore www.tylergore.com
for Logical Developers www.logicaldevelopers.com
*/


/*  text image replacement is used throughout this site.
	The text is set to visible: none, and replaced by background image.
	This makes the text more searchable, and will also allow it to be easier to make
	a printer-friendly stylesheet if desired */


body, html {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;

}

body {
	text-align:center;
	margin:0px;
	color:#333333;
	background: #FFFFFF url(images/ncssps_banner2.jpg) repeat-x top;
}
/*
p {
	margin:0;
	line-height: 140%;
	padding: 0px 0px 12px;
	color: #333333;
	font-size: 2em;

}
*/

a:link    {
	color: #31466E;
	text-decoration: underline;
}   
a:visited {
	color: #666666;
}  
a:hover, a:active {
	text-decoration: underline;
	color: #0099FF;
} 

#container {
	text-align:left;
	width:960px;
	margin:180px auto 0px;
	padding:0px 0 0;
	background: url(images/sidenav_bg.gif) repeat-y center top;
}

#container.home {
	
	background: none;
}

/* float classes */

.right {
	float: right;

}

.left  {
float: left;

}

.clear {
clear: both;

}
/* BANNER */
#banner {
	height:124px;
	margin:0 auto;
	padding:0;
 background: url(images/logo_welcome.gif) no-repeat left -2px; 
	width: 960px;
}

/* banner display supressed */
#banner h1 span, #banner h2 span {
	padding:0;
	margin:0;
	display: none;
	}
	
	
	
	#banner a {
	border: none;
	text-decoration: none;
	}
	
	#banner a:hover{
	border: none;
	}
	
/*	#banner img.spacer {
	width: 960px;
	height: 200px;
	border: none;
	margin: 0px;
	padding: 0px;
	}
*/

/* drop-down nav 
Other stylesheets are in CSS folder for this section
 */
#nav {
	/*	margin: 0px;
	overflow: hidden;
	padding: 0px;  
	color: #31466E;  */
	position: absolute;
	font-size: 2em;
	top: 132px;
	width: 960px;
	padding-left: 34px;
/*	height: 23px; */
}



/* END top nav */
	
/* MAIN CONTENT everything below top nav and above footer */
/* #main {
	width:960px;
	height: auto;
	margin: 60px auto 50px;
	padding: 0px;
	background: url(images/sidenav_bg.gif) repeat-y left top;
}
*/


#main {
	width:960px;
	height: auto;
	margin: 0px auto;
	padding: 0px 0px 140px;
	background: url(images/sidenav_top.gif) no-repeat center top;
	position: relative;
	top: -110px;
	}

#container.home #main {
background: none;

}


/* CONTENT Area to left */
#content {
	margin: 0px 0px 0px 270px;
	width: 660px;
	padding: 0px;
	top: 0px;
}

#content.home {
	margin-left: 0;
	position: relative;
}

#content.home div.section {
	width: 650px;



}


#content.home div.bottom {
	margin-top: 15px;
	


}


#content.home div.section div.text_col {




}


#content.home div.top div.text_col {
	margin-right: 355px;




}

#content.home div.bottom div.text_col {
	float: left;
	margin-left: 20px;
	height: auto;
	width: 455px;




}



#content h3  {
	color: #31466E;
	margin: 10px 12px 20px 0px;
	padding: 7px 0px 4px 35px;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	border-bottom: 5px solid #FFB200;
	display: block;
	background: url(images/logo_icon.gif) no-repeat left center;
}


#content.home div.section h3 {
	display: block;
	font-size: 18px;
	background: url(none);
	padding-left: 0px;




}


#content.home div.top h3 {
	text-align: left;
	float: left;
	padding-right: 1.5em;
	margin-right: 0px;
	margin-top: 0px;
	




}


#content.home div.bottom h3 {
	text-align: right;
	float: right;
	margin-left: 100px;
	padding-left: 2em;
	margin-right: 0px;
	margin-top: 0px;
	




}



#content h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.65em;
	margin-bottom: 0.65em;
	color: #999999;

}

#content h4 span {
	color: #31466E;
	
}

/* H5 for subheaders within text */

#content h5 {
	font-size: 12px;
	color: #31466E;
	margin-top: 15px;
	margin-bottom: 10px;

}

#content ul, #content ol {
	margin: 0px 30px 0px 15px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 35px;

}

#content li { 
    padding-bottom: 8px;
    font-size: 1.8em;
    line-height: 150%;
}



#content ul li {
    list-style: disc;
   }


#content p {
	margin:0;
	line-height: 140%;
	padding: 0px 0px 12px;
	color: #333333;
	font-size: 2em;
}

#content img {
	padding: 0px;
	border: 2px solid #31466E;
	margin: 3px 0 3px 0px;
	display: block;


}

#content img.right {
	margin-left: 15px;


}

#content img.left {
	margin-right: 15px;


}

#content img.photo_border {
	background: #FFFFFF;
	padding: 8px;
	border: 1px solid #31466E;
	


}


#content img.no_border {
border: none;

}

#content blockquote {
	margin: 8px 15% 18px;
	line-height: 160%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 1em;
	font-size: 2em;



}

#content div.breakout {
	margin: 8px 15% 18px;
	line-height: 160%;
	padding: 15px 0px;
	background: #31466E;
	color: #FFFFFF !important;


}

#content div.breakout div {
	border-top: 5px solid #FFB200;
	border-bottom: 5px solid #FFB200;
	padding: 15px 25px;
	


}

#content div.breakout p, #content div.breakout h5, #content div.breakout ul, #content div.breakout ul li {
	color: #FFFFFF;
	font-size: 14px;


}

#content div.breakout h5 {
text-align: center;

}

/*



#content div.top_section h3 {
	float: left;


}

#content div.top_section p {
	clear: left;


}
*/

/* added to put gap between sections on index page */
/*#content div.btm_section {
	padding: 0px;
	margin: 50px 0px 0px;


}

#content div.btm_section h3 {
	text-align: right;
	float: right;
	padding-left: 2em;
	


}


#content div.btm_section p {

	clear: right;


}
*/


/* special floating div with graphic on home page */
#content div.floating {
	height: auto;
	width: auto;
	text-align: right;
	margin-top: 0px;
}

#content div.floating p {
	font-size: 1.8em;
	color: #898A8C;
}

#content div.floating img {
	float: none;
	vertical-align: top;

}





/* RIGHT MENU NAVIGATOR */

/* floated to right, needs display inline to keep IE from screwing it up */
#rightmenu {
	width: 280px;
	height: auto;
	margin: 0px;
	float: right;
	display: inline;
	padding: 0px;
	font-size: 12px;
	line-height: 130%;

}


		
/* registration blue box  for right menu */

#rightmenu div.registration_box {
	background: #31466E url(images/conference_logo.gif) no-repeat center 8px;
	height: auto;
	width: 280px;
	padding-top: 90px;
	padding-bottom: 8px;
	margin: 0px 0px 20px;



}


#rightmenu div.registration_box h2 {
	background: #FFB202;
	color: #31466E;
	text-align: center;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 12px;



}	
	#rightmenu div.registration_box p {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	
	
	}
	
#rightmenu div.registration_box a:link, #rightmenu div.registration_box a:visited {
	color: #FFB202;
	

}

#rightmenu div.registration_box a:hover, #rightmenu div.registration_box a:active {
	color: #FFF;
	

}  
	color: #FFB202;
	

}




	
	#rightmenu div.info_box {
	height: auto;
	width: 280px;
	padding-bottom: 15px;
	margin: 15px 0px 30px;
	border-right: 1px solid #31466E;
	border-bottom: 1px solid #31466E;
	border-left: 1px solid #31466E;
	color: #31466E;



}


#rightmenu div.info_box h2 {
	background: #31466E;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 15px;



}	
	#rightmenu div.info_box p {
	
	
	
	}	
	
	#rightmenu div.info_box div {
	padding-right: 8px;
	padding-left: 10px;
	
	
	
	}	
	
	#rightmenu div.info_box ul {
	
	padding-right: 15px;
	padding-left: 15px;
	
	
	
	}	
	
	#rightmenu div.info_box li {
	list-style: disc outside;
	margin: 8px 0px;
	padding-right: 0px;
	padding-left: 0px;
	
	
	
	
	}	
	
	#rightmenu div.continue {
	text-align: right;
	margin-right: 10px;
	padding: 0px;
	margin-top: 12px;
	
	
	
	
	}	




/* sub areas in left menu */

/* floated to LEFT, needs display inline to keep IE from screwing it up */
#leftmenu {
	width: 200px;

	height: auto;
	margin: 120px 0px 0px;
	padding: 0px 0px 0px 11px;
		display: inline;
		display: inline;
	font-size: 2em;
	float: left;
}

/* added for IE6 bug  need to declare inline-block before block to prevent gaps */

#leftmenu ul ul li a {
	display: inline-block;
}

#leftmenu ul ul li a:hover {
	display: inline-block;
}

/* added for IE6 bug  need to declare inline-block before block to prevent gaps */


#leftmenu ul ul li h2 {
	display: inline-block;
}


#leftmenu ul  {
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	
}

#leftmenu ul li {
	list-style: none;
}

	
#leftmenu ul li h2 {
	color: #31466E;
	margin: 0px 0px 5px;
	padding: 4px 0px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-align: center;
	background: #FFB200;
	width: 201px;
}
	
#leftmenu ul li ul{
	margin:0 0 0 0px;
	padding:0 9px 0px;
	color: #ffffff;
	}

#leftmenu ul li ul li {
	padding: 0;
	list-style-type:none;
	text-decoration:none;
	display: block;
	border-bottom: #3F5A8D;
	background: url(images/sidenav_divider.gif) no-repeat center bottom;
	margin: 0 0 0px;
	}
	
	
#leftmenu ul li ul li a:link, #leftmenu ul li ul li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	margin-bottom: 7px;
	text-indent: -8px;
	padding-left: 8px;
	margin-top: 7px;
	padding-bottom: 12px;
	padding-top: 4px;
	}
		
#leftmenu ul li ul li a:active, #leftmenu ul li ul li a:hover  {
	background: #FEB300;
	color: #31466E;


	}
	
	
	#leftmenu div.sidebar_pic {
	width: 180px;
	margin-left: 3px;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	
	
	}
	
	#leftmenu div.sidebar_pic p {
	color: #FFB200;
	text-align: center;
	
	}
	
	#leftmenu div.sidebar_pic a:link, #leftmenu div.sidebar_pic a:visited{
	color: #FFB200;
	text-decoration: underline;
	
	}
	
	#leftmenu div.sidebar_pic a:hover, #leftmenu div.sidebar_pic a:active {
	color: #FFFFFF;
	text-decoration: underline;
	
	}
	
	#leftmenu div.sidebar_pic img {
	border: 2px solid #FFFFFF;
	
	
	}
	
	#leftmenu div.sidebar_pic a:link img, #leftmenu div.sidebar_pic a:visited img {
	border: 2px solid #FFFFFF;
	
	}
	
	#leftmenu div.sidebar_pic a:hover img, #leftmenu div.sidebar_pic a:active img {
	border: 2px solid #FFB200;
	
	}



#leftmenu div.quote {
	padding: 25px 0px 0px;
	background: url(images/quote_top.gif) no-repeat center top;
	color: #FFFFFF;
	margin: 15px 0px 15px 3px;
	
	
	}

#leftmenu div.quote div {
	background: url(images/quote_btm.gif) no-repeat -5px bottom;
	padding-bottom: 20px;
	
	
	}


#leftmenu div.quote div p {
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	line-height: 135%;
	margin: 0px 15px 10px;
	padding-top: 0px;
	
	
	
	}
	
	#leftmenu div.quote div p.attribution {
	text-align: right;
	font-weight: normal;
	font-size: 0.85em;
	margin-top: 5px;
	
	
	
	
	}
	
	
#leftmenu div.quote a {
	color: #fff; 
	
	
	
	}


/* extra div for leftmenu footer */

#leftmenu_ftr {
	background: url(images/sidenav_btm.gif) no-repeat center top;
	height: 48px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;



}




/* FOOTER TO WHOLE PAGE */
#footer{
	width: 100%;
	height: auto;
	clear: both;
	margin: 30px 0px 0px;
	padding-top: 0px;
	border-top: 25px solid #31466E;
	padding-bottom: 20px;
}


 div#address {
	text-align: left;
	margin-left: auto;
	margin-top: 15px;
	width: 960px;
	margin-right: auto;
	padding-right: 8px;
	padding-left: 8px;
	

}
 div#address p {
	font-weight: normal;
	font-size: 1.7em;
	color: #898A8C;
	margin: 0px;
	padding-bottom: 4px;
}





/* forms */

/*

form#form1 {
	color: #134779;
	font-weight: bold;
	font-size: 10px;
	margin: 25px 0px;
	padding: 0px;
}


form#form1 input.field {
	border: 1px solid #134679;
}

form#form1 textarea {
	border: 1px solid #134679;
}

form#form1 input.btn {
	border: 1px solid #134679;
	background: #134779;
	color: #FFFFFF;
}

*/
ER TO WHOLE PAGE */
#footer{
	width: 100%;
	height: auto;
	clear: both;
	margin: 30px 0px 0px;
	padding-top: 0px;
	border-top: 25px solid #31466E;
	padding-bottom: 20px;
}


 div#address {
	text-align: left;
	margin-left: auto;
	margin-top: 15px;
	width: 960px;
	margin-right: auto;
	padding-right: 8px;
	padding-left: 8px;
	

}
 div#address p {
	font-weight: normal;
	font-size: 1.7em;
	color: #898A8C;
	margin: 0px;
	padding-bottom: 4px;
}





/* forms */

/*

form#form1 {
	color: #134779;
	font-weight: bold;
	font-size: 10px;
	margin: 25px 0px;
	padding: 0px;
}


form#form1 input.field {
	border: 1px solid #134679;
}

form#form1 textarea {
	border: 1px solid #134679;
}

form#form1 input.btn {
	border: 1px solid #134679;
	background: #134779;
	color: #FFFFFF;
}

*/