/* ***************** */
/* Layout Containers */
/* ***************** */

#background { width: 809px; font-family: verdana,arial,sans-serif; margin: 0 auto; text-align: center; padding: 0; background-image: url('../images/bg-page-oliveSolid-sub.gif') }
#wrapper { width: 781px; margin: 0 auto; padding: 0; text-align: left; }
#header { width: 779px; height: 95px;  }
#branding { width: 779px; height: 211px; }
#main { clear: both; width: 587px; background-position: 0 0; border-right: none; }
#sidebar { width: 192px; background: transparent url('../images/bg-content.gif') 0 0 repeat-x; }
#footer { background-image: url('../images/bg-footer-oliveSolid-sub.gif') }

/* ********** */
/* Navigation */
/* ********** */

ul#focusNav { width: 781px; margin: 0; padding: 0; }
#focusNav li { position: relative; }
#focusNav li.schools,
#focusNav li.neighborhoods,
#focusNav li.opportunities { float: left; margin-bottom: 0; background: #133756; }
#focusNav li.schools { width: 255px; background: #4d1611; }
#focusNav li.opportunities { width: 262px; background: #5b4307; }
#focusNav li.neighborhoods { width: 260px; border-left: 1px #fff solid; border-right: 1px #fff solid; }
#focusNav li.schools img,
#focusNav li.neighborhoods img,
#focusNav li.opportunities img { position: relative; top: 3px; height: 68px; }
#focusNav li.schools img { width: 255px; }
#focusNav li.neighborhoods img { width: 260px; }
#focusNav li.opportunities img { width: 261px; }
#focusNav li.schools ul { background: #4d1611 url('../images/bg-focusNav-schools.jpg') bottom right no-repeat; }
#focusNav li.neighborhoods ul { width: 778px; margin-left: -256px; background: #133756 url('../images/bg-focusNav-neighborhoods.jpg') bottom right no-repeat; }
#focusNav li.opportunities ul { margin-left: -517px; background: #5b4307 url('../images/bg-focusNav-opps.jpg') bottom right no-repeat; }
#focusNav li ul { height: auto; width: 779px; padding: 2em 0; margin: 0; }
#focusNav li li { height: auto; width: 759px; color: #fff; background: transparent; padding: 2px 10px; margin-left: 30px; border: none; }
#focusNav li.schools li { background: transparent url('../images/bullet-arrow-landingSch.gif') left no-repeat; }
#focusNav li.neighborhoods li { background: transparent url('../images/bullet-arrow-landingNeigh.gif') left no-repeat; }
#focusNav li.opportunities li { background: transparent url('../images/bullet-arrow-landingOpps.gif') left no-repeat; }
#focusNav li li a { font-size: 1.1em; color: #edd03a; text-decoration: none; }
#focusNav li li a: hover { color: #fff; text-decoration: underline; }
#landingText { position: absolute; top: 93px; color: #fff; width: 300px; }
#focusNav li.schools #landingText { left: 255px; }
#focusNav li.opportunities #landingText { left: -262px; }
#focusNav li.neighborhoods #landingText { left: -1px; }

/* ************ */
/* Content Area */
/* ************ */
/* .tab { height: 25px; width: 500px; font: bold 10px Arial, Helvetica, sans-serif; color: #f5f5f5; padding: 10px 5px 5px 7px; margin: 10px 0px 0px 0px; text-transform: uppercase; background: #fff url('../images/img_tabHeader.gif') top left no-repeat; } */
#landing-map #sectionborder { border: 1px solid #d8d8d8; width: 515px; background: top left url(../images/img_sectionMapBack.gif) repeat-y; }
#landing-map #sectionborder img { margin: 2px; }
#landing-map .flashHolder { float: left; }
#landing-map #sectioncontent { font-size: 0.9em; width: 155px; float: left; padding: 10px; color: #fff; }
#landing-map #sectioncontent h3 { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #fff; marign: 0; padding: 0 0 10px 0;}
#landing-map #sectioncontent a { color: #f2cf65; font-size: 1.0em; text-decoration: underline; }
#landing-map #clearsection { clear: both; height: 0px; margin: 0; padding: 0; }

#content { float: left; margin-top: 2.0em; padding-bottom: 20px; }
#breadcrumbs { height: 18px; background: #eef0e2 url('../images/bg-breadcrumbs.gif') right no-repeat; border-right: 1px #fff solid; margin-right: 1px; padding-left: 20px; color: #2c3919; font-weight: bold; font-size: 0.8em; }
#breadcrumbs a { color: #797b76; text-decoration: none; }
/*
#content pic { border: 1px #b2b2b2 solid; padding: 3px; }
#content .caption { clear: left; position: absolute; margin-top: 10px; color: #9c9c97; font-family: arial; }
*/
#content .caption { clear: left; width: 250px; margin-top: 5px; padding-bottom: 5px; color: #9c9c97; font-family: arial; }
div.credit { font-size:0.8em; font-weight: bold; font-style: italic;}
h1,
h2,
h3 { font-size: 0.95em; margin: 0; padding: 0; }
.tile h2 {font-size: 1.1em;}
.tile h3 {font-size: 1.0em;}
.tile h4 {font-size: 1.0em;}
.tile h5 {font-size: 1.0em;}

/* ************** */
/* SideBar Column */
/* ************** */
#sidebar { padding-top: 13px; background: transparent url('../images/bg-content.gif') 0 0 repeat-x; }
#sidebar #communityCalendar p.links { margin-left: -40px; }
#sidebar #granteeLogin dt { width: 60px; }
#sidebar #granteeLogin input.text { width: 105px; }



