/* Reset first */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Master --------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: "helvetica", Arial, sans-serif;
	color: #000;
	font-size: 90%;
	background: #fff;
	}

#stage {
	width: 875px;
	margin: 0 auto 20px auto;
}

#main {
	float: left;
	width: 550px;
	margin: 0 0 15px 0;
}

/* Typography  -------------------------------------------------------------------------------------------------------------------- */

a:link, a:visited {color: #cc3300; text-decoration: none;}
a:link:hover, a:visited:hover {color: #ff3300; text-decoration: none;}

h2 {
	font: normal bold 2em/1.3em arial black, helvetica, arial, sans-serif;
	letter-spacing: 0.15em;
	margin-bottom: 25px;
	text-transform: uppercase;
}

h3 {
	font: normal bold 1.5em/1.2em arial black, helvetica, arial, sans-serif;
	letter-spacing: 0.06em;
	margin: 30px 0;
}
p, #main p, .full p, .anevent p {
	font: 1.1em/1.55em helvetica, arial, sans-serif;
	letter-spacing: 0.05em;
	margin: 0 0 20px 0;
}
#side p.train{
	margin-bottom: 20px;
	line-height: 1.4em;
}
#side p.train img{
	vertical-align: middle;
}
p a:link, p a:visited {color: #cc3300; text-decoration: none; padding-bottom: 1px; border-bottom: 3px solid #cc3300;}
p a:link:hover, p a:visited:hover {color: #ff3300; text-decoration: none; padding-bottom: 1px; border-bottom: 3px solid #ff3300;}

.fine, p.fine {
	font-size: .85em;
	line-height: 1.7em;
	letter-spacing: 0.05em;
}

.fine a:link, .fine a:visited {color: #cc3300; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #cc3300;}
.fine a:link:hover, .fine a:visited:hover {color: #ff3300; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #ff3300;}

.extrafine {
	font-size: .75em;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}
.copy{
	margin-top: 10px;
	color: #999999;
}
strong {font-weight: bold;}

em {font-style: italic;}

p {margin: 0 0 10px 0;}

/* Images and other elements ---------------------------------------------------------------------------------------------------- */

hr.subdivide {
	border: 0;
	border-bottom: 3px solid #cccc99;
	margin: 20px 0;
	width: 570px;
	position: relative;
	left: -10px;
	clear: both;
}

#main img {
	clear: left;
	float: left;
	position: relative;
	right: 10px;
	margin: 0 25px 30px 0;
}

.downloader {
	display: block;
	margin: 25px 0;
	padding: 15px;
	border: 3px solid #cccc99;
	overflow: hidden;
	line-height: 1.8em;
}
.downloader {font-size: .85em; line-height: 1.7em; letter-spacing: 0.05em;}
.downloader img, #main .downloader img {float: right; right: 0px; margin: 0 0 0 15px;}
.downloader a:link, .downloader a:visited {color: #cc3300; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #cc3300; font-weight: bold;}
.downloader a:link:hover, .downloader a:visited:hover {color: #ff3300; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #ff3300; font-weight: bold;}


p.return {
	clear: both;
}

/* Header ------------------------------------------------------------------------------------------------------------------------- */

#header_outreach, #header_saturday, #header_both {
	overflow: hidden;
	vertical-align: bottom;
	padding-top: 20px;
	margin-bottom: 20px;
}

#header_outreach {border-top: 20px solid #ffff00;}
#header_saturday {border-top: 20px solid #cc3300;}
#header_both {border-top: 20px solid #cccc99;}

#header_both h1 {
	background: url(../img/title_programs.gif);
	height: 37px;
	width: 462px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}

#header_outreach h1 a, #header_saturday h1 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	height: 45px;
}

#header_outreach h1 a {background: url(../img/title_outreach.gif);width: 258px;}
#header_saturday h1 a {background: url(../img/title_saturday.gif);width: 255px;}

#header_outreach .fine, #header_saturday .fine {
	float: left;
	position: relative;
	top: 24px;
}

#header_outreach .fine {left: 10px;}
#header_saturday .fine {left: 5px;}


/* Nav ---------------------------------------------------------------------------------------------------------------------------- */

#nav {
	margin-bottom: 40px;
	clear: both;
	display: block;
	overflow: hidden;
	border-top: 1px solid #cccc99;
}

#nav ul li {
	font: bold 0.9em/1em arial, "helvetica", sans-serif;
	padding: 15px 28px 0 0;
	float: left;
}
#nav ul li a {display: block;}
#nav ul li a:link, #nav ul li a:visited {color: #cc3300; text-decoration: none; padding-bottom: 3px;}
#nav ul li a:link:hover, #nav ul li a:visited:hover {color: #ff3300; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #ff3300;}

#nav ul li.active a:link, #nav ul li.active a:visited {background-color: #fff; color: #000;}

/* Homepage  --------------------------------------------------------------------------------------------------------------- */

img.banner {
	margin: 30px 0;
	display: block;
}

.full {
	border-top: #cccc99 solid 5px;
	padding: 30px 0;
	clear: both;
	display: block;
	overflow: hidden;
}

p.intro {
	margin: 0 0 30px 0;
}

.half {
	width: 399px;
	float: left;
	position: relative;
	margin: 0 25px 30px 0;
	padding: 10px;
	border: 3px solid #fff;
}

.half:hover {border: 3px solid #ff3300;} 
.lastone {margin: 0;}
.lastone:hover {border: 3px solid #ffff00;}

h3.title_saturday, h3.title_outreach {
	height: 29px;
	text-indent: -9999px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

h3.title_saturday  {width: 255px; background: url(../img/title_saturday.gif); background-position: 0 -16px;}
h3.title_outreach {width: 258px; background: url(../img/title_outreach.gif); background-position: 0 -16px;}

.half li {
	font: normal normal 1.1em/1.5em helvetica, arial, sans-serif;
	letter-spacing: 0.05em;
	margin: 0 0 20px 0;
}

/* Calendar ---------------------------------------------------------------------------------------------------------------- */

#calendar {
	float: left;
	width: 895px;
	margin: 0 0 15px 0;
}

#calendar h2 {
	float: left;
	width: 400px;
	margin-bottom: 25px;
}

.anevent {
	display: block;
	clear: both;
	padding: 25px 10px;
	border-top: 3px solid #cccc99;
	position: relative;
	right: 10px;
	overflow: hidden;
}

.anevent .metadata {
	width: 125px;
	float: left;
	margin-right: 25px;
	font-size: ;
}

.anevent .thedate {
	width: 105px;
	float: left;
	margin: 0 25px 0 0;
	padding: 10px;
	font-size: 1.5em;
	color: #fff;
	background-color: #000;
}

.anevent .thedate .monthday {
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}


.anevent h3 {
	margin: 0 0 15px 0;
}

.anevent .twothird {
	width: 575px;
	float: left;
	margin: 0;
}

.moretoggle, .moretoggle2 {
	cursor: pointer; 
	display: inline;
	position: relative;
	padding-right: 18px;
	color: #cc3300; 
	font-weight: bold;
}

.moretoggle {background: url(../img/closed.gif) no-repeat 100% 100%;}
.moretoggle2 {background: url(../img/open.gif) no-repeat 100% 100%;}

.more {margin-top: 10px;}

/* Gallery ---------------------------------------------------------------------------------------------------------------- */

#gallery {
	float: left;
	width: 895px;
	margin: 0 0 15px 0;
}

#gallery p{
	margin-top: 20px; 
}

/* Contact ---------------------------------------------------------------------------------------------------------------- */

.googlemap {
	text-align: right;
	margin: 10px 0 15px 0;
	display: block;
}


/* Side Bar  --------------------------------------------------------------------------------------------------------------------- */

#side, .section_label {
	width: 250px;
	background: #fff;
	margin: 0 0 50px 0;
	float: right;
	border-left: 5px solid #000;
	padding-left: 20px;
}

#side h3, .section_label h3, h3.events {
	font: normal bold 1.2em/1.2em arial black, helvetica, arial, sans-serif;
	margin: 0 0 20px 0;
	letter-spacing: 0.07em;
	color: #000;
}

#side a img {
	height: 200px;
	width: 250px;
	margin: 0 0 10px 0;
	border: 0;
}

hr.feature_divider {
	border: 0;
	border-bottom: 3px solid #cccc99;
	margin: 20px 0;
	width: 260px;
	position: relative;
	left: -5px;
}

p.quote {
	font: italic normal 1.4em/1.6em georgia, serif;
	color: #000;
}

#side ul {
	line-height: 2em;
}

/* Search form  ----------------------------------------------------------------------------------------------------------------- */

#search {float: right;}

#search input {vertical-align: middle;}

#search input#search-text {
	width: 150px;
	margin-right: 5px;
	}

/* Footer --------------------------------------------------------------------------------------------------------------------- */

#footer {
	border-top: #000 solid 5px;
	padding: 20px 0 0 0;
	clear: both;
	display: block;
	overflow: hidden;
}

.footer_address {
	width: 125px;
	float: left;
	margin: 0 25px 0 0;
}

.footer_disclaimer {
	width: 575px;
	float: right;
}

/* Important --------------------------------------------------------------------------------------------------------------------- */

a:link, a:visited {outline: 0;}

p.moretoggle, p.moretoggle2 {font-weight: bold;}