body { margin: 0; padding: 0; text-align: center; background: url(images/bg_body.jpg) top center; }
div, p, h1, h2, h3, h4, h5, ol, ul, li, span, blockquote, form, img, input, select, textarea, nobr, table, thead, th, tbody, td, tr { margin: 0; padding: 0; position: relative; text-align: left; }
a { outline: none; }
img { border: none; }
input { font: 11px Georgia; color: #6A6A6A; }

.page { width: 938px; margin: 0 auto; }
.page img.logo { position: absolute; top: 34px; left: 45px; z-index: 11; }
.page a.rss { margin: 20px 0 0 30px; display: block; height: 33px; width: 125px; background: url(images/rss.gif) no-repeat 0 0; text-indent: -9999px; }
.page a.rss:hover { background-position: 0 -33px; }
.page img.info_for { position: absolute; top: 97px; left: 443px; z-index: 3; }
.page input.text , .page input.google { position: absolute; top: 58px; right: 117px; width: 285px; height: 20px; font: 11px Georgia; color: #6A6A6A; z-index: 1; border: 1px #C2C2C2 inset; padding: 4px 0 0 3px; }
.page input.submit { position: absolute; width: 87px; height: 33px; background: transparent url(images/search.gif) no-repeat; position: absolute; top: 57px; right: 35px; text-indent: -9999px; border: none; cursor: pointer; }
.page form.spider { z-index: 200; }

.support { width: 407px; height: 40px; background: url(images/bg_support.gif) no-repeat; position: absolute; top: 0; right: 21px; z-index: 2; }
.support p { font: bold 11px Georgia; color: #fff; text-align: center; padding: 8px 0 0 6px; }
.support a { color: #fff; text-decoration: none; padding-right: 24px; }
.support a:hover { text-decoration: underline; }

.nav { padding: 113px 0 0 25px; width: 224px; z-index: 10; font-size: 1px; }
.nav ul { list-style: none; }
.nav ul li { width: 192px; }
img.moveright { margin-left: 18px; }
ul.moveleft { margin-left: 7px !important; }
.nobg { background: none !important; padding: 0 0 0 7px !important; }
.nav li a, .nav li ul.subnav li a { display: block; font: 12px Georgia; color: #9F602F; height: 22px; line-height: 22px; background-image: none; width: 150px; }
.nav li a { padding-left: 24px; }
.nav li a:hover { font: bold 12px Georgia; color: #9F602F; height: 22px; background: url(images/bg_li.gif) no-repeat; line-height: 22px; text-decoration: none; }
ul.subnav { list-style: none; }
ul.subnav li a { padding-left: 35px; list-style: none; }
ul li.current a, ul.subnav li.current a { font: bold 12px Georgia; color: #9F602F; height: 22px; background: url(images/bg_li.gif) no-repeat; line-height: 22px; text-decoration: none; }
ul.subnav { background: url(images/bg_subnav.gif) 0px 0 repeat-y; margin-left: 18px; }
ul.subnav li a { display: block; font: 12px Georgia; height: 22px; line-height: 22px; color: #0189B5 !important; text-decoration: underline; background: url(images/bg_sub_li.gif) no-repeat 12px 9px !important; padding-left: 22px; }
ul.subnav li a:hover, ul.subnav li.current a { color: #0189B5; font-weight: bold; text-decoration: none; }
ul.subsubnav li a { padding-left: 30px; background-position: 18px 9px !important; }

.nav li div { background: #fff; border: 1px solid #DEDBCB; position: absolute; left: 180px; top: -22px; visibility: hidden; padding: 15px 20px 15px 0; }
.nav li div img.topleft { position: absolute; top: -1px; left: -1px; }
.nav li div img.topright { position: absolute; top: -1px; right: -1px; }
.nav li div img.bottomleft { position: absolute; bottom: -1px; left: -1px; }
.nav li div img.bottomright { position: absolute; bottom: -1px; right: -1px; }
.nav li div img.bridge { position: absolute; top: 20px; left: -20px; }
.nav li div p { padding: 0px 0px 0px 20px; line-height: 5px; }
.nav li div a, .nav li div a:hover { color: #0189B5; font: 11px Georgia; color: #0189B5; white-space: nowrap; padding: 0; height: 15px; }
.nav li div a:hover { text-decoration: none; font-weight: bold; background-image: none; }
.homenav { min-height: 250px; height: auto !important; height: 250px; }

.nobg { background: none; }
#balloon_about, #balloon_programs, #balloon_camps, #balloon_join, #balloon_cookies, #balloon_help, #balloon_calendar, #balloon_news, #balloon_store, #balloon_resources { display: none; position: absolute; z-index: 101; }
#balloon_about { top: 110px; left: 194px; }
#balloon_programs { top: 134px; left: 230px; }
#balloon_camps { top: 158px; left: 194px; }
#balloon_join { top: 180px; left: 180px; }
#balloon_cookies { top: 202px; left: 164px; }
#balloon_help { top: 222px; left: 164px; }
#balloon_calendar { top: 244px; left: 164px; }
#balloon_news { top: 268px; left: 164px; }
#balloon_store { top: 290px; left: 190px; }
#balloon_resources { top: 312px; left: 190px; }

.big_photo { width: 544px; height: 927px; position: absolute; top: 90px; left: 0; }

.meet { float: right; width: 394px; margin: 179px 0 0 0; overflow: hidden; }
.meet h1 { background: url(images/bg_h1.gif) no-repeat right 4px; font: 32px Verdana; color: #0292C1; float: left; padding-right: 50px; }
.meet h2 { clear: both; font: bold 14px Verdana; padding: 2px 0 0 26px; }
.meet h3 { clear: both; font: bold 15px Verdana; color: #0292C1; padding: 24px 0 0 0; }
.orange { color: #EA8C01; }
.pink { color: #CC5DAA; }
.meet p { clear: left; float: left; font: 11px Verdana; color: #000; line-height: 11px; padding-top: 6px; }

.frame { width: 120px; height: 90px; float: left; margin: 9px 0 0 5px; display: inline; font-size: 1px; }
.frame img.corners { position: absolute; top: 0; left: 0; z-index: 2; }

.audience { width: 428px; height: 94px; position: absolute; top: 76px; right: 0; z-index: 1; }
.audience ul { list-style: none; }
.audience li { float: left; display: inline; text-indent: -9999px; }
.audience li a { display: block; height: 94px; background: url(images/bg_audience.gif) no-repeat; }
.aud_int li a { background-image: url(images/bg_audience_int.gif); }
.audience li.girls a { width: 78px; }
.audience li.parents a { width: 99px; background-position: -78px 0; }
.audience li.alumni a { width: 95px; background-position: -177px 0; }
.audience li.volunteers a { width: 135px; background-position: -272px 0; }
.audience li.girls a:hover, ul.girls li.girls a { width: 78px; background-position: 0 -94px; }
.audience li.parents a:hover, ul.parents li.parents a { width: 99px; background-position: -78px -188px; }
.audience li.alumni a:hover, ul.alumni li.alumni a { width: 95px; background-position: -177px -282px; }
.audience li.volunteers a:hover, ul.volunteers li.volunteers a { width: 135px; background-position: -272px -376px; }

.pleasenote { margin-top: 20px; width: 261px; background: url(images/bg_pleasenote2.gif) no-repeat; height: 158px; }
.pleasenote img.bottomnote { margin-top: -30px; }
.pleasenote p { font: 11px Arial; color: #000; line-height: 15px; padding: 55px 50px 0 45px; }
.pleasenote a { color: #000; }
.pleasenote a:hover { text-decoration: none; }
.int { height: 183px; }

.int_feature { margin: 15px 0 0 23px; width: 206px; font-size: 1px; }
.int_feature img { padding: 7px; background: url(images/bg_thumb_int.gif) no-repeat; }
.int_feature h1 { font: 18px Georgia; color: #7E5437; padding: 15px 0 4px 5px; border-bottom: 1px dashed #A4A29D; }
.noborder { border-bottom: none !important; }
.int_feature h1.smalltop { padding-top: 5px; }
.int_feature h1 a { color: #7E5437; text-decoration: none; }
.int_feature h1 a:hover { color: #7E5437; text-decoration: underline; }
.int_feature p { font: 11px Verdana; color: #58615D; line-height: 16px; padding: 4px 4px 0 5px; }
.int_feature p.policy {padding-top: 6px;}
li.narrow { font: 12px Georgia; color: #0189B5; padding: 0 22px 0 6px !important; margin-top: -4px; }
li.narrow a { display: inline !important; background: none !important; padding: 0 !important; }
.int_feature ul, .int_feature ol { padding: 0; }
.int_feature p a { color: #58615D; }

.panels { width: 910px; background: url(images/bg_panels.gif) repeat-y; margin: 0 0 0 16px; font-size: 1px; }
.panels div { float: left; display: inline; border-right: 1px solid #F0EDE6; z-index: 2; }
.panels p { font: 11px Verdana; color: #58615D; line-height: 16px; }
.panels img.panel_bottom { margin-top: -17px; }

.photo_journal { width: 311px; }
.photo_journal p { padding: 16px 40px 0 29px; font: bold 11px Georgia; color: #58615D; }
.photo_journal a { color: #58615D; text-decoration: underline; font-weight: normal; }
.photo_journal a:hover { text-decoration: underline; }
.photo_journal img.thumb { margin: 13px 0 0 22px; }

.calendar { width: 309px; }
.calendar p { padding: 17px 20px 0 10px; margin-left: 13px; font: bold 11px Georgia; color: #58615D; }
.calendar a { font: 11px Verdana; color: #58615D; text-decoration: underline; }
.calendar a:hover { text-decoration: underline; }
.calendar p.bs { background: url(images/bs.gif) no-repeat 0 18px; }
.calendar p.gs { background: url(images/gs.gif) no-repeat 0 18px; }
.calendar p.js { background: url(images/js.gif) no-repeat 0 18px; }
.calendar a.more { text-decoration: underline; font: bold 11px Georgia; }
.calendar a.more:hover { text-decoration: none; }
.calendar div { border-right: none; }



.view { position: absolute; top: 15px; right: 15px; float: none !important; border: none !important; }
.view p { font: 11px Verdana; color: #000; padding: 0 !important; }
.view img { vertical-align: middle; margin-left: 6px; cursor: pointer; }

.get_involved { width: 288px; border-right: none !important; text-align: center; }
.get_involved p { padding: 17px 22px 0 22px; text-align: left; }
.get_involved div { margin: 3px 0 0 20px; width: 248px; text-align: center; min-height: 48px; height: auto !important; height: 48px; border: none; }
.get_involved div img { position: absolute; top: 0; left: 0; background: url(images/bg_thumb.gif) no-repeat; padding: 5px; }
.get_involved div p { padding: 6px 0 0 68px; font: 20px Georgia; color: #DAA017; }
.get_involved div p a { color: #DAA017; }
.get_involved div p a:hover { text-decoration: none; }

.content { width: 713px; position: absolute; left: 225px; top: 129px; padding-bottom: 20px; z-index: 2; }

.header { width: 713px; height: 131px; background: url(images/bg_header2.gif) no-repeat; }
.header img.thumb_header { position: absolute; top: 28px; right: 3px; z-index: 4; }
.header h1 { font: 31px Verdana; color: #fff; padding: 50px 0 0 75px; z-index: 5; }
.header p.breadcrumbs { background: #00BAD0; padding: 4px 8px; font: 11px Georgia; color: #fff; position: absolute; bottom: -2px; left: 77px; }
.header p.breadcrumbs a { color: #fff; }
.header p.breadcrumbs a:hover { text-decoration: none; }

.white { background: url(images/bg_white.gif) repeat-y; width: 675px; margin: 7px 0 0 38px; font-size: 1px; }
.white img.white_bottom { position: absolute; bottom: 0; left: 0; }

.spiral { width: 675px; background: url(images/bg_spiral.gif) repeat-y; margin: 0 0 0 -16px; padding-bottom: 15px; min-height: 520px; height: auto !important; height: 520px; height: 100%; }

.related { background: url(images/bg_related.gif) repeat-y; width: 218px; float: right; margin: 22px 39px 12px 12px; display: inline; z-index: 1; clear: right; }
img#paditems { height: 150px; width: 1px; float: right; margin-left: -1px; }
.related div { margin: 2px 0 0 14px; min-height: 38px; height: auto !important; height: 38px; }
.related div.first { margin-top: 8px; }
.related div img { position: absolute; top: 0; left: 0; background: url(images/bg_thumb_related.gif) no-repeat; padding: 5px; }
.related div p { padding: 10px 10px 0 50px; font: 15px Georgia; color: #0093D0; }
.related div p a { color: #0093D0; }
.related div p a:hover { text-decoration: none; }

.footer { float: right; margin-top: 18px; }
.intfooter { float: none; margin: 14px 0 0 43px; }
.footer p { padding: 8px 23px 0 0; font: 11px Verdana; color: #58615D; line-height: 20px; }
.footer a { color: #58615D; }
.footer a:hover { text-decoration: none; }
.clr { clear: both; font-size: 1px; position: absolute; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; top: 0; left: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0px; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-hasFlash .meet p span { visibility: hidden; margin: 0px; font-size: 17px; display: inline; }
.meet p span { font-size: 17px; top: 8px; }

#calgrid { float: right; padding: 0; margin: 0 0 10px 10px; width: 250px; }
#calgrid table.calendar { z-index: 99;  background: transparent; width: 250px; border: none; /* box model hack */ voice-family: "\"}\""; voice-family: inherit; }
#calgrid table.calendar tbody { background: transparent; }
#calgrid table.calendar table.monthtitle { border: none; background: transparent; padding: 0; margin: 0; }
#calgrid table.calendar table.monthtitle th, #calgrid table.calendar table.monthtitle td { height: 15px; background: transparent; font-size: 16px; font-weight: bold; color: #A6D337; text-align: center; }
#calgrid table.calendar table.monthtitle td a { font-size: 14px; color: #C44FA6 !important; font-weight: bold; text-decoration: underline; }
#calgrid table.calendar th { border: none; font-size: 10px; }
#calgrid table.calendar td { border: none; height: 30px; font-weight: bold; vertical-align: top; height: 15px; }
#calgrid table.calendar td.has_event { background: #FFF; border: 1px solid #000000; color: #000; }
#calgrid table.calendar td.has_event a { text-decoration: underline; font-size: 12px; }
#calgrid table.calendar td.other_month { }
#calgrid table.calendar td#today { }
#calgrid { font-size: 12px; font-family: Verdana; }
#calgrid { text-align: center; }
#calgrid table { margin: 15px auto 0 auto; }
#calgrid .monthtitle { font-size: 16px; color: #009C7C; font-weight: bold; }
#calgrid td.other a { color: #D0E5D5; cursor: default; }
#calgrid td.hilite { background-color: #FFD86F; color: #fff; font-weight: bold; }
#calgrid td.hilite a { color: #fff; font-weight: bold; }

#calgrid div.options{padding: 0; margin: 0;}
#calgrid div.options select{width: 250px;}


#sendpage { border: 3px solid #A6D337; border-top: none; background-color: #FBF5E6; width: 400px; height: 300px; padding: 40px 10px 10px 10px; position: absolute; float: left; z-index: 999; left: 50%; margin-left: -200px; margin-top: -380px; visibility: hidden; }
#sendpage input[type=text], #sendpage textarea { width: 300px; }

p.cost span, p.location span, p.cost label { background-color: #F7ECAC; padding: 3px; color: #D7A542; font-weight: bold; }
p.cost strong, p.location strong { color: #0189B5; font-size: 13px; }

#errorExplanation div { margin: 10px 0 0 0; color: #CD2626 !important; font-weight: bold; font-size: 13px; }
#errorExplanation ul { margin: 5px 0; background-color: #FFF; }
#errorExplanation li { font: 11px Verdana; margin: 0 5px 5px 0px; padding: 0 0 5px 0px; list-style-type: square; background: none; color: #CD2626; }

.field-error { color: #CD2626 !important; font-weight: bold; font-size: 13px; }
.labels { font-weight: bold; color: #0189B5; }
.input { margin: 5px 0 5px 0; }
.textbox, .textarea { width: 90%; padding: 5px; font-size: 12px; font-family: Monaco, Courier, Times New Roman, serif; color: #000; border: 1px solid #E0C177; background-color: #F7ECAC; }
.textbox-small { width: 45%; padding: 5px; font-size: 12px; font-family: Monaco, Courier, Times New Roman, serif; color: #000; border: 1px solid #E0C177; background-color: #F7ECAC; }
.submit-button { font-size: 14px; color: #FFF !important; padding: 10px; border: 1px solid #009C7C; background-color: #ACD1C2; z-index: 999;}


span.closed, span.full, span.cancelled{ background-color: #EF9595; padding: 3px; color: #AF2020; font-weight: bold; }
input.google {background: #FFFFFF url('/images/google_custom_search_watermark.gif') left no-repeat;}