/********* QUICK NOTES *********/
/*  */


/********* GENERAL BODY ELEMENTS *********/
body { margin: 0 auto; text-align: left; background: #fff;}
body, p, div, a, form, td, li { font: 12px/17px verdana, Tahoma, Arial, "Lucida Grande", Helvetica, sans-serif; color: #656462; }
p { margin: 0 0 18px 0; }
img { border: 0; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
h1, h1 a { margin: 20px 0 14px 0; padding: 0; font-size: 16px; font-weight: bold; color:#2F567A; }
h1.pageHeading { margin: 0 0 18px 0; padding: 0; text-align: left; font-weight: normal; font-size: 20px; color: #AB0D0D; }
h2, h2 a { margin: 20px 0 4px 0; padding: 0; font-size: 16px; font-weight: bold; color:#2F567A; }
h3, h3 a { margin: 16px 0 14px 0; padding: 0;  font-size: 14px;  font-weight: bold;  color:#2B879E;}
h4, h4 a { margin: 16px 0 4px 0; padding: 0;  font-size: 14px;  font-weight: bold; color:#2B879E;}
h5, h5 a { margin: 0 0 9px 0; padding: 0;  font-size: 12px; font-weight: bold;  }
h6, h6 a { margin: 0 0 4px 0; padding: 0;  font-size: 12px;  font-weight: bold; }
.imageHeading { margin: 0; padding: 0; }

/********* LISTS *********/
ul { margin: 8px 0 18px 0; padding: 0 0 0 12px; }
ul li { margin: 0; padding: 0 0 8px 11px; list-style-type: none; background: url(/images/general/bullet_orange.gif) no-repeat top left; }

ul.extraSpacing li { padding-bottom: 8px; }
ol {margin: 8px 0 18px 0; padding: 0 0 0 28px; }
ol li { margin: 0; padding: 0 0 12px 0;}

/********* FORMS AND FORM ELEMENTS *********/

/* Form */
form { margin:0; padding: 0; }

/* Form Layout */
.standardFormTable { margin: 0 0 12px 0; width: 540px; }
.formTableLeft { padding: 6px 10px 6px 0; width: 155px;  text-align: right; vertical-align: middle; font-weight: bold; }
.formTableRight { padding: 6px 0; width: 375px;  text-align: left; vertical-align: middle; }
#messageLabel { vertical-align: top; }

/* Form Elements */
.inputBox, .contactMessage { border: 1px solid #aaa; background: #fff; }
.submit { margin: 0 10px 0 0; }
select { font: 11px verdana, arial, sans-serif; color: #61605B; background-color: #FFF;  }
option { padding: 2px 0 2px 2px; }
.error { font-weight: bold; color: #b14c38; }
.admin { color: #000000; }

/********* GENERAL FORMATTING AND APPEARANCE *********/
.smallText { font-size: 11px; }
.largeText { font-size: 14px; }
.normalTextColor { color: #2e3c43; }
.boldYellow { font-weight: bold; color: #AEA501; }
.boldGold { font-weight: bold; color: #BF9900; }
.boldBlue { font-weight: bold;  color:#2B879E; }
.boldDarkBlue { font-weight: bold; color:#2F567A; }
.boldRed { font-weight: bold; color: #BF3636;}
.bold { font-weight: bold; }
.notBold {font-weight: normal; }
.largerAsterisk { font: 14px bold verdana, tahoma, arial, sans-serif; }

.moreArrow { vertical-align: middle; }

/********* SPACING AND ALIGNMENT *********/
.block { display: block; }
.center { text-align: center; }
.left { text-align: left; }
.margin0 { margin: 0; }
.marginAuto { margin: 0 auto; }
.marginTop0 {margin-top: 0; }
.marginTop10px {margin-top: 10px; }
.marginTop12px {margin-top: 12px; }
.marginTop14px {margin-top: 14px; }
.marginTop20px {margin-top: 20px; }
.marginTop24px {margin-top: 24px; }
.marginTop30px {margin-top: 30px; }
.marginTop40px {margin-top: 40px; }
.marginBottom0 {margin-bottom: 0; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom20px { margin-bottom: 20px; }
.marginBottom24px { margin-bottom: 24px; }
.marginBottom30px { margin-bottom: 30px; }
.right { text-align: right; }
.floatRight { display: block; margin: 0 20px 8px 12px; float: right;  }
.floatLeft { display: block; margin: 6px 18px 12px 0; float: left;  }
.clearBoth { clear: both; }
.indent90 { margin-left: 90px; }
.indent60 { margin-left: 60px; }
.indent30 { margin-left: 30px; }
.indent20 { margin-left: 20px; }

/********* GENERAL TEMPLATE LAYOUT *********/
.header { width: 807px; height: 110px; text-align: left; border-right: 1px solid #c7c7c7; background: url(/images/general/banner_2009_807px.jpg) no-repeat; }
.header a { display: block; width: 800px; height: 100px; }
#headerHome { width: 875px; background: url(/images/general/banner_2009_875px.jpg) no-repeat; } 
.mainAreaContainer { width: 807px; border-right: 1px solid #c7c7c7; }
#mainAreaContainerHomepage { width: 875px; }
.mainAreaTable { width: 807px;  border-top: 16px solid #fff; }
#mainAreaTableHomepage { width: 875px; }
#mainAreaLeft { padding: 0 15px 16px 14px; width: 145px; text-align: left; vertical-align: top; 
background: url(/images/general/dotted_line_vert.gif) repeat-y right; }

#mainArea { padding: 12px 28px 20px 28px; width: 577px; vertical-align: top; }
#mainAreaWide { padding: 12px 28px 20px 28px; width: 645px; vertical-align: top; }
.pageContent { padding-left: 6px; }


#mainAreaHomepage {padding: 0; width: 497px; vertical-align: top; }
#homepageMainImgContainer { padding: 0 16px 17px 16px; width: 465px; height: 175px; background: url(/images/general/dotted_line_horz.gif) repeat-x bottom;}
#homepageHighlightsTable { margin: 1; width: 497px; }
#homepageHighlightsLeft { padding: 1px 2px 0 1px; width: 246px; vertical-align: top; background: url(/images/general/dotted_line_vert_reverse.gif) repeat-y right; }
#homepageHighlightsRight { padding: 1px 1px 0 1px; width: 246px; vertical-align: top; }
.homepageHighlight { padding: 12px 14px 0 20px; }
#mainAreaContainerHomepage p, #mainAreaContainerHomepage a, #mainAreaContainerHomepage li, #mainAreaContainerHomepage div { font-size: 11px; line-height: 15px; }

#mainAreaRightHomepage { padding: 10px 16px 16px 16px; width: 171px; vertical-align: top; text-align: left; 
background: url(/images/general/dotted_line_vert.gif) repeat-y left; }
#mainAreaRightHomepage h6, #mainAreaRightHomepage h6 a { font-size: 11px; line-height: 14px; }
.highlightItem { margin-bottom: 20px; padding-bottom: 14px; background: url(/images/general/dotted_line_horz.gif) repeat-x bottom; }

#mainNav { padding-bottom: 28px; background: #fff; }

#mainAreaContainerHomepage ul { padding: 0 0 0 6px; }
#mainAreaContainerHomepage ul li { margin: 0; padding: 0 0 12px 11px; list-style-type: none; background: url(/images/general/bullet_orange.gif) no-repeat top left; }
#mainAreaContainerHomepage ul li a {font-weight: bold; }

.contactBox { margin-bottom: 20px; padding: 0 0 0 10px; font-size: 11px; line-height: 15px; }
.contactBox p, .contactBox a { font-size: 11px; line-height: 15px; }

#newsHeading { display: block; margin: 20px 0 12px 0; }

#sectionNavContainer { float: right; margin: 10px 0 20px 24px; width: 160px; }
#inThisSection { padding-bottom: 1px; background: url(/images/general/dotted_line_horz.gif) repeat-x bottom; }
.sectionNav { padding: 3px 0 4px 0; background: url(/images/general/dotted_line_horz.gif) repeat-x bottom; }
.sectionNav a { display: block; padding: 3px 10px 4px 20px; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 12px;  }
.sectionNav a:hover { background: #e2eff4 url(/images/general/grey_arrow.gif) no-repeat top left; }

#partnerExpectationsTable { clear: both; border: 1px solid #656462; width: 570px; }
#expectation { font-weight: bold; font-size: 14px; padding: 4px 12px 4px 18px; width: 200px; vertical-align: middle; text-align: center; background: #57854B; color: #fff; }
#school { font-weight: bold; font-size: 14px; padding: 4px 12px 4px 0; width: 108px; vertical-align: middle; text-align: center; background: #57854B; color: #fff; }
#partner { font-weight: bold; font-size: 14px; padding: 4px 12px 4px 0; width: 108px; vertical-align: middle; text-align: center; background: #57854B; color: #fff;}
.partnerExpectationsLeft { padding: 9px 12px 9px 18px; width: 300px; vertical-align: top; text-align: left; }
.partnerExpectationsMiddle { padding: 9px 12px 9px 0; width: 108px; vertical-align: middle; text-align: center; font-weight: bold; }
.partnerExpectationsRight { padding: 9px 12px 9px 0; width: 108px; vertical-align: middle; text-align: center; font-weight: bold; }
.blueRow { background: #EAF5F9; }

.photoBorder { float: right; display: block; margin: 0 0 20px 24px; }

.tripleWinGraphic { margin: 40px auto; display: block; }

#contactInfoTable { margin: 0 auto 30px auto; width: 570px; }
.contactInfo { padding: 0 15px 0 15px; width: 160px; text-align: left; vertical-align: top; font-size: 11px;}

#schoolsTable { width: 500px; margin: 0 auto; }
.schoolsLeft { padding: 0 40px 0 0; width: 230px; text-align: left; vertical-align: top; }
.schoolsRight { padding: 0; width: 230px; text-align: left; vertical-align: top; }

#schoolDetailsTable { margin: 20px auto; width: 570px; }
#schoolDetailsLeft { padding: 0; width: 358px; text-align: left; vertical-align: top; }
#schoolDetailsMiddle { padding: 0; width: 20px; text-align: left; vertical-align: top; }
#schoolDetailsRight { padding: 12px; width: 190px; vertical-align: top; text-align: left;  }

#partnersBox { margin-bottom: 24px; border: 1px solid #888; padding: 12px; width: 164px; vertical-align: top; text-align: left; }
#partnersBox p { text-align: center;  }
#partnersBox a { font-weight: bold;  }

#needsBox { border: 1px solid #888; padding: 12px; width: 164px; background: #E9F3F7; vertical-align: top; text-align: left; }
#needsBox p, #needsBox li { background: #E9F3F7;}

.quoteBox { margin: 40px 0; display: block; }

#enewsletter { margin-top: 6px; }
.leftColBox { margin-bottom: 30px; padding: 6px 0 0 10px; font-size: 11px; line-height: 15px; }
.leftColBox p { font-size: 11px; line-height: 15px; }
#enewsletterForm { margin: 0; padding: 0; }
#enewsletterInput { margin: 0 0 10px 0; width: 124px; }

.mapInfoLine { padding: 2px 0 4px 0; color: red; }

.eventListing { margin: 0 0 30px 0; }
.eventListing h3 {margin-bottom: 10px; }
.eventListing div  {margin: 0 0 3px 0;}

#schoolPartnersLogosTable { margin: 0 auto; width: 572px; }
#schoolPartnersLogosTable img {display: block; margin: 0 auto 38px auto; }
#schoolPartnersLogosTable #inThisSection img { margin: 0; }
.logosLeftCol { padding: 0 30px 0 0; width: 150px; vertical-align: top; text-align: center; }
.logosMiddleCol { padding: 0; width: 200px; vertical-align: top; text-align: center; }
.logosRightCol { padding: 0 0 0 30px; width: 162px; vertical-align: top; text-align: center; }
.logosRightCol #sectionNavContainer { float:none; margin: 10px 0 20px 0; width: 160px; }

.fileType { font-style: italic; font-size: 11px; }


/******** FOOTER *********/
.footerTop { margin: 0; border-right: 1px solid #c7c7c7; width: 807px; height: 29px; text-align: left; background: url(/images/general/footer_bar.gif) repeat-x top; }
#footerTopHome { width: 875px;}
.footer { margin: 0;  padding: 0 0 0 0; width: 807px; text-align: left;  }
#footerHome { width: 875px; }
.footer a, .footer p {  font-size: 11px; }
#sponsorTable { margin: 0 auto 10px auto; width: 570px; }
#sponsorLeft { padding: 26px 30px 0 0; width: 250px; vertical-align: top; text-align: right; font-size: 11px; font-weight: bold;}
#sponsorRight { padding: 0; width: 290px; vertical-align: top; text-align: left; }

/********* SPECIFIC PAGE CONTENT FORMATTING *********/
#mapContainer { height: 550px; width: 639px; }
.mapLegend { color:#FFFFFF; font-weight:bold; }