/* OverBrook Back Page Style :::::::::::::::::::::::::::::::::: */


* {
margin: 0;
padding: 0;
}

#alumnUpdateForm, 
#classNewsForm,
#volunteerForm { 
padding: 10px 0;
text-align: right;
line-height: 200%;
background: transparent url(../elements/yellow_screen-dots.gif);
border: 1px dashed #ffdd99;
}

#alumnUpdateForm .YourName,
#classNewsForm .YourName {
padding: 8px 75px 8px 0;
}

#alumnUpdateForm .ContactYou, 
#classNewsForm .ContactYou,
#volunteerForm .ContactInfo {
padding: 8px 75px 8px 0;
}

#alumnUpdateForm .YourBusiness, 
#classNewsForm .YourBusiness {
padding: 8px 75px 8px 0;
}

#classNewsForm .YourNews {
padding: 8px 20px;
text-align: left;
}

#alumnUpdateForm .YourSpouse {
padding: 8px 75px 8px 0;
}

#alumnUpdateForm input,
#classNewsForm input,
#volunteerForm input {
margin-left: 6px;
border: 1px solid #bbbbdd;
}

#alumnUpdateForm .SubmitButton, 
#classNewsForm .SubmitButton,
#volunteerForm .SubmitButton {
margin-right: 75px;
padding: 3px 5px;
border: 1px solid #bbbbdd;
background-color: #ffb300;
font-weight: bold;
color: #ffffff;
}


#volunteerForm .SchoolOpp,
#volunteerForm .ParentClub {
text-align: left;
padding: 10px 20px;
}

#volunteerForm .SchoolOpp input,
#volunteerForm .ParentClub input {
margin: 0 6px 0 0;
border: none;
}

#volunteerForm .SchoolOpp .ExtraTB {
margin-left: 6px;
border: 1px solid #bbbbdd;
}

#volunteerForm .SchoolOpp .ExtraCB {
margin: 0 15px 0 6px;
border: 1px solid #bbbbdd;
}


#volunteerForm .SchoolOpp .Line2, 
#volunteerForm .ParentClub .Line2 {
margin: -12px 0 0 8px;
}



body {
background-color: #ffb300;
font: normal .80em/160% Verdana, Arial, Helvetica, Sans-serif;
color: #333333;
text-align: center;
}

#calendarLink {
background-color: #bc2c3c;
margin-right: 3px;
}

.Clearance {
clear: both;
height: 1px;
overflow: hidden;
}

#contactLink {
background-color: #7500db;
margin-right: 3px;
}

#conTainer {
width: 900px;
margin: 0 auto;
text-align: left;
}

#contentSector { 
margin: 0 72px;
background: #ffffff url(../elements/watermark_seal.gif) 500px 230px no-repeat;
}

#contentSector .LeftCol {
float: left;
width: 196px;
margin: 10px 20px 0 0;
}

#contentSector .ImageFrame {
width: 197px;
padding: 10px 0 15px 0;
background-color: #095Ba6;
}

#contentSector .ImageFrame img {
display: block;
margin: 1 auto;
text-align: center;
}

#contentSector .UnderImageWhite {
height: 8px;
overflow: hidden;
background-color: #ffffff;
}

#contentSector .UnderImageRed {
height: 8px;
overflow: hidden;
background-color: #bc2c3c;
}


#contentSector #leftNav {
list-style-type: none;
margin-top: 10px;
}

#contentSector #leftNav li {
display: inline;
}

/*#contentSector #leftNav div {
 height: 1px; 
 background-color: #095Ba6; 
 overflow: hidden;
 }*/

#contentSector #leftNav a {
display: block;
height: 25px;
padding-right: 5px;
font: bold 90%/25px Verdana, Arial, Helvetica, Sans-serif;
color: #095Ba6;
text-decoration: none;
text-align: right;
border-bottom: 1px dashed #ffb300;
}

#contentSector #leftNav a:hover {
background-color: #3c8ec9;
color: #ffffff;
border-bottom: 1px dashed #fff;
}

