/* Reset defaults  ======================================*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, blockquote { margin: 0; padding: 0; border: 0; }
h1 { margin: 10px 0; font: bold 20px "Century Schoolbook", Georgia, "Times New Roman", Times, serif; color: #4c3a90; border-bottom: 1px solid #4c3a90}
h2 {font: bold 16px "Century Schoolbook", Georgia, "Times New Roman", Times, serif; text-decoration: underline; margin: 8px 0;}
h3 {font: bold 14px  "Century Schoolbook", Georgia, "Times New Roman", Times, serif; font-size: 1.25em; margin: 10px 0 5px 0}

/* Layout ======================================*/ 

html { overflow-y: scroll; overflow-x: auto; }
body { background: #CCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align:center}
p {line-height: 1.5em;  margin-bottom:1.6em}
#container { background: #333 url(/img/bodyBgHorizontal.jpg) center top repeat-y; margin: auto; width: 958px; text-align:left}
#header { width: 950px; margin: auto; }
#progdir {font-size: 14px; font-weight: bold; color:#4A388C; border: 3px solid #2F2F2F; float: right; position: relative; margin-bottom: -43px; margin-top: 10px; margin-right: 10px;   padding: 3px; }
#progdir option {background-color: #FFF; border-top: 1px solid #D4CF00; border-bottom: 1px solid #CCC;}
#progdir option.primary {color:#CCC}
#body { margin: 0 auto; padding: 15px 15px 35px 15px; font-size: 0.85em; min-height: 300px; background: #fff; width: 920px; }
.floatright {float: right; margin-left: 15px;  border: 2px solid #4c3a90; }
.floatleft {float: left; margin-right: 15px;  border: 2px solid #4c3a90; }
/* #logo { margin: 15px 0 0 15px;} */
#logoNpics {margin: 0px;}
#menuRoot { background: #624abb url(/img/navBg.jpg) repeat-x; height: 39px; margin: 0; list-style: none; }
/* #menuRoot { background: #624abb url(/img/navBg.jpg) repeat-x; height: 39px; margin: 15px 0 0 0; list-style: none; } */
#menuRoot li, #footer ul li { float: left; display: inline; }
#menuRoot a, #footer ul a { display: block; float: left; display: inline; text-decoration: none; }
#menuRoot a { font-size: .9em; font-weight: bold; height: 33px; line-height: 33px; padding: 0 15px; color: #fff; border-right: 1px solid #fff;}
#menuRoot a:hover { background: #5332cf url(/img/navBgOn.jpg) repeat-x; }
#menuRoot a.current, #menuRoot a.current:hover{ background: #d4272d url(/img/navBgCurrent.jpg) repeat-x; }
#subNav { background: #40395B url(/img/navSubBg.gif) repeat-x; height: 25px; margin: -6px 0 0 0; }
#subNav li { float: left; display: inline; list-style: none;}
#subNav a, ul#subNav a:hover { float: left; display: block; color: #fff; text-decoration: none; font-size: .7em; height: 25px; line-height: 25px; padding: 0 10px; font-weight: normal; border: none; }
#subNav li.current, #subNav li.current a, #subNav li.current a:hover { background: #8f4a4a url(/img/navSubBgCurrent.gif) repeat-x; }
#subNav a:hover { background: #473b77 url(/img/navSubBgOn.gif) repeat-x; }
#footer {background: #333 url(/img/footerBg.gif) center top no-repeat; margin: auto; width: 950px; padding: 10px 0; }
#footer ul { width: 50%; margin: 0 auto; list-style: none; }
#footer ul a { padding: 0 5px; font-size: 0.7em; color: #aaa; border-right: solid 2px #666; white-space: nowrap; }
#footer ul a.last { border: 0; }
#footer ul a:hover { color: #ccc; }
#footer #addressCopy, #footer #realTime { color: #aaa; font-size: 0.7em; padding: 10px 0 0 0; text-align: center; clear: both; }
#addressCopy span { padding: 0 10px; margin-top: -5px; color: #666; font-size: 1.2em; }

div.leftcol {width: 35%; float: left;}
ul.unbull {list-style-type:none; font-size:.9em}

/* Dropdown Menu ===================================================================*/ 

#menuRoot .dropdown { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 100; background: #231B43; width: 150px; border: 1px solid #000; margin: 0; padding: 0; }
#menuRoot .dropdown li { margin: 0; padding: 0; float: none; list-style: none; }
#menuRoot .dropdown a {  border-bottom: 1px dotted #444; border-right: none; display: block; text-decoration: none; color: #fff; font-size: .7em; white-space:nowrap; padding: 0 7px 0 8px; height: auto; line-height: 2em; float: none; }
#menuRoot .dropdown li a:hover { background: #624abb; }
#menuRoot .dropdown li.current a { background-color: #664040; }
#menuRoot .dropdown li.current a:hover { background-color: #7B3636; }
#menuRoot .dropdown li.last a { border-bottom: none; }

/* Calendar ======================================*/ 
#wrapper { height: 600px; width: 100%; text-align: left; border: 1px solid #000; border-width: 1px 0 1px 1px; table-layout: fixed; }
#wrapper th { text-align: center; }
#wrapper tbody th { height: 2%;  border-right: 1px solid #000; }
#wrapper thead th { border: 1px solid #000; border-width: 0 1px 1px 0; height: 2%; }
#wrapper td { border: 1px solid #000; border-width: 1px 1px 0 0; vertical-align: top; height: 15%; overflow-x: hidden; overflow-y: hidden; font-size: .75em; }
#wrapper .dayWrapper { height: 100%; overflow-x: hidden; overflow-y: hidden; }
#wrapper .dayWrapper div { white-space: nowrap; }
#wrapper .dayNumber { float: left; display: inline; border: 1px solid #000; border-width: 0 1px 1px 0; margin: 0 3px 0 0; width: 1.5em; height: 1.2em; text-align: center; font-size: 12px; background: #fff; }
#wrapper .dayEvent { height: 1.5em; line-height: 1.5em; padding: 2px 0 0 3px; display: block; white-space: nowrap; text-decoration: none; color: #000; font: 1em Arial, Helvetica, sans-serif; }
#wrapper .dayEvent:hover { background: #ffc; }
#wrapper #calendarInfo { font-size: 1.5em; padding: 10px; }
#wrapper .dayEventDetail { display: none; position: absolute; list-style: none; border: 3px solid #aaa; background: #FFC; font-size: 11px; padding: 10px; }	
#wrapper .dayEventDetail li { padding-top: 5px; }
#wrapper .dayEventDetail li.first { padding-top: 0; font-weight: bold; }
#wrapper #monthNavPrevious { float: left; margin-left: 10px; font-size: .8em; }
#wrapper #monthNavNext { float: right; margin-right: 10px; font-size: .8em; }
#wrapper div.manyEvents { font-size: .85em; }
#wrapper #print { margin-bottom: 10px; }
#calendarFilters { padding: 10px; border: 1px solid #999; margin-bottom: 10px; text-align: center; }
#calendarFilters div { font-size: 12px; }
#calendarProviders label, #calendarGradeLabel { font-weight: bold; }
#calendarGrades, #calendarProviders { display: inline; }
#calendarProviders { margin-right: 10px; }
#calendarButton { padding-top: 15px; }
#calendarButton a { padding-left: 10px; }
#wrapper .weekend .dayWrapper a { height: 2.5em;}
#wrapper a.specialEvent { text-decoration: underline; color: #00f; }
#wrapper .weekend .dayWrapper a.specialEvent { height: auto; }

/* User Home ===================================================================*/ 
#logos img {margin: 5px 5%}
#info { text-align: right; font-size: .8em; margin: -10px 0 10px 0; }
#info a, #info span { border-left: 1px solid #ccc; padding: 0 7px; }
.buttons { text-align: center; }
.request h1 { font-size: 18px; margin: 0 0 20px 0; text-align: center; }
.request table { background: #fff; border: 1px solid #999; width: 740px; margin: 0; padding: 0; font-size: .85em; }
.request th { padding: 7px 10px; background: #444; }
.request th h3, .request th h2{ color: #fff; font-weight: bold; margin: 0; padding: 0; font-size: 12px; }
.request td p { margin: 0 0 5px 0; }
.request td{ padding: 5px; border-bottom: 1px dotted #ccc; }
.request .label { font-weight: bold; width: 140px; text-align: right; }
.error { font-weight: bold; color: #000; border: 1px solid #900; background: #fcc; margin: 10px 0; padding: 5px 10px; position: relative; }
.error div, .message div { margin: 5px 0 0 0; }
.inputError { background: #fcc; }
.clear { clear: both; display: block; float: none; }
.message { font-weight: bold; font-size: 16px; color: #000; border: 1px solid #960; background: #ffc; margin: 0 0 10px 0; padding: 5px 10px; position: relative; }
.message div { position: relative; }
.confirmRequest { margin: 0; padding: 0; font-weight: normal; font-size: 14px; text-align: center; }
.confirmRequest b { font-size: 16px; text-decoration: underline; }
td.publish { font-weight: bold; text-align: center; color: #090; }
td.notPublish { color: #900;  }

/* User Home: Experience table ===================================================================*/

#exp { border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #999; width: 920px; margin: 0; padding: 0; clear: both; }
#exp th { font-weight: bold; font-size: 12px; color: #fff; background: #40395B; padding: 7px 10px; white-space: nowrap; }
#exp th a:link, #exp th a:visited { color: #fff; }
#exp th a:hover { color: #f66; }
#exp td { border-bottom: 1px dotted #ccc; padding: 5px; }
#exp td span { font-weight: bold; }
.p { color: #930; }
.c { color: #060; }
.f { color: #039; }
.x { color: #666; }
.a { color: #666; }
.actions a:link, .actions a:hover, .actions a:visited { margin-left: 5px; font-weight: bold; }
.actionP { color: #930; }
.actionC { color: #060; }
.actionF { color: #039; }
.actionX { color: #f00; }

/* User Home: Request ===================================================================*/

#summary { font-size: 13px; color: #333; margin: 10px 0; float: left; display: inline; position: relative; }
#summary span { font-weight: bold; color: #060; }
#summary span.off { color: #666666; font-weight: normal; }
#summary a:link, #summary a:visited { color: #06c; }
#summary a:hover { color: #c00; }
#exp .odd td { background: #ffd; }
.nextPrev { text-align: right; font-weight: bold; margin: 10px 0; font-size: 12px; float: right; display: inline; }
.nextPrev a:link, .nextPrev a:visited{ padding: 0 5px 0 20px; color: #333; }
.nextPrev a:hover{ padding: 0 5px 0 20px; color: #e00; }
.nextPrev span { padding: 0 5px 0 20px; color: #999; }
.nextPrevBottom { text-align: right; float: none; display: block; margin-bottom: 0; }
.request th.edit { background: #600; }
.expTable { background: #fff; border: 1px solid #666;	 border-width: 1px 0 0 1px; margin: 10px 0;	 }
.expTable td { border: 1px solid #666; border-width: 0 1px 1px 0; padding: 5px; font-size: 12px; }
.request tr td.question {	 text-align: left;  width: 100%; background: #ffc; }
p.expResultMessage { font-weight: bold; margin-top: 20px; font-size: 12px; }
#otherThird { margin-top: 0; }
.experienceList h1 { margin: 10px 0 10px 10px; font-size: 16px; }

/* Experiences ===================================================================*/

.experienceList h1 { margin-right:10px; }
.experienceList h1 span { font-size: 12px; font-weight: normal; }
.experienceList h1 a:hover, .experienceList h1 a:link, .experienceList h1 a:visited { color: #009; }
.expContainer, .expContainerOn { background: #fff; border: 1px solid #666; margin: 20px 0 0 0; font-size: 12px; }
.expContainerOn { cursor: pointer; background: #ffc; border: 1px solid #f66; }
.expLeft { float: left; display: inline; width: 100px; padding: 5px; margin: 0 0 10px 10px;	 border: 1px solid #ccc; font-size: 1px; }
.expContainer .expDescription, .expContainerOn .expDescription, .expContainer div, .expContainerOn div, .expContainer h2, .expContainerOn h2 { margin-left: 20px; margin-right: 20px; }
.expContainer .eventPublishText, .expContainerOn .eventPublishText, .expContainerOn .eventScheduledDate, .expContainer .eventScheduledDate { margin-left: 10px; margin-right: 10px; }
.expContainer .expDescription, .expContainerOn .expDescription, .expContainer .eventScheduledDate, .expContainerOn .eventScheduledDate, .expContainer .eventPublishText, .expContainerOn .eventPublishText { margin-top: 7px; margin-bottom: 10px; }
.expContainer .eventPublishText, .expContainerOn .eventPublishText { padding-left: 45px; text-indent: -45px; }
.expTypes { font-weight: bold; font-size: 11px; }
.expContainer div span, .expContainerOn div span { color: #666; }
.expContainer h2, .expContainerOn h2 { font-size: 12px;	margin-bottom: 5px; }
p.expSpecial { margin-bottom: 0px; }
.expRight { float: right; display: inline; width: 587px; margin: 0 10px 10px 10px; }
#expDetailDescription ul, .expDescription ul { margin: 10px 0; padding: 0 0 0 20px; }

/* Experiences: Filters ===================================================================*/

#expTypesLeft, #expTypesRight { float: left; display: inline; }
#expTypesRight { width: 380px; margin: 20px 0 0 0; }
#expTypesLeft { width: 340px; margin-left: 5px; }
#expTypes fieldset, #expTypes3rdGrade, #expTypesBottom { border: 1px solid #999; }
#expTypesRight #expTypesBottom.off fieldset { border-color: #eee; }
#expTypesRight #expTypesBottom.on fieldset { border-color: #ccc; }
#expTypes fieldset { float: left; display: inline; margin: 14px 7px 7px 7px; padding: 0; }
#expArt { width: 112px; }
#expCurricular { width: 180px; }
#expTypes3rdGrade { padding: 3px 0; }
#expTypesBottom { border-top: 0; }
#expTypesBottom.off { color: #999; background: #fafaff; }
#expTypesBottom.on { color: #000; background: #fff; }
#expGrade { width: 110px; }
#expGrade li { float: left; display: inline; }
#expTypes legend { font-size: 11px; font-weight: bold; color: #000; margin: 0 0 0 3px; height: 11px;}
#expTypesBottom.on legend { color: #000; }
#expTypesBottom.off legend { color: #999; }
#expTypes ul { margin: 5px 0 0 0px; list-style: none; }
#expTypes label { font-size: 11px; margin: 0 7px; }
#expTypes label span { color: #BF6C6C; }
#expTypesButton { text-align: center; }
#expTypesButton input { margin: 14px 0 7px 0; }
#expTypes li.selectAll { font-size: 10px; margin: 2px 0 0 0; border-top: 1px solid #ddd; line-height: 20px; width: 100%; }
#expTypes #expTypesBottom.on li.selectAll { color: #ccc; }
#expTypes #expTypesBottom.off li.selectAll { color: #ddd; }
#expTypes li.selectAll a, #expTypes #expTypesBottom.on li.selectAll a{ font-size: 9px; color: #33f; }
#expTypes li.selectAll a:hover, #expTypes #expTypesBottom.on li.selectAll a:hover { color: #f60; }
#expTypes li.selectAll span { color: #666; padding-left: 5px; }
#expTypes #expTypesBottom.off li.selectAll a, #expTypes #expTypesBottom.off li.selectAll a:hover, #expTypes #expTypesBottom.off li.selectAll span { color: #999; text-decoration: none; cursor: default; }
.requestLink { display: block; }

/* Provider Details ===================================================================*/

#expTypes, #expDetailProvider { border: 1px solid #999; }
#orgLeft { float: left; display: inline; width: 400px; margin-left: 10px; }
.org h3, .school h3 { margin: 20px 0 0 0; font-size: 18px; }
#orgDetails h1, #schoolDetails h1, #expDetail h1 { margin: 0; font-size: 20px; }
#orgInfo, #orgContact { margin: 10px 0 15px 0; }
#expDetailProvider #orgInfo, #expDetailProvider #orgContact { margin: 10px 15px 15px 15px; }
#schoolInfo, #schoolContact { margin: 0 0 15px 0; }
#orgContact, #schoolContact { border: 1px solid #eee; padding-bottom: 7px; /*background: #ffc;*/ }
 #schoolContact {width: 75%}
#orgContact h4, #schoolContact h4{ font-size: 11px; font-weight: bold; color: #FFF; background: #4C3A90; padding: 3px; margin: 5px 0; }
#orgContact p, #schoolContact p { margin: 3px 15px; }
#schoolInfo p { margin: 3px 0; }
ul#schoolInfo {margin:15px;}
ul#schoolInfo li {line-height:2em}
#orgContactName, #schoolContactName { margin: 5px 10px; font-size: 14px; }
#orgInfo p, #orgContact p, #schoolInfo p, #schoolContact p { font-size: 12px; }
#schoolDetails img, #expDetailProvider img { display: block; float: left; margin: 10px 20px; padding: 5px; }
#orgDescription, #schoolDescription { padding: 0 20px 0 20px; font-size: 14px; clear: both; }
.providerCol1 { width: 50%; }
#orgPhotos { margin: 15px 0 0 0; text-align: center; }
#orgPhotos img { margin: 0 5px; float: none; display: inline; }
#orgLogo{ float:left; display:inline; width: 480px; padding: 15px 0 15px 20px; text-align: center; }
#orgLogo img { margin: 0; padding: 5px; float: none; display: inline;}
#expDetailProvider #orgLogo { width: 465px; }

/* School Details ===================================================================*/

#schoolLeft, #schoolICAREPartner { float: left; display: inline; clear: left; }
#schoolICAREPartner {  width: 415px; }
#schoolICAREPartner img { float: none; margin: 15px 0 0 0; }
#schoolICAREProject { float: right; display: inline; padding: 10px; width: 465px; min-height: 250px; border: 2px solid #0073B4; color: #000; background: #fff; }
#schoolDetails.schoolICAREDetails h1 { margin-bottom: 15px; }
.schoolICAREDetails h2{ color: #0073B4; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; border-bottom: 4px solid #FFB201; padding-bottom: 5px; }
#schoolICAREProject div { color: #7D6EDF; font-size: 12px; font-weight: bold; font-style: italic;}
#schoolICAREProject img { float: right; margin: 0 0 10px 10px; border: none; padding: 0; }
#partneredWith { font-style: italic; color: #888; }
h1#schoolPartnerTitle { font-size: 16px; }
h1#schoolPartnerTitle a { font-size: 12px; font-weight: normal; padding-left: 10px;}
#schoolUpcomingEvents, #schoolPastEvents { width: 450px; float: left; }
#schoolUpcomingEvents { clear: right; margin-left: 15px; }
#schoolPastEvents { clear: left; }
#schoolUpcomingEvents.schoolEventsFull, #schoolPastEvents.schoolEventsFull { clear: both; width: auto; margin-left: 0; }
#schoolUpcomingEvents h3, #schoolPastEvents h3  { padding: 5px; background: #624abb url(/img/navBg.jpg) repeat-x top; color: #fff; border: 1px solid #000; }

/* Login  ======================================*/ 

.login form { float: left; display: inline; border: 1px solid #999; background: #fff; margin-top: 5px; clear: both; }
.login label { width: 95px; text-align: right; display: block; float: left; padding-right: 5px;  }
.login form div { margin: 5px; padding: 5px; }
.login form h1 { font-size: 16px; background: #666; color: white; padding: 5px 5px 5px 10px; margin: 0; }
div#loginButton { padding-left: 7px; }
div#loginButton input, #expTypesButton input { padding: 2px 5px; font-weight: bold;	 }
.login form input { font-size: 14px; }

/* Third Grade ===================================================================*/

.thirdGrade h1 { font-size: 18px; margin: 0 0 10px 0; }
.thirdGrade h2 { font-size: 14px; margin: 0 0 10px 0; }
.thirdGrade #intro { margin-bottom: 15px; padding: 20px; border: 2px solid #000; }
.thirdGrade #browse { margin: 15px auto 0 auto; font-size: 14px; font-weight: bold; text-align: center; }
#legend { border: 1px solid #ccc; padding: 10px; margin: 40px auto 0 auto; font-weight: bold; }
#legend div { float: left; width: 100px; }
#legend span { background: #000; height: 10px; width: 10px; display: inline; float: left; margin-right: 5px; border: 3px solid #fff; font-size: 1px; }
.gradeBox { float: left; display: inline; width: 426px; padding: 10px; height: 180px; border: 2px solid #fff; margin: 5px; position: relative;  }
.gradeBoxBottom { text-align: right; position: absolute; bottom: 10px; right: 10px; font-weight: bold; font-size: 13px; }
.gradeBoxBottom a {text-decoration: none; }
.gradeBoxBottom a:hover { text-decoration: underline; }
.lessonPlan { float: right; display: inline; }
.dance, #legendDance span { border-color: #006C5B; background: #F0FFFC url(/img/drama_bg.gif) repeat-x top; }
.music, #legendMusic span { border-color: #C81A20; background: #FFF8F8 url(/img/music_bg.gif) repeat-x top; }
.drama, #legendDrama span { border-color: #00487C; background: #F4FBFF url(/img/drama_bg.gif) repeat-x top; }
.visualart, #legendVisualArt span { border-color: #D38807; background: #FFF9E8 url(/img/visual_art_bg.gif) repeat-x top;; }
.dance h1, #legendDance { color: #006C5B; }
.music h1, #legendMusic { color: #C81A20; }
.drama h1, #legendDrama { color: #00487C; }
.visualart h1, #legendVisualArt { color: #D38807; }
.dance div, .dance a { color: #006C5B; }
.music div, .music a { color: #C81A20; }
.drama div, .drama a { color: #00487C; }
.visualart div, .visualart a { color: #D38807; }
#instruct p { margin-bottom: 7px; }
.thirdGrade #contactInfo { margin: 10px 5px; }
body#home.thirdGrade p {line-height: 1.3em; margin-bottom: 1em}


/* Experience Details ===================================================================*/

#expDetailProvider { clear: both; }
#expLeft { float: left; clear: left; display: inline; width: 588px; padding-bottom: 20px; }
#expDetailTypes { list-style: none; margin: 20px 0; font-size: 12px; }
#expDetailTypes li { margin: 5px 0; }
#expDetailDescription { font-size: 14px; margin: 0 0 20px 0; }
#expDetailPicture { float: left; clear: right; display: inline; width: 312px; margin: 0 0 20px 20px; text-align: center; }
#expDetailPicture img { padding: 5px; border: 1px solid #ccc; }
#expDetailSpecial { font-size: 14px; margin: 0 0 20px 0; }
#expDetailProvider h2 { font-size: 16px; font-weight: bold; margin: 10px 0 0 15px; }
#expSimilar { font-size: 0.85em; font-weight: bold; }

/* Who We Are ===================================================================*/

#PartnersIntro { padding: 15px; }
#PartnersIntro .quote, .quoted { font-style: italic; padding-left: 50px; padding-right: 50px }
#PartnersIntro .quote{ font-size:14px; font-weight: bold; }
#PartnersIntro .quoted { text-align: right; padding-bottom: 25px; }
#PartnersMap { text-align: center; }
#PartnersMap img{ border: 5px solid #624ABB; }
#PartnersProviders .instructions, #PartnersSchools .instructions { padding: 15px; }
ul#funderlist {margin: 15px 0; text-align:center; list-style-type:none; line-height: 1.75em}

/* Provider List ===================================================================*/

#providerList { width: 100%; margin: 0 0 20px 0; }
#providerList span { color: #d4272d; padding: 0 5px 0 10px; }
#providerList td { padding: 3px 0; }
#providerList a { font: 16px Arial, Helvetica, sans-serif; color: #000; }
#providerList a:hover { color: #FFF; background-color: #d4272d }
.providerOdd { background-color: #FFF; }

/* Schools List ===================================================================*/

#schoolList { width: 100%; margin: 0 0 20px 0; }
#schoolList span { color: #f60; padding: 0 5px 0 10px; }
#schoolList td { padding: 3px 0; }
#schoolList a { font: 14px Arial, Helvetica, sans-serif; color: #155F91; }
#schoolList a:hover { color: #f60; }
.schoolOdd { background-color: #E1F3FC; }

/* Home ===================================================================*/

#history { padding-top: 15px; }
#history img { display: inline; border: 2px solid #4c3a90; margin: 0; }
img.rightfloat { float: right; margin: 0 0 15px 15px; }
img.leftfloat { float: left; margin: 0 15px 0 0; }
#feature p, #history p, .home .quoted, .home blockquote { font-size: 13px; }
#feature img {float: left; margin: 0 10px 5px 0; border: 1px solid #2F2F2F}
#feature h3 {margin-bottom:15px}
#feature h4 {color:#CD0505}
#feature div.featurecol {float: right; width:570px}
.home blockquote { font-style: italic; padding: 15px 50px 10px 50px; font-weight: bold; text-align: justify; }
.home .quoted { text-align: right; }
#boxes { background: #4a388c url(/img/boxes_bg.jpg) repeat-x bottom; border: 2px solid #4c3a90; margin-top: 15px; padding-bottom: 15px; }
#boxes p, #boxes li { font-size: .85em; margin: 7px 0; }
.home div.cols { float: left; display: inline; width: 274px; margin: 15px 15px 0 15px; color: #fff; }
#boxes h2 { color: #d4cf00; padding-bottom: 3px; border-bottom: 2px solid #d4cf00; font-weight: normal; font-size: 1.6em; margin-bottom: 15px; text-decoration:none }
#boxes a { color: #d4cf00; font-size: 12px; text-decoration: none; padding-right: 11px; background: url(/img/triangle.gif) no-repeat right 4px; }
#boxes a:hover { color: #fff500; font-size: 12px; text-decoration: underline; background-image: url(/img/triangle_on.gif);  }
#boxes img { display: inline; border: 2px solid #4c3a90; margin: 10px 0; }
#curriculum img { margin-left: 15px; display: block; }
.home #advocacy div, .home #partners div { margin: 6px 10px; float: left; display: inline; width: 200px; }
.home #partners .noBackground { background: none; padding: 0; }

/* Advocacy Pages ===================================================================*/
.advAll #body, .advTheirSay #body { font-size: .85em; }
.advAll #body blockquote { font-style: italic; padding: 15px 100px 10px 100px; font-weight: bold; }
.advTheirSay #body blockquote { font-style: italic; padding: 15px 100px 10px 30px; font-weight: bold; }
.advAll #body .quoted, .advTheirSay #body .quoted { font-style: italic; text-align: right; padding: 0 50px 15px 150px; }
.advAll #body p { padding: 10px 20px 10px 20px; }
.advAll #body ol, .advAll #body ul { margin: 0 0 0 40px; }
.advAll #body li { padding: 0 0 10px 0; }
.kidQuoteHeader { padding: 50px 50px 20px 30px; font-style: italic; }
.kidQuote { padding: 0 50px 20px 100px; font-style: italic; font-weight: bold; }
.advAll #goalsBox { background: #4a388c url(/img/goalsBox_bg.jpg) repeat-x bottom; border: 2px solid #4c3a90; margin: 10px 92px; }
.advAll #goalsBox h1 { font-size: 1.6em; text-align: center; color: #d4cf00; border-bottom: 2px solid #d4cf00; padding-bottom: 10px }
.advAll #goalsBox a { color: #FFF }
.advAll #goalOne, .advAll #goalTwo { float: left; display: inline; width: 300px; padding: 0 30px; color: #FFF; margin: 20px 0}
.advAll #goalOne { border-right: 1px dotted #747220; border-width: 0 1px; }


/* Contact Us ===================================================================*/

#ContactInfo div { padding-left: 50px; padding-bottom: 20px; }

/* Join News Letter ===================================================================*/
.joinEnewsletter form .field { margin: 10px 0 0 0; width: 50%; }
.joinEnewsletter form label { width: 150px; font-weight: bold; text-align: right; float: left; display: inline; margin-right: 7px; }
.joinEnewsletter form input { float: left; display: inline; }
.joinEnewsletter form span { font-weight: bold; color: #f00; padding-right: 3px; }
.joinEnewsletter .buttons input { margin-left: 150px; }

/* Events ===================================================================*/
.eventNote { margin: 20px 0; color: #900; font-weight: bold; } 
.event h2 { font-size: 1.4em; color: #4C3A90; margin: 10px 0; }
.event p { margin: 7px 5px 7px 20px; }
.eventImage { float: right; display: inline; margin: 0 10px 10px 10px; padding: 5px; border: 1px solid #ccc; }
.event .subTitle { font-style: italic; size: 1.2em; margin-left: 0;}

/* Helper ===================================================================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */