@import url(basestyles.css);

body {
	font: 70%/150% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	margin: 0;
	text-align: left;
	}

ul, ol, dl { margin: 0 0 1em 1.2em; line-height:1.3em; list-style-type: square; }
li { margin-bottom: .3em; }
blockquote { margin: 1em 0 2em 4em; }

h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.2em; }
h1 { font-size: 1.5em; margin: 0 0 .5em; }
h2, legend { font-size: 1.2em; margin: 0; font-weight:bold; }
p+h2 { margin: 1.2em 0 0; }
h2.month { text-align: center; font-size:1.8em; padding: 0 0 10px; }
h2.month a { font-size: .6em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
.directory h2 { margin: 4em 0 0; }
div.directory p+h2 { margin: 0; }
.directory h4 { font-size: 1.1em; margin: 1em 0 0; }

a, a:link, a:visited {
	color:#1c334b;
	text-decoration: underline;
	}
a:hover {
	color:#fff;
	background: #1c334b;
	text-decoration: none;
	}

legend {
	padding: 0 3px;
	margin: 0 0 .7em;
	}
fieldset {
	padding: 10px 10px 0;
	border: 1px solid #999;
	margin: 0 0 1em;
	background: transparent url("/dir_images/bg_fieldset.gif") left bottom repeat-x;
	}
* html fieldset { margin-top: -1em; }
.submit {
	text-align: center;
	margin: 1em 0 0;
	padding: 10px 0;
	}
#masthead {
	background: #fff;
	height: 95px;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #999;
	}
#logo {
	display: block;
	text-align: center;
	}

#spotlight h2 span, #rainouts h2 span, #upcomingevents h2 span {
	display: block;
	}


#rain_pop {
	background: #fff;
	border: 10px solid #960;
	text-align: left;
	padding: 10px;
	margin: 2em 0 0;
	}
#closebox {
	display: none;
	}
#now, #lastupdate {
	border: 2px solid #960;
	width: 43%;
	padding: 5px;
	float: left;
	margin: 1em 15px 2em 0;
	text-align: center;
	background: #ffe;
	}
#lastupdate {
	background: #ffd;
	margin-right: 0;
	}


.mainimage {
	width: 38%;
	float: right;
	margin: 0 auto;
	}
.mainimage img {
	border: 2px solid #1c334b;
	width: 100%;
	}
.mainimage em {
	display: block;
	font-size: .9em;
	margin: 0;
	padding: 1px 5px 3px;
	color: #666;
	}
#content .mainimage {
	width: 38%;
	float: right;
	margin: 0 0 0 25px;
	}

#inset {
	background: #fff;
	border-top: 1px solid #999;
	margin: 2em auto 1em;
	padding: 25px 0;
	text-align: left;
	}
/* For two columns */
#inset #c1 {
	float: left;
	width: 60%;
	}
#inset #c2 {
	float: right;
	width: 35%;
	}
/* For three columns */
#inset #c1_3 {
	float: left;
	width: 31%;
	margin: 0 2% 0 0;
	}
#inset #c2_3 {
	float: left;
	width: 31%;
	}
#inset #c3_3 {
	float: right;
	width: 31%;
	}

#related {
	border: 1px solid #999;
	padding: 10px;
	margin: 0 0 2em 0;
	}
#related h2 {
	margin: -10px -10px 5px;
	padding: 5px 10px;
	}

.boardmtg {
	margin: 1.5em 0 1.8em 1.3em;
	padding: 0 0 0 1em;
	border-left: 3px solid #960;
	}

.doc {
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
	}

#footer { margin: 1em 0 0; padding: 0 0 15px 0; border-top: 1px solid #ccc; }
#footer p { display: block; color: #adb290; font-size: .8em; }


/* Color coded bits */
.about h1, .about h2, .about h3, .about h4, .about legend { color: #001d3f; }
.parks h1, .parks h2, .parks h3, .parks h4, .parks legend { color: #556222; }
.event h1, .event h2, .event h3, .event h4, .event legend { color: #a98926; }
.progr h1, .progr h2, .progr h3, .progr h4, .progr legend { color: #46566b; }
.teams h1, .teams h2, .teams h3, .teams h4, .teams legend { color: #782202; }
.work h1, .work h2, .work h3, .work h4, .work legend { color: #960; }

.about .mainimage img { border: 2px solid #001d3f; }
.parks .mainimage img { border: 2px solid #556222; }
.event .mainimage img { border: 2px solid #a98926; }
.progr .mainimage img { border: 2px solid #46566b; }
.teams .mainimage img { border: 2px solid #782202; }

.about #inset label {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 5px; }
.about textarea { margin-bottom:10px; width: 72%; }
.about #related    { border: 1px solid #001d3f; float:right; clear: right; width: 35%; margin: 1em 0 1em 20px; }
.about #related h2 { color:#001d3f; background: none;}
.parks #related    { border: 1px solid #556222; }
.parks #related h2 { color: #556222; }
.event #related    { border: 1px solid #a98926; }
.event #related h2 { color: #a98926; }
.progr #related    { border: 1px solid #46566b; }
.progr #related h2 { color: #46566b; }
.teams #related    { border: 1px solid #782202; }
.teams #related h2 { color: #782202; }

#my_team {
	display: block;
	margin: 0; padding: 5px 8px 8px;
	border: 2px solid #782202;
	border-left: 6px solid #782202;
	background: #fbfbf7 url("/dir_images/bg_myteams.gif") right center no-repeat;
	margin-bottom:10px;
}
#myteam_y, #myteam_n {
	padding: 5px 0 8px 17px;
	background: transparent url("/dir_images/bg_myteam_y.gif") left center no-repeat;
}
#myteam_n {
	background: transparent url("/dir_images/bg_myteam_n.gif") left center no-repeat;
}

#natarea {
	display: block;
	margin: 0; padding: 0 0 0 20px;
	line-height: 18px;
	background: #fff url("/dir_images/bg_natarea.gif") left center no-repeat;
	margin-bottom: 1em;
}

body .shad,
body #inset .shad,
#screenlogo,
#nav_search, 
#gnav,
#rainouts,
#spotlight h2 img,
#rainouts h2 img,
#upcomingevents h2 img,
#register,
a#tour,
#footer span
{ display: none; }


.popHide { display: block; }
.popShow { display: block; }