/* website stylesheet for education central by baltimoresun.com */

body
{
	background: #eae2c5;
	color: #3f3f3f;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}

#wrapper
{
	background: #f6f1df;
	margin: 0 auto;
	padding: 16px 0 32px 0;
	text-align: left;
	width: 760px;
}

#header
{
	background: #fff;
	text-align: right;
}

#header_inside
{
	background: #fff;
	text-align: left;
}

.leaderboard
{
	height: 90px;
	margin-bottom: 32px;
	text-align: center;
}

#footer
{
	background: url(../images/layout/page-footer-bg.gif) repeat;
	text-align: center;
}

#footer-no-image
{
	text-align: center;
}





/* search results
**************************************************************************************************/

table.color1
{ 
	background-color: #A5DEFC; 
	border: 0; 
	padding: 0;
	spacing: 0;
	vertical-align: top;
	width: 600;
}

table.color2
{ 
	border: 0; 
	padding: 0px;
	spacing: 0px;
	background-color: #ffffff; 
	vertical-align: top;
	width: 600;
}

td.color1
{ 
	xborder: 0; 
	padding: 5px;
	spacing: 0px;
	background-color: #d5d1c2; 
	vertical-align: top;
	padding-bottom:10px solid #f6f1df;
}

td.color2
{ 
	xborder: 0; 
	padding: 5px;
	spacing: 0px;
	background-color: #fbf8ef; 
	vertical-align: top;
	padding-bottom:10px solid #f6f1df;
}

td.color3
{ 
	xborder: 0; 
	padding: 5px;
	spacing: 0px;
	background-color: #bdaf7d; 
	vertical-align: top;
	padding-bottom:10px solid #f6f1df;
}

tr.premium td
{
	background-image: url(../images/layout/results-premium.gif);
	background-position: left top;
	background-repeat: no-repeat;
	/* border: 1px #9d0a0e solid; */
	border: 1px #20517e solid;
	padding-top: 20px;
}

tr.premium td.left
{
	border-right: none;
}

tr.premium td.middle
{
	border-left: none;
	border-right: none;
}

tr.premium td.right
{
	background-position: right top;
	border-left: none;
}





/* layout for 2 columns
**************************************************************************************************/

#page
{
	background: #fff url(../images/layout/page-bg-2col-full.gif) repeat-y;
	margin: 0 auto;
	overflow: hidden;
	width: 728px;
}

#page2
{
	
	margin: 0 auto;
	overflow: hidden;
	width: 728px;
}

#content
{
	background: #f6f1df url(../images/layout/page-bg-2col.gif) repeat-y;
	width: 508px;
	border-left: 200px solid #f6f1df; /* The width and color of #rail */
	margin-left: -200px; /* Hat tip to Ryan Brill */
	float: right;
	padding-left: 20px;
}


#content2
{
	background: #f6f1df;
	width: 600px;
	padding-left:60px;
	
}


#content_news
{
	background: #ffffff;
	width: 508px;
	border-left: 200px solid #f6f1df; /* The width and color of #rail */
	margin-left: -200px; /* Hat tip to Ryan Brill */
	float: right;
	padding-left: 20px;
}

#news
{
	margin: 0 auto;
	width: 400px;
	text-align:left;
}


#rail
{
	width: 180px;
	float: left;
	padding-right: 20px;
}







#openhouse
{
	padding-left: 20px;
}

.home-openhouse
{
	height: 400px;
	overflow: scroll;
}






table#openhouse-table
{
	font-size: 9pt;
}

table#openhouse-table tr th
{
	border-bottom: 2px #333 solid;
	font-size: 10pt;
	font-weight: bold;
	padding: 20px 10px 3px 0;
}

table#openhouse-table tr td
{
	border-bottom: 1px #ccc dotted;
	padding: 10px 10px 10px 0;
}










#bottom-content
{
	background: #404040;
	margin: 0 auto;
	padding: 30px 16px 0px 16px;
	text-align: center;
	width: 728px;
}

#footer-news
{
	background: #404040 url(../images/layout/footer-news-bg.gif) repeat-y;
	border-left: 220px solid #404040; /* The width and color of the left rail */
	border-right: 220px solid #404040; /* The width and color of the right rail */
	float: left;
	margin-top: 30px;
	text-align: left;
	width: 288px;
	
	min-height: 250px; /* absolutely needed for Firefox */
}



#fn-left-rail
{
	float: left;
	width: 220px;
	margin-left: -220px;
	position: relative;
}

#fn-center
{
	float: left;
	width: 288px;
	margin-right: -288px;
}

#fn-right-rail
{
	float: right;
	width: 220px;
	margin-right: -220px;
	position: relative;
}

/* use this to add bottom padding to the floated #footer-news columns */
#footer-news-margin
{
	clear: both;
	height: 100px;
}

#footer-news-margin p
{
	font-weight: bold;
	padding-top: 30px;
}




#bottom-nav
{
	background: #000;
	clear: both;
	color: #bbb;
	font-weight: bold;
	padding: 7px 0;
	text-align: left;
}








/* main site navigation
**************************************************************************************************/

#nav
{
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	padding: 0 0 16px 0;
	text-align: right;
	text-transform: lowercase;
}

#nav ul
{
	margin: 0 auto;
	width: 728px;
}

#nav ul li
{
	background: #fff url(../images/layout/nav-divider.gif) 15px 0px no-repeat;
	display: inline;
	padding-left: 31px;
}

#nav ul li.first { background: none; }

#nav ul li a
{
	color: #231f20;
	text-decoration: none;
}

#nav ul li a:hover
{
	color: #9d0a0e;
	text-decoration: none;
}

#nav ul li.active a, #nav ul li.active a:hover
{
	color: #9d0a0e;
	font-size: 14pt;
	text-decoration: none;
}








#bsc-logo
{
	margin: 0 auto;
	width: 728px;
}

h1#site-title
{
	margin: 0 auto;
	width: 728px;
}

h2
{
	margin-bottom: 15px;
}

h2.school-page
{
	font-size:14pt;
	padding-top: 15px;
}

h3
{
	color: #9d0a0e;
	font-size: 10pt;
	font-weight: bold;
	margin: 25px 0 15px 0;
	text-transform: lowercase;
}

.head
{
	color: #403a23;
	font-size: 10pt;
	font-weight: bold;
}

p
{
	font-size: 9pt;
	line-height: 150%;
	margin-bottom: 15px;
}

span
{
	font-size: 9pt;
	line-height: 150%;
	
}

strong { font-weight: bold; }

#bn-content
{
	margin: 0 auto;
	width: 728px;
}

#bottom-nav p#copyright
{
	display: inline;
	margin: 0;
}

#bottom-nav p#bn-right
{
	display: inline;
	float: right;
	margin: 0;
}

.replaced { display: none; }




/* News page DIV Styles
**************************************************************************************************/

#news-pic
{
float:left;
padding-right:5px;
}

#news-pic-story2
{
float:right;
padding-right:5px;
}

#news-pic-story2
{
float:right;
padding:5px;
}



/* School pages DIV Styles
**************************************************************************************************/


#school_nav
{
width:484px;
background:#9d0a0e;
text-align:left;
padding:2px;
}

#school_pic 
{
float:right;
padding-top:15px;
padding-right:10px;
}


#open_house_box
{
width:484px;
background:#bfbcaf url(../images/layout/fluer.gif) repeat-y;;
text-align:left;
padding:10px;
}



#open_house_box2
{
width:140px;
background:#bfbcaf;
text-align:left;
padding:10px;
}



dl.openhouse
{
	font-size: 10pt;
	margin-bottom: 15px;
}

dl.openhouse dt
{
	font-weight: bold;
}

#school-info ul
{
	font-size: 9pt;
	line-height: 150%;
	margin-bottom: 15px;
}

#school-info ul li
{
	list-style: square;
	margin-bottom: 5px;
	margin-left: 20px;
}





/* school profile maps
**************************************************************************************************/

#map
{
	border: 1px #ccc solid;
	height: 400px;
	width: 486px;
}

div#no-map
{
	border: 1px #ccc solid;
	height: 400px;
	width: 486px;
}

div#popup dl
{
	font-size: 9pt;
	line-height: 125%;
}

div#popup dl dt
{
	font-weight: bold;
}

div#popup dl dd
{
	margin-bottom: 5px;
}

div#popup dl dd.directions
{
	margin: 10px 0 0 0;
}

div#popup dl dd.startaddress
{
	color: #999;
	font-size: 11px;
	margin-bottom: 0;
}






/* all links (except main site nav)
**************************************************************************************************/

a
{
	color: #9d0a0e;
	text-decoration: underline;
}

a:hover
{
	color: #3f3f3f;
	text-decoration: underline;
}

#footer a
{
	color: #bbb;
	text-decoration: none;
}

#footer a:hover
{
	color: #fff;
	text-decoration: none;
}

#footer-news dl a
{
	font-weight: bold;
	text-decoration: underline;
}

#footer-news-margin p a { color: #fff; }
#footer-news-margin p a { color: #bbb; }

#footer-no-image a
{
	color: #bbb;
	text-decoration: none;
}

#footer-no-image a:hover
{
	color: #fff;
	text-decoration: none;
}


a.tan 
{
	color: #f6f1df;

}

a.news
{
	font-size: 8pt;
	line-height: 150%;
	text-decoration: none;
	color: #403a23;
	font-weight: bold;

}

a.news:hover
{
	font-size: 8pt;
	line-height: 150%;
	text-decoration: none;
	color: #9d0a0e;
	font-weight: bold;
}


a.school-url
{
	font-size: 8pt;
	line-height: 150%;
	text-decoration: underline;
	color: #403a23;
	font-weight: bold;

}

a.school-url:hover
{
	font-size: 8pt;
	line-height: 150%;
	text-decoration: underline;
	color: #9d0a0e;
	font-weight: bold;
}







a.school
{
color:#ffffff;
font-size:11px;
font-weight:bold;
	text-decoration: none;
}

a.school:hover
{
color:#eaae20;
font-size:11px;
font-weight:bold;
	text-decoration: none;
}


tr.premium td a
{
	color: #20517e;
}









/* all lists (includes home page open houses/news)
**************************************************************************************************/

#openhouse dl
{
	margin-bottom: 15px;
}

#openhouse dl dt
{
	font-size: 10pt;
	font-weight: bold;
}

#openhouse dl dd
{
	color: #666;
	font-size: 9pt;
}



#home-search
{
	margin: 0 auto;
	width: 325px;
}

#home-search2
{
	margin: 0 auto;
	width: 500px;
}

#home-search form div
{
	clear: both;
	margin: 30px 0;
}


#home-search form label
{
	color: #403a23;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	text-transform: lowercase;
	width: 150px;
}

#home-search form select
{
	font-size: 8pt;
	margin-left: 0px;
	width: 170px;
}

#home-search form div.checkbox input
{
	font-size: 10pt;
	vertical-align: middle;
}

#home-search form div.checkbox label
{
	color: #3f3f3f;
	float: none;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}

#home-search form div.submit { text-align: center; }




#footer-news dl
{
	color: #fff;
	font-size: 8pt;
	padding-bottom: 20px;
}

#footer-news #fn-center dl
{
	padding-left: 45px;
	padding-right: 45px;
}

#footer-news #fn-left-rail dl { padding-left: 20px; }
#footer-news #fn-right-rail dl { padding-right: 20px; }

#footer-news dl dt
{
	font-weight: bold;
}