@IMPORT url("reset.css");
@IMPORT url("960.css");

.clear { clear: both; display: block; }

html { height: 100% }

body { height: 100%; background: #000; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 0.65em; }

.middle { width: 960px; margin: 0 auto; background: transparent; }

/* table { border: 1px solid #000; } */
table td { padding: 5px; }

#header-wrapper { background: #fff url("../img/header-delimiter.jpg") no-repeat bottom center; margin-bottom: -5px; position: relative; z-index: 3; }

#header #logo { width: 245px; height: 122px; background: url("../img/logo.gif") no-repeat; float: left; margin-left: -10px; margin-top: 20px; }
	#header #logo a { text-indent: -999px; overflow: hidden; display: block; height: 122px; }
#header #advertisement-top { padding: 2px; /* border: 1px solid #41a2ab;  */float: left; margin: 35px 0px 0px 35px; width: 456px; height: 76px; }
	#header #advertisement-top > div { width: 446px; height: 56px; text-align: center; display: block; /* background: #000;  */color: #fff; padding: 10px 5px; }
#header #donate-button { margin-top: 40px; float: right; background: url("../img/donate-button.jpg") center no-repeat; width: 156px; height: 70px; }

#top-navigation { /* margin-top: 25px;  */padding-top: 25px; background: url("../img/nav-bg.jpg") bottom center no-repeat; height: 56px; }
	#top-navigation > ul { list-style-type: none; padding-left: 8px; }
		#top-navigation > ul > li { float: left; position: relative; }
			#top-navigation > ul > li > a { height: 16px; display: block; padding: 20px 39px; font-size: 1.5em; font-weight: bold; text-decoration: none; color: #fff; }
			
			#top-navigation > ul > li:hover,
			#top-navigation > ul > li.sel { background: url("../img/nav-selected-bg.jpg") repeat-x; color: #3572bb; }
			
			#top-navigation > ul > li:hover > a,
			#top-navigation > ul > li.sel > a { color: #3572bb; }
			#top-navigation > ul > li > ul { position: absolute; z-index: 100; background: url("../img/drop-bg.jpg") repeat-x; width: 90%; padding: 15px 5%; } 
				#top-navigation > ul > li > ul > li { border-bottom: 1px dotted #aaa; padding: 5px 0px; }
					#top-navigation > ul > li > ul > li > a { color: #3572bb; font-size: 1.3em; font-weight: bold; text-decoration: none; }
					#top-navigation > ul > li > ul > li > a:hover { color: #000; }

#slideshow-wrapper { background: #fff url("../img/content-bg.jpg") repeat-y center; margin-top: 5px; position: relative; z-index: 2; }

#slideshow-container #player-container { margin: -5px 0px 0px; position: relative; width: 780px; height: 445px; }
	#slideshow-container #player-container #player { width: 780px; overflow: hidden; padding: 0px; position: static; top: 0; left: 0; z-index: 3; }
	#slideshow-container #player-container #nav-bg { background: url("../img/gallery/slide-bg.png"); position: absolute; z-index: 3; height: 50px; bottom: 0px; width: 100%; }
	#slideshow-container #player-container #prevBtn { margin-top: -20px; position: absolute; z-index: 4; bottom: 20px; left: 5px; }
	#slideshow-container #player-container #prevBtn a { color: #fff; text-decoration: none; font-weight: bold; font-size: 1.5em; }
	#slideshow-container #player-container #nextBtn { margin-top: -20px; position: absolute; z-index: 4; bottom: 20px; left: 25px;  }
	#slideshow-container #player-container #nextBtn a { color: #fff; text-decoration: none; font-weight: bold; font-size: 1.5em; }
	
	#slideshow-container #player-container .slide-wrapper { padding: 0px; }
	#slideshow-container #player-container .slide-thumbnail { width: 780px; float: none; }
		#slideshow-container #player-container object { position: absolute; left: -1px; top: 0px; z-index: 3; }
	
	#myController { position: absolute; z-index: 4; bottom: 0px; left: 10px; width: auto; background: transparent; padding-top: 13px; padding-right: 10px; }
	#myController span.jFlowSelected, .jFlowControl:hover { background: transparent url("../img/bg-selected.png") no-repeat; margin-right: 5px; }
	.jFlowSlideContainer { overflow: hidden !important; }
	.jFlowControl { color: #ff7f00; font-size: 1.3em; font-family: Helvetica,sans-serif; padding: 5px 9px; height: 24px; display: block; float: left; margin-right: 5px; }
	.slide-thumbnail img { max-width: 780px; }
	.jFlowPrev, .jFlowNext { padding: 0 0; }
	
#slideshow-container #advertisement-right { margin: -5px 0px 0px; background: #fff; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; width: 180px; height: 445px; }
	#slideshow-container #advertisement-right .ad { width: 125px; height: 125px; margin-top: 18px; margin-left: 27px; background-color: #000; color: #fff; text-align: center; }

#content-wrapper { background: #fff url("../img/content-bg.jpg") repeat-y center; }

#content-container .page { margin: 0px -10px 0; background: transparent url("../img/page-bg.png") repeat-y center; padding-top: 20px; }
	#content-container .page .left-col { width: 600px; float: left; }
	#content-container .page .main { min-height: 100px; }
	#content-container .page #page-sidebar-text { width: 290px;/*  float: right;  */margin: 25px 5px 15px; padding: 5px; font-size: 1.4em; color: #333; }
		#content-container .page #page-sidebar-text blockquote { font-style: italic; padding: 5px 0; }
	#content-container .page #page-gallery { width: 300px; float: right; margin: -5px 5px 0; position: relative; z-index: 1; }
		#content-container .page #page-gallery > #my-gallery { /* float: none;  */width: 300px; height: 280px; z-index: 6; margin-top: 40px; }
#content-container #page-foot { margin: -1px -5px -20px; background: transparent url("../img/page-bg-bottom.png") no-repeat bottom center; height: 30px; }
#content-container .no-sponsors { height: 20px; }
#page-logo { width: 300px; margin: 10px 0; /* float: right;  */}
	#page-logo img { margin: 0 auto; display: block; }
	
#content-container #news { background: transparent url("../img/box-news.png") top no-repeat; margin: 10px -15px 0 -20px; padding: 25px 40px 0px 40px; height: 530px; width: 510px; position: relative; }
#news-header { text-indent: -999px; background: url("../img/head-whats-happening.gif") no-repeat top left; height: 50px; overflow: hidden; }
	#news #news-header { margin-top: 10px;}
.news-article { border-bottom: 1px dotted #aaa; margin-top: 10px; }
.with-sidebar .news-article { width: 680px; }
#news .news-article { margin-top: 20px; }
	.news-article .photo { width: 140px; margin-right: -150px; float: left; }
	.news-article .body { float: left; margin-left: 150px; }
		.news-article .body h3 { margin-bottom: 5px; }
			.news-article .body h3 a { color: #17549d; font-size: 1.6em; text-decoration: none; }
		.news-article .body .meta { background: url("../img/calendar-icon.gif") no-repeat left; padding-left: 17px; color: #7b7b7b; font-size: 1.1em; margin-bottom: 10px; }
		.news-article .body > p { font-size: 1.2em; color: #000; line-height: 1.2em; }
		.news-article .body .button { background: url("../img/orange-button-start.gif") no-repeat left; padding-left: 13px; height: 23px; display: block; margin: 20px 0; text-decoration: none; }
			.news-article .body .button span { background: url("../img/orange-button-bg.gif") no-repeat right; line-height: 23px; padding: 0px 10px 0px 0; font-size: 1.1em; font-weight: bold; color: #fff; display: block; height: 23px; float: left; }
	#news .see-more { display: block; margin-top: 20px; color: #17549d; font-size: 1.6em; font-weight: bold; text-decoration: none; position: absolute; bottom: 30px; left: 40px; }

#content-container #events { background: transparent url("../img/box-events.png") top no-repeat; padding: 25px 40px 0px 40px; margin: 10px -30px 0 -0px; height: 530px; width: 340px; position: relative; }
#events-header { text-indent: -999px; background: url("../img/head-events.gif") no-repeat top left; height: 50px; overflow: hidden; }
	#events #events-header { margin-top: 10px;}
.event { margin: 15px 0 0 0; border-bottom: 1px dotted #aaa; margin-top: 10px; }
.with-sidebar .event { width: 680px; }
	.event .photo { width: 74px; margin-right: -74px; float: left; }
	.event .body { float: left; margin-left: 90px; }
		.event .body h3 { margin-bottom: 5px; }
			.event .body h3 a { color: #17549d; font-size: 1.4em; text-decoration: none; }
		.event .body .meta { background: url("../img/calendar-icon.gif") no-repeat left; padding-left: 17px; color: #7b7b7b; font-size: 1.1em; margin-bottom: 10px; }
		.event .body > p { font-size: 1.2em; color: #000; line-height: 1.2em; }
		.event .body .button { background: url("../img/orange-button-start.gif") no-repeat left; padding-left: 13px; height: 23px; display: block; margin: 12px 0; text-decoration: none; }
			.event .body .button span { background: url("../img/orange-button-bg.gif") no-repeat right; line-height: 23px;  padding: 0px 10px 0px 0; font-size: 1.1em; font-weight: bold; color: #fff; display: block; height: 23px; float: left; }
	#events .see-more { display: block; margin-top: 20px; color: #17549d; font-size: 1.6em; font-weight: bold; text-decoration: none; position: absolute; bottom: 30px; left: 40px; }
		

#content-container #get-involved { background: transparent url("../img/box-get-involved.png") top no-repeat; margin: -10px -15px 0 -20px; padding: 25px 40px 0 40px; height: 425px; width: 270px; }
#get-involved #get-involved-header { text-indent: -999px; background: url("../img/head-get-involved.gif") no-repeat top left; height: 50px; margin-top: 10px; overflow: hidden; }
#get-involved > p { font-size: 1.2em; line-height: 1.5em; margin: 10px 0px 30px; }
#get-involved .button { display: block; margin: 5px auto; width: 216px; height: 60px; text-indent: -999px; overflow: hidden; }
#get-involved .youth { background: url("../img/button-youth.jpg") no-repeat center; }
#get-involved .educator { background: url("../img/button-educator.jpg") no-repeat center; }
#get-involved .volunteer { background: url("../img/button-volunteer.jpg") no-repeat center; }
#get-involved .sponsor { background: url("../img/button-sponsor.jpg") no-repeat center; }

#content-container #media { background: transparent url("../img/box-media.png") top no-repeat; padding: 25px 40px 0px 40px; margin: -10px -30px 0 -5px; height: 425px; width: 590px; position: relative; }
#media-header { text-indent: -999px; background: url("../img/head-media.gif") no-repeat top left; height: 50px; overflow: hidden; width: 200px; float: left; }
	#media #media-header { margin-top: 10px; }
#connect { float: right; height: 40px; padding-top: 10px; font-size: 1.2em; color: #3b5997; }
	#media #connect { margin-top: 10px; }
#connect span { float: left; line-height: 25px; padding: 0px 5px; }
#connect .link-facebook { width: 69px; height: 25px; float: left; text-indent: -999px; overflow: hidden; background: url("../img/icon-facebook.gif") no-repeat center; }
#connect .link-youtube { width: 60px; height: 25px; float: left; text-indent: -999px; overflow: hidden; background: url("../img/icon-youtube.gif") no-repeat center; }

#media-object { margin: 10px 0 20px; }
#media > p { font-size: 1.2em; line-height: 1.5em; margin: 15px 0px; }
	#media .see-more { display: block; margin-top: 20px; color: #17549d; font-size: 1.6em; font-weight: bold; text-decoration: none; position: absolute; bottom: 20px; left: 40px; }

#content-container #partners-sponsors { background: transparent url("../img/box-sponsors.png") top no-repeat; padding: 25px 20px; margin-right: -25px; padding: 25px 10px 40px 25px; margin-left: -5px; height: 205px; margin-bottom: 10px; position: relative; }
#partners-sponsors-header { text-indent: -999px; background: url("../img/head-sponsors.gif") no-repeat top left; height: 50px; overflow: hidden; }
#partners-sponsors #partners-sponsors-header { margin-top: 10px; }
#scroll-wrapper { width: 930px; overflow: hidden; }
#sponsors { height: 100px; padding-left: 0; width: 100%; }
.page #sponsors { height: auto; }
#sponsors > li { width: 174px; height: 85px; overflow: hidden; float: left; margin: 10px 5px; line-height: 85px; text-align: center; }
	#sponsors > li > a > img { margin: 0 auto; vertical-align: middle; }

	#partners-sponsors .see-all { display: block; margin-top: 5px; margin-left: 5px; color: #17549d; font-size: 1.2em; font-weight: bold; text-decoration: none; position: absolute; bottom: 50px; left: 20px; }

#scrollingText { position: relative; }
div.scrollingHotSpotLeft { position: absolute; }
div.scrollingHotSpotRight { position: absolute; }

#footer-wrapper { height: 211px; background: #000; padding: 10px; }
#footer-container { background: transparent url("../img/footer-bg.png") no-repeat center; height: 248px; margin-top: -26px; padding-left: 24px;}
#footer .contact { padding: 97px 0 0 135px; }
	#footer .contact .contact-us { margin-top: 35px; padding-left: 15px; color: #ddd; font-size: 1.2em; }
		#footer .contact .contact-us strong { color: #fff; font-weight: bold; }
#footer #bottom-navigation {  }
	#footer #bottom-navigation > li { float: left; margin: 0px 17px; }
		#footer #bottom-navigation > li > a { color: #fff; text-decoration: none; font-size: 1.2em; font-weight: bold; }

#footer .copyright { color: #6a6a6a; font-size: 1.2em; margin-top: 35px; margin-left: -10px; line-height: 1.5em; }
	#footer .copyright a { color: #c2f27d; text-decoration: none; }
	

/* page-formatting */

.page { padding-left: 30px; padding-right: 20px; padding-bottom: 20px; }
/* 	.page > div > * { font-size: 1.5em; } */
	.page > div > h1 { font-size: 2em; line-height: 2em; color: #ff7f00; }
	.page > div > h2, .page > h2 { font-size: 26px; line-height: 2em; color: #ff7f00; }
	.page > div > h3 { font-size: 1.6em; line-height: 2em; color: #ff7f00; }
	.page > div > p { font-size: 1.5em; line-height: 1.5em; margin: 5px 0; }
	.page ul, .page ol { list-style-type: disc; list-style-position: outside; padding-left: 30px; margin: 10px 0; font-size:1.4em; line-height:1.5em; }

div.scrollingHotSpotLeft,
div.scrollingHotSpotRight { height: 100px; }

#scrollingText { margin-top: -10px; }


#sidebar { float: right; width: 180px; /* border-left: 1px dotted #999; */ padding: 0 10px 10px; }
#sidebar h2 { text-align: left; width: 160px; font-size: 26px; line-height: 2em; color: #ff7f00; }
#sidebar ul li { margin-left: 10px; }
#sidebar ul li a { font-size: 1.2em; text-decoration: none; color: #17549d; }

.sIFR-replaced .sIFR-alternate { display: none; }

/*
.slideElement { bottom: 0; border: 1px solid #0f0; }
.jdGallery { border: 1px solid #ff0; }
*/
.jdGallery a.open { position: absolute; z-index: 1; }
.slideElement { z-index:0; background-repeat: no-repeat; }
.carouselContainer { z-index: 10; }

.jdGallery .slideInfoZone h2 { font-size: 1.2em; line-height: 1.2em; }
.jdGallery .slideInfoZone p { font-size: 1.1em; }
#jquery-lightbox #lightbox-container-image-data-box { padding-bottom: 10px; }