#contentSector #leftNav li a.subActive {
background-color: #ffb300;
color: #ffffff;
border-bottom: 1px solid #ffb300;
}

/*------------------------------------------------------------------------------------------- subList */

#contentSector #leftNav #subList li a {
padding: 0 10px 0 0;
font: normal 85%/25px Verdana, Arial, Helvetica, Sans-serif;
color: #3c8ec9;
background-color: #fff;
border-bottom: 1px solid #fff;
}

#contentSector #leftNav #subList li a:hover {
color: #c33;
background-color: #fff;
border-bottom: 1px dashed #c33; 
}

#contentSector #leftNav #subList li a.sub2Active {
padding: 0 5px 0 0;
font: normal 85%/25px Verdana, Arial, Helvetica, Sans-serif;
color: #fff;
background-color: #3c8ec9;
border-bottom: 1px solid #fff;
}

/*------------------------------------------------------------------------------------------- MiddleCol */

#contentSector .MiddleColMed { 
float: left;
width: 530px;
margin-top: 10px;
}

#contentSector .MiddleColMed h1 {
padding: 15px 0 10px 0;
font-size: 125%;
color: #bc2c3c;
}

#contentSector .MiddleColMed  p {
padding: 10px 10px 5px 10px;
font: normal 95%/20px Verdana, Arial, Helvetica, Sans-serif;
}

#contentSector .MiddleColMed table {
margin: 10px 0 10px 15px;
}

#contentSector .MiddleColMed table td {
font: normal 70%/20px Verdana, Arial, Helvetica, Sans-serif;
vertical-align: top;
padding: 6px;
border: 1px solid #ccc;
}

#contentSector .MiddleColMed table td h3#blue {
padding-top: 10px;
padding-left: 0;
font-size: 95%;
color: #095ba6;
}

/*----------------------------------------------------------------------------------------------------------------MiddleCol-------------*/

#contentSector .MiddleCol { 
float: left;
width: 380px;
margin-top: 10px;
}

#contentSector .MiddleCol  h1 {
padding: 15px 0 10px 0;
font-size: 125%;
color: #bc2c3c;
}

#contentSector .MiddleCol  h1.NoB {
padding: 15px 0 0 0;
font-size: 125%;
color: #bc2c3c;
}

#contentSector .MiddleCol  h2 {
padding-top: 10px;
padding-left: 10px;
font-size: 105%;
color: #095ba6;
}

#contentSector .MiddleCol  h3 {
padding-top: 10px;
padding-left: 0;
font-size: 95%;
color: #095ba6;
}

#contentSector .MiddleCol  p {
padding: 10px 10px 5px 10px;
font: normal 95%/20px Verdana, Arial, Helvetica, Sans-serif;
}

#contentSector .MiddleCol  .top {
padding: 10px 0 5px 10px;
font: normal 80%/20px Verdana, Arial, Helvetica, Sans-serif;
}

#contentSector .MiddleCol table {
margin: 10px 0 10px 15px;
}

#contentSector .MiddleCol table td {
font: normal 70%/20px Verdana, Arial, Helvetica, Sans-serif;
vertical-align: top;
padding: 6px;
}


#contentSector .MiddleCol > > table td h3 {
padding-top: 10px;
padding-left: 0;
font-size: 95%;
color: #095ba6;
}


#contentSector .MiddleCol a:link {
	color: #095ba6; 
	text-decoration: underline; 
	}
	
#contentSector .MiddleCol a:visited { 
	color: #3c8ec9;
	text-decoration: underline; 
	}
	
#contentSector .MiddleCol a:hover { 
	color: #c33; 
	text-decoration: underline; 
	}
	
#contentSector .MiddleCol a:active { 
	color: #3c8ec9;
	text-decoration: underline; 
	}	


#contentSector span {
font-size: xx-small;
}

#contentSector .RightCol {
float: right;
width: 150px;
margin-top: 10px;
}

#contentSector #rightNav {
list-style-type: none;
margin-top: 25px;
margin-left: 20px;
}

