/*************************************************************
	website:	www.bestschoolsinmichigan.com	
	type:		layout and style
	desc:		Layout and Design structure
	version:	1.0.0                      
-----------------------------------------------------------
	author:		Jeremy S. Ward
	date:		20 March 2009

*************************************************************/
/*-------------------- 
  Global Default Syles
  -------------------- */
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

*{padding:0; margin:0;}

body {
	background-color:#ccc; 
	font-family: arial, sans-serif;
}

/* Page Styles */
#pageContainer {width:985px; margin:0px auto; padding:0 0px 0 20px; background:#fff url('/images/backgrounds/shadow_rt.gif') right top repeat-y;}
#pageContainer_bottom {width:985px; height:20px; margin:0px auto; margin-bottom: 20px; padding:0 0px 0 20px; background:url('/images/backgrounds/shadow_rc_footer.gif') left bottom no-repeat;}

/* header */
.header {position:relative; padding-top: 40px;}
.header .newsletter_callout {position:absolute; width:430px; margin-left: 535px; top:15px; font-size: 12px; font-weight: bold; color:#3762a3;}
.header .newsletter_callout a {text-decoration: underline; color:#3762a3;}
.header .newsletter_callout a:hover {color:#1cd2bc;}

.header_nav, .header_nav * {margin:0; padding:0; white-space:nowrap;}
.header_nav li {float:left; height:30px; width:155px; margin-right: 6px; position:relative; list-style:none; z-index:99;}
.header_nav a {display:block;}
.header_nav li ul {position:absolute; top:-999em;}
.header_nav li:hover ul, body .nav li.current ul, ul.nav li.sfHover ul {top:30px;}

.header_nav {height:30px; font-weight: bold;}
.header_nav li {font-size:14px;}
.header_nav li a {padding-top:6px; color:#fff; text-decoration: none; text-align: center;}
.header_nav li a:hover {text-decoration: none;}

.header_nav li ul {width:230px; background-color: #3762a3;}
.header_nav ul li {width: 100%; height:20px; border-top: 1px solid #fff;}
.header_nav ul li a {height:20px; padding:2px 0 0 10px; font-size: 12px; background-color: #3762a3; text-align: left;}
.header_nav ul li a:hover {color:#1cd2bc;}

/* header_nav background colors */
.tab_1 {background-color: #eace1d;}
.tab_1:hover {background-color: #e6941f;}
.tab_2 {background-color: #7cbd33;}
.tab_2:hover {background-color: #3762a3;}
.tab_3 {background-color: #1cd2bc;}
.tab_3:hover {background-color: #8550a1;}
.tab_4 {background-color: #3762a3;}
.tab_4:hover {background-color: #e6941f;}
.tab_5 {background-color: #8550a1;}
.tab_5:hover {background-color: #1cd2bc;}
.tab_6 {background-color: #e6941f;}
.tab_6:hover {background-color: #eace1d;}

.header_nav .no_margin_right {margin-right: 0px;}

/* color classes */
.orange {color:#eace1d;}
.green {color:#7cbd33;}
.aqua {color:#1cd2bc;}
.blue {color:#3762a3;}
.purple {color:#8550a1;}
.yellow {color:#e6941f;}

/* font sizes */
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
p {font-size: 12px;}

/* containers */
.contentContainer_full {position:relative; clear:both; float:left; width:975px; padding-top: 20px; } 
.rightContainer {float:right; padding-top: 20px; margin-right: 10px;}
.leftContainer {float:left; padding-top: 20px;}

/* Component Layout */
.component {float:left; margin:0 10px 20px 0; }
.component_home {float:left; margin:0 10px 0 0; } 
.component p {padding-bottom: 1em; line-height: 1.5em;}

.comp635, .comp635_bt {width:635px;}
.comp635 .top, 
.comp635 .bottom {height:30px;}
.comp635 .body, .comp635_bt .body {width: 615px; padding:0 10px 30px 10px;}

.comp315 {position: relative; width:315px; } 
.comp315 .top,
.comp315 .bottom {height:15px;}
.comp315 .body {padding:0 10px;}
.comp315 img.ltGraphic {float:right; z-index: -1} 


.comp205 {width:205px; float: left;}
.comp205 .top,
.comp205 .bottom {height:15px;}
.comp205 img.topGraphic {width:205px;}
.comp205 .title {width:205px; height:40px;}

.green_border_205 .body {width: 185px; padding:0 10px;}
.green_border_315 .body {width: 295px; padding:0 10px;}

img.about_bg {position:absolute; z-index:0; top:-55px; left:-20px;}
#about_page_title {text-align: right; margin-top: 40px; font-size: 30px;}

/* General Font Skin */
h2 {color:#3762a3; font-family: arial, sans-serif; letter-spacing: .01em; }
/* h2 {color:#3762a3; font-family: arial, sans-serif; } */
a {text-decoration: underline; color:#3762a3;}
a:hover {text-decoration: underline; color:#1cd2bc;}
h2 a, h2 a:hover {text-decoration: none; color:#3762a3;}

/* Component Skin */
.comp635_bt {border-top: 2px solid #f0bd74; padding:15px 0;}

.chalkboard .top {height:23px; background: url('/images/backgrounds/635_chalkboard_top.jpg') left top no-repeat;}
.chalkboard .bottom {height:44px; background: url('/images/backgrounds/635_chalkboard_bottom.jpg') left bottom no-repeat;}
.chalkboard .body {width:555px; padding:15px 40px 1px 40px; margin:0px; color:#fff; background: url('/images/backgrounds/635_chalkboard_body.jpg') left top repeat-y;}
.chalkboard .body h2 {color:#fff !important; padding-bottom: 10px; font-size: 25px;}
.chalkboard .body a {text-decoration: underline; color:#fff;}
.chalkboard .body a:hover {text-decoration: underline; color:#3762a3;}

.blue_green .top {background: url('/images/backgrounds/635_blue_rc_top.gif') left top no-repeat;}
.blue_green .bottom {background: url('/images/backgrounds/635_green_rc_bottom.gif') left bottom no-repeat;}
.blue_green .body {color:#fff; background-color: #3577b3;}
.blue_green .body h2 {color:#fff; padding-bottom: 10px;}

.featured .body h2 {padding-bottom: 10px; color:#89c644; font-weight: bold; font-size: 25px; text-align: center; z-index:1;}

.green_border_205 .top {background: url('/images/backgrounds/205_greenBorder_rc_top.jpg') left top no-repeat;}
.green_border_205 .bottom {background: url('/images/backgrounds/205_greenBorder_rc_bottom.jpg') left bottom no-repeat;}
.green_border_205 .body {background: url('/images/backgrounds/205_greenBorder_body.jpg') left top repeat-y;}
.green_border_205 .body h2 {color:#89c644; font-weight: bold; font-size: 25px;}
.green_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.green_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

.green_border_315 .top {background: url('/images/backgrounds/315_green_rc_top.jpg') left top no-repeat;}
.green_border_315 .bottom {background: url('/images/backgrounds/315_green_rc_bottom.jpg') left bottom no-repeat;}
.green_border_315 .body {background: url('/images/backgrounds/315_green_border.jpg') left top repeat-y;}
.green_border_315 .body h2 {color:#89c644; font-weight: bold; font-size: 25px;}
.green_border_315 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.green_border_315 .body p.link a {color:#3577b3; text-decoration: none;}

.school_1 span {color:#0054a4; font-weight: bold;}
.school_2 span {color:#83395a; font-weight: bold;}
.school_3 span {color:#13366d; font-weight: bold;}

.caption {padding-top: 5px; color:#3577b3;}

/* lists */
ul {font-size: 12px; margin: 0px 0 15px 20px;}
ul.inline {list-style-type: none;}
ul.inline li {float:left; margin-right: 10px;}

/* tables */
table {width:100%; margin-bottom: 15px;}
table th {text-align: left; font-size: 12px; font-weight: bold;}
table td {font-size: 12px;}

/* forms */
.inputGroup {float:left; width:600px; margin:0 20px 1em 0; font-size: 12px;}

label {float:left; width:100px; padding-top:10px; padding-right:5px; font-size: 15px; font-weight:bold;}
label.pencil {width:440px; background: url('/images/stock/pencil.jpg') left top no-repeat;}
input {width:250px; height:25px; padding:15px 0 0 12px; border:none; background: url('/images/backgrounds/260_form_input_grey.jpg') left top no-repeat; color:#000;}
textarea {float:left; width:580px; height:120px; padding:15px 15px 0 12px;  border:none; background: url('/images/backgrounds/form_textarea.jpg') left top no-repeat; color:#000;}
.errorFocus {background: url('/images/backgrounds/260_form_input_error.png') left top no-repeat;}

input.contact-button {width:100px; height:24px; margin:0; cursor:pointer; border:0; font-size:18px; font-weight:bold; text-align:center; vertical-align:middle;}
.contact-send {padding:3px 0 0 0; color:#e6941f; background:none;}

/* footer */
.footer {clear:both; float:left; width:975px; padding-top: 20px;}
.footer p {font-size: 10px;}

/* School Specific */
#berkley .comp635 h2, #berkley .comp635_bt h2 {color:#002E62;}
.berkley p span {color:#002E62}
.berkley_border_205 .top {background: url('/images/backgrounds/205_berkleyBorder_rc_top.jpg') left top no-repeat;}
.berkley_border_205 .bottom {background: url('/images/backgrounds/205_berkleyBorder_rc_bottom.jpg') left bottom no-repeat;}
.berkley_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_berkleyBorder_body.jpg') left top repeat-y;}
.berkley_border_205 .body h2 {font-weight: bold; font-size: 25px;}
.berkley_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.berkley_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#lake_shore .comp635 h2, #lake_shore .comp635_bt h2 {color:#EB2A2D;}
.lake_shore p span {color: #EB2A2D;}
.lake_shore_border_205 .top {background: url('/images/backgrounds/205_lake_shoreBorder_rc_top.jpg') left top no-repeat;}
.lake_shore_border_205 .bottom {background: url('/images/backgrounds/205_lake_shoreBorder_rc_bottom.jpg') left bottom no-repeat;}
.lake_shore_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_lake_shoreBorder_body.jpg') left top repeat-y;}
.lake_shore_border_205 .body h2 {font-weight: bold; font-size: 25px;}
.lake_shore_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.lake_shore_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#lincoln .comp635 h2, #lincoln .comp635_bt h2 {color:#25408F;}
.lincoln p span {color: #25408F;}
.lincoln_border_205 .top {background: url('/images/backgrounds/205_lincolnBorder_rc_top.jpg') left top no-repeat;}
.lincoln_border_205 .bottom {background: url('/images/backgrounds/205_lincolnBorder_rc_bottom.jpg') left bottom no-repeat;}
.lincoln_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_lincolnBorder_body.jpg') left top repeat-y;}
.lincoln_border_205 .body h2 {font-weight: bold; font-size: 25px;}
.lincoln_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.lincoln_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#fraser .comp635 h2, #fraser .comp635_bt h2 {color:#034093;}
.fraser_border_205 .top {background: url('/images/backgrounds/205_fraserBorder_rc_top.jpg') left top no-repeat;}
.fraser_border_205 .bottom {background: url('/images/backgrounds/205_fraserBorder_rc_bottom.jpg') left bottom no-repeat;}
.fraser_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_fraserBorder_body.jpg') left top repeat-y;}
.fraser_border_205 .body h2 {font-weight: bold; font-size: 25px;}
.fraser_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.fraser_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#southgate .comp635 h2, #southgate .comp635_bt h2 {color:#5f0028;}
.southgate_border_205 .top {background: url('/images/backgrounds/205_southgateBorder_rc_top.jpg') left top no-repeat;}
.southgate_border_205 .bottom {background: url('/images/backgrounds/205_southgateBorder_rc_bottom.jpg') left bottom no-repeat;}
.southgate_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_southgateBorder_body.jpg') left top repeat-y;}
.southgate_border_205 .body h2 {font-weight: bold; font-size: 25px;}
.southgate_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.southgate_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#oxford .comp635 h2, #oxford .comp635_bt h2 {color:#00246f;}
.oxford_border_205 .top {background: url('/images/backgrounds/205_oxfordBorder_rc_top.jpg') left top no-repeat;}
.oxford_border_205 .bottom {background: url('/images/backgrounds/205_oxfordBorder_rc_bottom.jpg') left bottom no-repeat;}
.oxford_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_oxfordBorder_body.jpg') left top repeat-y;}
.oxford_border_205 .body h2 {color:#89c644; font-weight: bold; font-size: 25px;}
.oxford_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.oxford_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#dearborn .comp635 h2, #dearborn .comp635_bt h2 {color:#339933;}
.dearborn p span {color:#339933}
.dearborn_border_205 .top {background: url('/images/backgrounds/205_dearbornBorder_rc_top.jpg') left top no-repeat;}
.dearborn_border_205 .bottom {background: url('/images/backgrounds/205_dearbornBorder_rc_bottom.jpg') left bottom no-repeat;}
.dearborn_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_dearbornBorder_body.jpg') left top repeat-y;}
.dearborn_border_205 .body h2 {color:#339933; font-weight: bold; font-size: 25px;}
.dearborn_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.dearborn_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#novi .comp635 h2, #novi .comp635_bt h2 {color:#006633;}
.novi p span {color:#006633}
.novi_border_205 .top {background: url('/images/backgrounds/205_noviBorder_rc_top.jpg') left top no-repeat;}
.novi_border_205 .bottom {background: url('/images/backgrounds/205_noviBorder_rc_bottom.jpg') left bottom no-repeat;}
.novi_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_noviBorder_body.jpg') left top repeat-y;}
.novi_border_205 .body h2 {color:#006633; font-weight: bold; font-size: 25px;}
.novi_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.novi_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#westland .comp635 h2, #westland .comp635_bt h2 {color:#0099cc;}
.westland p span {color:#0099CC}
.westland_border_205 .top {background: url('/images/backgrounds/205_westlandBorder_rc_top.jpg') left top no-repeat;}
.westland_border_205 .bottom {background: url('/images/backgrounds/205_westlandBorder_rc_bottom.jpg') left bottom no-repeat;}
.westland_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_westlandBorder_body.jpg') left top repeat-y;}
.westland_border_205 .body h2 {color:#0099cc; font-weight: bold; font-size: 25px;}
.westland_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.westland_border_205 .body p.link a {color:#3577b3; text-decoration: none;}

#tecumseh .comp635 h2, #tecumseh .comp635_bt h2 {color:#ff6600;}
.tecumseh p span {color:#ff6600}
.westland_border_205 .top {background: url('/images/backgrounds/205_westlandBorder_rc_top.jpg') left top no-repeat;}
.westland_border_205 .bottom {background: url('/images/backgrounds/205_westlandBorder_rc_bottom.jpg') left bottom no-repeat;}
.westland_border_205 .body {width: 185px; padding:0 10px; background: url('/images/backgrounds/205_westlandBorder_body.jpg') left top repeat-y;}
.westland_border_205 .body h2 {color:#ff6600; font-weight: bold; font-size: 25px;}
.westland_border_205 .body p.link {font-weight: bold; text-align:center; line-height: 1em; padding-bottom: 0px;}
.westland_border_205 .body p.link a {color:#3577b3; text-decoration: none;}


/****************************** 
	message containers
*******************************/
.errorCont {
	clear:both; float:left;
	position:relative; width:250px;
	margin:8px 0 0 0px; padding:5px 0 5px 0;
	background:#faf9dc; 
	border:1px solid #e8844e;
}
.errorCont span.top {
	position:absolute; width:12px; height:8px; margin:-13px 0 0 5px;
	background:url(/content/images/site/bg_errorPoint.jpg) left top no-repeat; z-index:99;
}
.errorCont p {color:#000; font-size:10px; margin:0; padding:2px 0 2px 20px !important;}
#contact-container .contact-content .errorCont {margin-left: 105px;}
.errorFocus {background-color: #faf9dc; border:1px solid #e8844e;}

.error {background-color: #eaaf5a; border: 1px solid #e6941f;}
.error h3 {padding: 10px 0 5px 10px; color:#000; font-size: 16px;}
.error ul {list-style-type: none; margin:0 0 10px 20px; font-size: 12px;}

.success {background-color: #cce68b; border: 1px solid #7cbd33;}
.success p {padding:10px 0; color:#000; font-size: 14px; text-align: center;}

/* Helper Classes */
.clear {clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}
.floatRight_withWrap {float:right; margin: 10px 0 10px 10px;}
.floatLeft_withWrap {float:left; margin:10px 10px 10px 0;}