@charset "UTF-8";

/*  GENERAL STYLES  */
* { border:0; margin:0; padding:0; }
body { background:white url(../images/bg_page.jpg) repeat-x top left; behavior:url(/assets/css/csshover.htc); color: black; font: 0.72em Arial, Helvetica, Verdana; margin: 0 auto; text-align: center; }  
h1 { float:left; padding-top:11px; }
h2 { background-repeat:no-repeat; text-indent:-5000em; width:840px; height:135px; }
h3 { color:#A70100; font-weight:normal; font-size:2.1em; margin-bottom:0.5em; }
h4 { color:#A70100; font-weight:normal; font-size:1.5em; }
#main-content h4 { padding:1em 0 0.5em 0; }
#main-content h4.top { padding-top:0.3em; }
h5 { font-size:1.1em; margin-bottom:0; padding-top:0.5em; }
h5.top { padding-top:0; }
p { line-height:1.4em; margin-bottom:1.4em; }


.istaff tr td { border-top:1px dotted #ABC2D5; font-size:0.95em; padding:0.5em 0}

.clearing { clear:both; }
.floater { float:left; margin:1.5em 1.5em 1.5em 0; }
#sponsorships .floater { margin-top:0; }
.image-left { float:left; margin:0 1.5em 1.5em 0; }
.date { font-size:10px; color:#333;}

a:link, #breadcrumbs li a { color:#523186; font-weight:bold; text-decoration:none; }
a:visited { color:#666; font-weight:bold; text-decoration:none;  }
#main-content a:link {  border-bottom:1px dotted #523186; }
#main-content a:visited {  border-bottom:1px dotted #666; }
#main-content a:hover {  border-bottom:1px dotted #2583B9; }

a:hover, #breadcrumbs li a:hover, #footer li a:hover, #global li a:hover { color:#2583B9; }
a.pdf { background:url(../images/icon_pdf.gif) no-repeat top right; padding-right:20px; padding-top:5px; margin-right:5px; }

/* override inline styles */ 
span[style]{ color:inherit !important;  font:inherit !important; font-family:inherit !important; font-size:inherit !important } 


/* SECTION BG IMGS */
body#about, body#volunteers, body#parents, body#community, body#donors, body#resources, body#sponsorships, body#contact { behavior:url(/assets/css/csshover.htc); }

/* TITLE BARS */
#about h2 { background-image: url(../images/title_about.jpg);  }
#volunteers h2 { background-image: url(../images/title_volunteers.jpg);  }
#donors h2 { background-image: url(../images/title_donors.jpg);  }
#parents h2 { background-image: url(../images/title_parents.jpg);  }
#community h2 { background-image: url(../images/title_community.jpg);  }
#resources h2 { background-image: url(../images/title_resources.jpg);  }
#sponsorships h2 { background-image: url(../images/title_sponsorships.jpg);  }
#contact h2 { background-image: url(../images/title_contact.jpg);  }
#sitemap h2 { background-image: url(../images/title_sitemap.jpg);  }
#espanol h2 { background-image: url(../images/espanol.jpg);  }


/*  STRUCTURE  */
#wrapper { background:white url(../images/bg_interior.jpg) repeat-x top left; margin:0 auto; text-align:left; width:840px;  }
#header { height:63px; line-height:0; margin:0 auto; width:740px;}
#main-content { display:inline; float:left; margin-left:50px; min-height:300px; padding-bottom:2.5em; width:480px;  }
#sidebar { display:inline; font-size:0.98em; float:left; margin-left:70px; margin-bottom:5em;width:200px; }
div.info-box { margin-top:1.3em; }
.first { margin-top:0; padding-top:0; }


#footer, div.infobox, p.infobox-top, p.infobox-bottom, blockquote, div.taped, #enroll, form#contact, div.form-top, div.form-bottom, div.donate, div.nominate, div.volunteer, div.contact, div.blog, div.events, div.galleries, div.content, div.bottom, div.news, div.photo-frame,  div.photo-large-top, div.photo-frame-large, div.photo-large-bottom, div.photo-frame, #scrapbook { behavior:url(/assets/css/iepngfix.htc); }

/* CALL-OUTS: POST-IT NOTES */
blockquote.note { background:url(../images/bg_stickynote.png) no-repeat top left; color:#523186; float:left; font-size:1.7em; font-style:italic; margin:0 -4.5em 0 0; position:relative; left:-5em; height:219px; width:225px; }
blockquote.note p { text-indent:-5000em; height:143px; margin:42px 0 0 22px; width:170px; }
blockquote#discover p { background:url(../images/quote_discover.gif)  no-repeat top left;}
blockquote#environment p { background:url(../images/quote_environment.gif)  no-repeat top left;}
blockquote#participation p { background:url(../images/quote_participation.gif)  no-repeat top left;}
blockquote#forbes p { background:url(../images/quote_forbes.gif)  no-repeat top left;}
blockquote#find p { background:url(../images/quote_find.gif)  no-repeat top left; }
blockquote#magic p { background:url(../images/quote_moments.gif)  no-repeat top left; }

/* SIDE BAR  */
div.nominate { background:url(../images/sidebar_bg_nominate.png) no-repeat top left; height:68px; padding-top:63px; }
div.donate { background:url(../images/sidebar_bg_donate.png) no-repeat top left; height:171px; }
div.volunteer { background:url(../images/sidebar_bg_volunteer.png) no-repeat top left; height:88px; padding-top:60px; }
div.contact { background:url(../images/sidebar_bg_contact.png) no-repeat top left; height:250px; padding-top:33px; }
div.blog { background:url(../images/sidebar_bg_top.png) no-repeat top left; height:250px; padding-top:34px; }
div.events { background:url(../images/sidebar_bg_top_events.png) no-repeat top left; height:250px; padding-top:40px; }
div.galleries { background:url(../images/sidebar_bg_top_galleries.png) no-repeat top left; height:250px; padding-top:29px; }
div.news { background:url(../images/sidebar_bg_top_news.png) no-repeat top left; height:250px; padding-top:33px; }

div.content { background:url(../images/sidebar_bg_middle.png) repeat-y top left; padding:10px 30px 0 19px; }
div.bottom { background:url(../images/sidebar_bg_bottom.png) no-repeat top left; height:60px; }
div.nominate h4, div.donate h4, div.volunteer h4, div.contact h4, div.blog h4, div.events h4, div.galleries h4, div.news h4 { font-size:1em; padding-bottom:0.5em; text-indent:-5000em; }
div.blog h4, div.events h4, div.news h4 { padding-bottom:0; }
h4.archive { background:url(../images/sidebar_hdr_archive.gif) no-repeat top left; height:20px; margin-top:1.3em;  }
h4.search { background:url(../images/sidebar_hdr_search.gif) no-repeat top left; height:20px; margin-top:1.3em;}
div.news h4.search { background:url(../images/sidebar_hdr_search_news.gif) no-repeat top left; }
div.events h4.archive { background:url(../images/sidebar_hdr_past.gif) no-repeat top left; height:20px; margin-top:1.3em;}
div.events div.content { padding-top:0;}

div.nominate ul, div.donate ul, div.volunteer ul, div.contact ul { padding:0 19px; }
div.donate p { padding:32px 80px 0 19px; line-height:1.3em; margin-bottom:0.5em; }
div.contact p { padding:0 19px; margin-bottom:0.5em; }
#sidebar li { background:url(../images/icon_arrow.gif) no-repeat 0 0.2em; line-height:1.1em; list-style-type:none; margin-top:0.2em; padding-left:8px;  }
#sidebar div.blog li { margin-bottom:0.4em; }
#sidebar input.textfield-small { width:100px; }
p.rss { padding-top:15px; margin-bottom:0; }


div.infobox { background:url(../images/infobox_bg_middle.png) no-repeat top left; height:auto; }
div.infobox h4 { padding:0 20px; }
div.infobox ul { padding:0 20px; }
div.infobox li { background:url(../images/icon_arrow.gif) no-repeat 0 0.2em; margin-top:0.2em; padding-left:8px;  }
div.infobox p { line-height:1.2em; margin:0.5em 0; padding:0 20px; }
p.infobox-top { background:url(../images/infobox_bg_top.png) no-repeat top left; height:22px; margin:0; }
p.infobox-bottom { background:url(../images/infobox_bg_bottom.png) no-repeat bottom left; height:22px; margin:0; }

#footer { background:url(../images/bg_footer.png) no-repeat top left; clear:both; color:#5D5D5D; font-size:0.9em; line-height:1.3em; margin:0 auto; width:760px; padding:0 40px 30px 40px; }
#footer ul, #footer p { width:740px; text-align:left; }
#footer ul { background:url(../images/bg_footer_top.gif) no-repeat top left; padding:55px 0 5px 0; }
#footer li { display:inline; padding:1px 0;  }
#footer li a { border-right: 1px solid #D6D6D6; color:#5D5D5D; padding:0 0.4em; }
#footer li a.first { padding-left:0; }
#footer li a.last { border-right:0; }
#footer p#footer-logo { text-align:right; }
#footer #moncur { margin-right:5px; padding-left:58px;}
#footer #moncur:hover { background:url(../images/icon_moncur_anim.gif) no-repeat top left; }

/* BREADCRUMBS */
#breadcrumbs { border-top:5px solid #A70100; font-size:0.98em; padding:1em 0 1em 10px; margin-left:40px; width:490px; }
#breadcrumbs li { display:inline; }

/* LISTS */
#navigation, #breadcrumbs, #footer, div.infobox ul, #main-content ul { list-style-type:none; }
#main-content ul, ol { margin-left: 1.3em; padding-bottom:1em; }
#main-content ul li { background:url(../images/icon_bullet.gif) no-repeat 0 0.5em; line-height:1.4em; padding-left: 1em; margin-bottom:0.5em; }
#main-content ol li { background:none; line-height:1.4em; margin-bottom:0.5em; }

#main-content ul li ol { margin:0.5em 0 0 1.6em; } /* nested */
#main-content ul li ol li { padding-left:0; }


.info-box li { background:url(../images/icon_arrow.gif) no-repeat 0 0.2em; margin-bottom:0.2em; padding-left:8px;  }

/* BLOGS */
div.comments-top { background:url(../images/comment_top.gif) no-repeat top left; height:15px; width:475px; }
div.comments-body { background:url(../images/comment_bg.gif) repeat-y top left; padding:0 20px 1px 20px;  width:435px;}
div.comments-bottom { background:url(../images/comment_bottom.gif) no-repeat top left; height:25px; padding:20px 46px 0 0; margin-bottom:1em; text-align:right; width:431px;}
#main-content #date-comment { margin-left:0; padding:0.2em 0;  }
#main-content #date-comment li { padding-left:0; padding-right:5px; font-weight:bold; display:inline; background:none; }
table.archive { width:100%; }
table.archive td { border-bottom:1px dotted #D7B997; padding:8px 10px; }
table.archive td.month { padding:10px 0 5px 0; }
table.archive td.comments { background:url(../images/icon_comment.gif) no-repeat center 5px; width:45px;  }
table.archive a { color:#523186; font-weight:bold; text-decoration:none;  }

/* PHOTO GALLERIES */
div.photo-frame { background:url(../images/polaroid_small.png) no-repeat top left; float:left; margin-right:4px; margin-top:5px; width:116px; height:130px; }
div.photo-crop { width:94px; height:83px; margin:0 auto; margin-top:24px; overflow:hidden; }
div.photo-full { width:400px; margin:0 auto; }

div.photo-large-top { background:url(../images/polaroid_large_top.png) no-repeat top left; width:448px; height:33px; }
div.photo-frame-large { background:url(../images/polaroid_large_middle.png) repeat-y top left;  width:448px; }
div.photo-large-bottom { background:url(../images/polaroid_large_bottom.png) no-repeat top left; width:400px; height:86px; padding:7px 24px; }

#main-content ul#photo-nav { margin-left:0; }
#main-content ul#photo-nav li { background:none; display:inline; padding-left:0; margin-right:0.8em;  }

/* FORMS */
label { float:left;font-weight:700;margin-right:2em;padding-bottom:1.4em;width:8em }
label.block { float:none }
label span { font-weight:400 }
label.inline { float:none;padding-left:0.5em }
div label.inline { padding-right:0.2em }
input.textfield { width:240px;vertical-align:middle }
input.textfield-small { width:25px;vertical-align:middle }
input.button { vertical-align:middle }
input,textarea,select,option { color:#523186; font:11px Arial, Helvetica, sans-serif }
input.textfield,textarea, input.textfield-small { border:1px solid #B2C7DA;padding:2px }
input.submit { background:url(../images/btn_submit.gif) no-repeat top left; display:block; height:16px; line-height:16px; margin:0 1em 2em 10.2em; text-indent:-5000em; width:72px; }
input.go { background:url(../images/btn_go.gif) no-repeat top left; display:block; float:right; height:15px; line-height:16px; margin-right:5px; text-indent:-5000em; width:36px; }
input.submit:hover, input.go:hover { background-position:bottom left; cursor:pointer; }

form#contact { padding-top:10px; padding-bottom:10px;  }
#enroll, form#contact { background:url(../images/bg_notebook.png) repeat-y top left; padding:0 15px 0 60px; width:405px;}
#enroll label { display:block; float:none; padding:0.9em 0 0.2em 0; width:165px; }
#enroll h4.top { padding-top:0; }
#enroll h4 { color:#523186; font-size:1.3em; padding-top:1.5em; padding-bottom:0; }
#contact.donation h4 { border-bottom:1px solid #E5C0F3; padding-bottom:0.2em; margin-bottom:0.7em; }
#contact.donation h4.top { padding-top:0; }

/* ALUMNI FORM */
div.added { margin-top:2em;}
form#alumni {background:url(../images/bg_notebook.png) repeat-y top left; padding:10px 15px 10px 60px; width:405px; }
	form#alumni input.textfield { padding:4px;}
	form#alumni label { padding-bottom:2em;}
		form#alumni label span { color:#333; display:block; font-size:0.95em; margin-top:0.25em;}
	form#alumni div.radio-group { display:inline; float:left; margin:0.75em 0; overflow:hidden; padding-bottom:0.75em; width:280px;}
		form#alumni div.radio-group div { display:inline; float:left; overflow:hidden; width:140px;}
		form#alumni div.radio-group div.narrow { width:70px;}
		form#alumni div.radio-group div input { display:inline; float:left; margin-right:5px;}
		form#alumni div.radio-group div label { font-weight:normal; padding-bottom:0.5em;  width:auto;  }
	form#alumni div.submit { border-top:1px dotted #ccc; padding-top:1.5em;}
		form#alumni div.submit input { margin-left:0;}
		form#alumni div.submit p.required { color:#666; font-size:0.95em; float:right; margin:-3.5em 3em 0 0; text-align:right; width:200px;}
	form#alumni h4 { margin-bottom:0.5em;}
	div.thanks h5 { margin-bottom:1em;}
		
		
	
form div#captcha { border-top:1px dotted #ccc; margin-top:0.75em; overflow:hidden; padding-top:1.5em; width:380px;}
	form div#captcha img { display:inline; float:left; margin:0 10px 5px 0;}
	form div#captcha input.textfield { width:150px;}
	form div#captcha a { font-size:0.95em;}
	



#enroll fieldset, form#contact fieldset { margin-bottom:0; }
#enroll fieldset div { float:left; width:200px; }
#enroll input.textfield { width:165px; }
div.form-top { background:url(../images/bg_notebook_top.png) repeat-y top left; width:480px; height:25px;  }
div.form-bottom { background:url(../images/bg_notebook_bottom.png) repeat-y top left;  width:480px; height:25px; }
#enroll div.submit { padding:1em 0; }
#enroll input.submit { margin-left:0; }

fieldset { margin-bottom:1em; }
legend { color:#A70100; display:block; float:left; font-size:1em; font-weight:bold; padding:0.5em 0.5em 0.5em 0; text-transform:uppercase; width:100%; }
form span { font-weight:normal; padding:0 0.2em; }


select { border:1px solid #B2C7DA;padding:1px }
option { margin:3px }
textarea { color:#333;height:90px;margin-bottom:1em;width:240px;padding:5px }

.border { border-top:1px solid #D7B997;padding:1em 0 }

/* CONTACT */
#contact #sidebar ul { padding-bottom:1em; }
div.infobox p.hours { margin-bottom:0; } /* office hours */

/* ABOUT */
#about.staff #main-content h4 { clear:left; }
#about.staff #main-content h4.first { padding-top:0.5em; }
#about.staff #main-content ul { float:left; margin:0; padding:0.5em 1.7em 0.4em 0; width:140px; }
#about.staff #main-content ul li { background:none; line-height:1.2em; list-style-type:none; margin-bottom:0.2em; padding-left:0; }
div.staff { border-bottom:1px dotted #ABC2D5; clear:left; font-size:11px }
div.staff strong { font-size:1.1em; }
div.staff li span { color:#999; padding:0 0.3em; }

/* PROGRAM OPTIONS */
#main-content ul#fitness-sponsors { margin:1em 0; overflow:hidden;}
#main-content ul#fitness-sponsors li { background:none; display:inline; float:left; margin-right:2em; padding:0;}
#main-content ul#fitness-sponsors li a { border:0;}


/* DONORS SECTION */
div.proof { display:inline; float:left; margin-right:1.9em; width:65%; }
#main-content div.proof ul { margin:0.5em 0 0 0.2em; }
.last { margin-right:0; }
#main-content ul.staff { float:left; margin:0; padding:0.5em 1.7em 1em 0; width:140px; }
#main-content ul.staff li { background:none; line-height:1.2em; list-style-type:none; margin-bottom:0.2em; padding-left:0; }
dl.staff { overflow:hidden; padding-bottom:1.25em }
dl.staff dt, dl.staff dd { border-top:1px dotted #ABC2D5; float:left;  font-size:0.95em ;display:inline; padding:0.5em 0 }
dl.staff dt { clear:left; font-weight:bold; width:170px }
dl.staff dd { width:310px }
dl.staff dd span { color:#ccc; padding:0 2px }

/* ALUMNI */
ul.inline li { display:inline; float:left; }
#main-content ul#alumni { list-style-type:none; margin:2em 0; overflow:hidden;}
	#main-content ul#alumni li { background:none; margin-right:2em; padding:0;}
	#main-content ul#alumni li a { background:url(../images/btn_alumni.gif) no-repeat; border:0; display:block; height:31px; text-indent:-9999px;}
	#main-content ul#alumni li a:hover { border:0;}
	ul#alumni li#btn-join a { width:237px;}
	ul#alumni li#btn-join a:hover { background-position:0 -31px;}
	ul#alumni li#btn-share a { background-position:-237px 0; width:180px;}
	ul#alumni li#btn-share a:hover { background-position:-237px -31px;}
	

/* COMMUNITY */
#main-content ul.partners { float:left; line-height:1.2em; margin-left:0; margin-right:2em; width:140px; }
#main-content ul.last { margin-right:0; }
#main-content ul.partners li { margin-bottom:0.2em }

div.taped { background:url(../images/photo_tape.png) no-repeat top left; margin:0 auto; padding:17px 0 40px 28px; width:330px;}

/* SITE MAP */
.col1, .col2 { float:left; width:230px; }
#sitemap #main-content ul { margin-left:0 }
#sitemap #main-content li { padding-left:0; background:none; margin-bottom:0.2em; }