#contentSector #rightNav li {
display: inline;
}

#contentSector #rightNav a {
display: block;
width: 130px;
height: 25px;
font: normal 85%/25px Verdana, Arial, Helvetica, Sans-serif;
color: #095Ba6;
text-decoration: none;
text-align: right;
border-bottom: 1px dotted #095Ba6;
}

#contentSector #rightNav a:hover {
text-decoration: none;
color: #cc3333;
border-bottom: 1px dotted #cc3333;
}

#contentSectorNW { 
margin: 0 72px;
background-color: #fff;
}

#contentSectorNW .MiddleColWide { 
float: left;
width: 675px;
margin-top: 10px;
}

#contentSectorNW .MiddleColWide  h1 { 
padding: 15px 0 10px 0;
font-size: 125%;
color: #bc2c3c;
}

#contentSector .MiddleColWide  h3 {
padding-top: 10px;
padding-left: 0;
font-size: 95%;
color: #095ba6;
}


/*----------------------------------------------------------------------------------------------------------- pullQuote */

.pullQuote {
display: block;
width: 130px;
height: 60px;
margin-top: 40px;
font: bold 95%/30px Verdana, Arial, Helvetica, Sans-serif;
color: #969696;
text-align: right;
background: url(../elements/quotes.gif) no-repeat;
}


#featureDisplay {
height: 300px;
padding-top: 1px;
text-align: center;
overflow: hidden;
}

#featureImage {
width: 757px;
height: 300px;
margin: 0 auto;
}

#footerInfo {
margin-top: -15px;
padding: 0 0 15px 0;
text-align: center;
color: #095Ba6;
font-size: .85em;
line-height: 1.90em;
}

#footerInfo a {
color: #095ba6;
text-decoration: none;
border-bottom: 1px solid #9999aa;
}

#footerInfo a:hover {
color: #cc3333;
text-decoration: none;
}



#midSection {
width: 900px;
background: #ffffff url(../elements/body_tile.gif) repeat-y;
}

#navChannel { 
height: 20px;
padding: 0 72px;
}

#navChannel #mainNav {
height: 20px;
background-color: #095Ba6;
list-style-type: none;
}

#navChannel #mainNav li {
display: inline;
}

#navChannel #mainNav a {
display: block;
float: left;
height: 20px;
font-size: 100%;
text-indent: -800px;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, Sans-serif;
overflow: hidden;
}


#navChannel #academicsLink {
width: 103px;
height: 20px;
background: transparent url(../elements/academics-link_back.gif) 0 0 no-repeat;
}

#navChannel #academicsLink:hover {
background: transparent url(../elements/academics-link_back.gif) 0 -20px no-repeat;
}

#navChannel #academicsLive {
width: 103px;
height: 20px;
background: transparent url(../elements/academics-link_back.gif) 0 -40px no-repeat;
}



#navChannel #admissionsLink {
width: 113px;
height: 20px;
background: transparent url(../elements/admissions-link_back.gif) 0 0 no-repeat;
}

#navChannel #admissionsLink:hover {
background: transparent url(../elements/admissions-link_back.gif) 0 -20px no-repeat;
}

#navChannel #admissionsLive {
width: 113px;
height: 20px;
background: transparent url(../elements/admissions-link_back.gif) 0 -40px no-repeat;
}



#navChannel #athleticsLink {
width: 97px;
height: 20px;
background: transparent url(../elements/athletics-link_back.gif) 0 0 no-repeat;
}

#navChannel #athleticsLink:hover {
background: transparent url(../elements/athletics-link_back.gif) 0 -20px no-repeat;
}

#navChannel #athleticsLive {
width: 97px;
height: 20px;
background: transparent url(../elements/athletics-link_back.gif) 0 -40px no-repeat;
}





#navChannel #campusLink {
width: 103px;
height: 20px;
background: transparent url(../elements/campus-link_back.gif) 0 0 no-repeat;
}

#navChannel #campusLink:hover {
background: transparent url(../elements/campus-link_back.gif) 0 -20px no-repeat;
}

#navChannel #campusLive {
width: 103px;
height: 20px;
background: transparent url(../elements/campus-link_back.gif) 0 -40px no-repeat;
}



#navChannel #glanceLink {
width: 117px;
height: 20px;
background: transparent url(../elements/glance-link_back.gif) 0 0 no-repeat;
}

#navChannel #glanceLink:hover {
background: transparent url(../elements/glance-link_back.gif) 0 -20px no-repeat;
}

#navChannel #glanceLive {
width: 117px;
height: 20px;
background: transparent url(../elements/glance-link_back.gif) 0 -40px no-repeat;
}


#navChannel #parentsLink {
width: 106px;
height: 20px;
background: transparent url(../elements/parents-link_back.gif) 0 0 no-repeat;
}

#navChannel #parentsLink:hover {
background: transparent url(../elements/parents-link_back.gif) 0 -20px no-repeat;
}

#navChannel #parentsLive {
width: 106px;
height: 20px;
background: transparent url(../elements/parents-link_back.gif) 0 -40px no-repeat;
}



#navChannel #supportLink {
width: 117px;
height: 20px;
background: transparent url(../elements/support-link_back.gif) 0 0 no-repeat;
}

#navChannel #supportLink:hover {
background: transparent url(../elements/support-link_back.gif) 0 -20px no-repeat;
}

#navChannel #supportLive {
width: 117px;
height: 20px;
background: transparent url(../elements/support-link_back.gif) 0 -40px no-repeat;
}



#obsLogo {
float: left;
width: 180px;
height: 65px;
margin: 36px 0 0 34px;
}

#obsSeal {
position: absolute;
width: 123px;
height: 123px;
margin: 15px 0 0 150px;
}

#pageCap {
width: 900px;
height: 104px;
background: #ffffff url(../elements/page_cap.gif) no-repeat;
overflow: hidden;
}

#pageCap p {
float: left;
width: 280px;
margin: 36px 0 0 6px;
padding-top: 47px;
font-size: 80%;
color: #095Ba6;
}

#pageCap #quickLinkForm {
float: right;
height: 20px;
margin: 45px 0 17px 0;
padding-right: 72px;
}

#pageCap .TopNav {
float: right;
display: inline; /* fix for IE float margin doubling */
list-style-type: none;
width: 300px;
margin-right: 72px;
}

#pageCap .TopNav li {
display: inline;
}

#pageCap .TopNav a {
display: block;
float: left;
width: 98px;
height: 15px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
line-height: 15px;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 80%;
}

#pageCap .TopNav a:hover {
text-decoration: underline;
}

#pageFoot {
width: 900px;
height: 54px;
background: #ffffff url(../elements/page_foot.gif) no-repeat;
}

#searchLink {
background-color: #62d100;
margin-right: 0;
}

strong {
color: #555555;
font-weight: 600;
font-size: 108%;
}

ul.pad {
padding: 10px 0 0 30px;
list-style-type: circle;
}

ul.pad li {
	padding-bottom: 5px;
	}
	
ol.pad {
padding: 10px 0 0 30px;
list-style-type: circle;
}

ol.pad li {
	padding-bottom: 5px;
	}	


/*--------------------------------------------------------------------------------------------- LINKS MAIN */

a:link {
	color: #095ba6; 
	text-decoration: none; 
	}
	
a:visited { 
	color: #3c8ec9;
	text-decoration: none; 
	}
	
a:hover { 
	color: #c33; 
	text-decoration: none; 
	}
	
a:active { 
	color: #3c8ec9;
	text-decoration: none; 
	}	

/*--------------------------------------------------------------------------------------------- LINKS SPECIFIC */


a.bodylink:link {
	color: #092aa6; 
	text-decoration: underline; 
	}
	
a.bodylink:visited { 
	color: #3c8ec9;
	text-decoration: none; 
	}
	
a.bodylink:hover { 
	color: #c33; 
	text-decoration: underline; 
	}
	
a.bodylink:active { 
	color: #3c8ec9;
	text-decoration: none; 
	}