﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.4 Arial,sans-serif;
	background:#1e3448 url(../images/body_bg.gif);
	color:#000;
}

/* ---- global styles ---- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}
abbr, acronym {cursor:help}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- headings ---- */
h1 {
	font:bold 2em Georgia, "Times New Roman", Times, serif;
	color:#1e3448;
	margin-bottom:10px;
}

h2 {font-size:1.3em}

h3 {
	font-size:1.1em;
	color:#1e3448;
	border-bottom:1px solid #558410;
	margin-top:50px;
}

hr {
	height:1px;
	border:0;
	background:#558410;
	color:#558410;
}

/* ---- container ---- */

#container {
	margin:0 auto;
	width:770px;
	background:#FFF}

/* ---- top ---- */
#top {
	width:770px;
	height:149px;
	background:url(../images/logo2.gif) no-repeat 25px bottom;
}
	
.printlogo {
	position:relative;
	top:0;
	left:10px;
	display:none;
}

#sponsor_large {
	width:270px;
	height:115px;
	float:right;
	position:relative;
	top:10px;
	right:10px;
}

/* ---- crossfader ---- */
ul#fader {
	position:relative;
	float:left;
	margin:0;
	padding:0}
ul#fader li {
	margin:0;
	padding:0}

/* hide, then unhide using js */
ul#fader li {display:none}
ul#fader li#pic01 {display:block}

/* ---- top navigation ---- */
#navbar {
	width:750px;
	height:22px;
	background:#558410;
	color:#fff;
	padding-top:4px;
	text-align:right;
	font-weight:bold;
	position:relative;
	left:10px;
}
	
#navbar p {margin:0 10px 0 0}

#navbar a {
	color:#fff;
	padding:0 10px;
	text-decoration:none;
}
	
#navbar a:hover {text-decoration:underline}

/* ---- sidebar ---- */
#sidebar {
	width:193px;
	height:250px;
	margin-top:35px;
	float:left;
	position:relative;
	left:10px;
}

.v_menu {width:183px}

* html .v_menu {width:177px}

.v_menu ul {
	padding:0;
	margin:0 0 1em;
	list-style-type:none;
}

.v_menu li {margin:0 0 3px 0}

.v_menu a {
	width:171px;
	height:22px;
	font-weight:bold;
	padding:4px 0 0 12px;
	display:block;
	color:#595959;
	text-decoration:none;
	background:url(../images/v_nav_button.gif) no-repeat 0 0;
}

html>body .v_menu a {width:auto}

.v_menu a:hover, .v_menu li.selected a {background-position:0 -26px; color:#000}

/* ---- text-size ---- */

ul#text-size-options {
	display:none;
	list-style:none;
	margin:20px 0 70px 20px;
	padding:0;
}
	
ul#text-size-options.show {display:block}

ul#text-size-options li {
	margin:0 4px 0 0;
	padding:0;
	float:left;
}

ul#text-size-options a {
	display:block;
	width:18px;
	height:17px;
	border:1px solid #294007;
	background:#FFF url(../images/text_size.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

li#text-title {position:relative; top:1px; left:-5px; font-weight:bold}
ul#text-size-options a:hover {border-color:#ccc}
li#text-m a:hover {border-color:#461f02}

li#text-m a {background-position:0 -17px}
li#text-l a {background-position:-18px 0}
li#text-xl a {background-position:-36px 0}

.hide {display:none !important}
.show {display:block}

/* ---- content ---- */

#content {
	width:557px;
	min-height:250px; height:auto !important; height:250px;
	margin-top:35px;
	float:right;
	position:relative;
	left:-10px;
}

#content_main {
	width:370px;
	min-height:400px; height:auto !important; height:400px;
	float:left;
}

#content p, #content_main p {line-height:1.8em}
#content a, #content_main a {color:#960}
#content a:hover, #content_main a:hover {text-decoration:none}
#content li li {margin-bottom:5px}

.leaf_bullet {
	padding-left:30px;
	padding-top:5px;
	text-indent:-10px;
	background:url(../images/leaf_bullet.gif) no-repeat 0 0;
}

.leaf_bullet:first-line {
	font-size:1.1em;
	font-weight:bold;
}

.mainpic {margin-bottom:20px}

#sponsor_small {
	width:184px;
	min-height:250px;
	height:auto !important;
	height:250px;
	float:right;
}

.sig {margin-left:30px; text-indent:-14px}
.pdficon {padding-left:3px}
.getacro {margin-top:10px; border:1px solid #558410}
.getacro:hover {border:1px solid #c4d4ac}

.extrabutton {margin-left:10px}

.extrabutton a {
	width:177px;
	height:21px;
	text-decoration:none;
	text-align:center;
	color:#fff !important;
	font-weight:bold;
	margin-top:19px;
	padding-top:5px;
	display:block;
	overflow:hidden;
	background:url(../images/extra_button.gif) no-repeat 0 0;
}

.extrabutton a:hover {background-position:0 -26px}

.yellowbutton, .yellowbutton_sm {margin:0 0 19px 10px}

.yellowbutton a {
	width:177px;
	height:57px;
	text-decoration:none;
	text-align:center;
	color:#595959 !important;
	font-weight:bold;
	padding-top:5px;
	display:block;
	overflow:hidden;
	background:url(../images/yellow_button.gif) no-repeat 0 0;
}

.yellowbutton a:hover, .yellowbutton a.selected, .yellowbutton_sm a:hover, .yellowbutton_sm a.selected {background-position:0 -62px; color:#000 !important}

.yellowbutton_sm a {
	width:177px;
	height:47px;
	text-decoration:none;
	text-align:center;
	color:#595959 !important;
	font-weight:bold;
	padding-top:15px;
	display:block;
	overflow:hidden;
	background:url(../images/yellow_button.gif) no-repeat 0 0;
}

.sponsorbutton a {
	width:138px;
	height:88px;
	text-decoration:none;
	text-align:center;
	color:#595959 !important;
	font-weight:bold;
	font-size:1.2em;
	padding-top:24px;
	padding-left:130px;
	display:block;
	overflow:hidden;
	background:url(../images/sponsor_button.gif) no-repeat 0 0;
}

.sponsorbutton a:hover {background-position:0 -112px; color:#000 !important}

.sponsor_small_area {
	width:125px;
	height:125px;
	text-align:center;
	margin:0 auto;
}

.sm_sponsorbutton a {
	margin:0 auto;
	width:125px;
	height:120px;
	padding-top:5px;
	text-decoration:none;
	text-align:center;
	color:#595959 !important;
	font-weight:bold;
	display:block;
	overflow:hidden;
	background:url(../images/sm_sponsor_button.gif) no-repeat 0 0;
}

.sm_sponsorbutton a:hover {background-position:0 -125px; color:#000 !important}

/* ---- footer ---- */

#footer {
	width:770px;
	height:52px;
	text-align:center;
	color:#FFF;
	line-height:1.6em;
	padding-top:14px;
	clear:both;
	background:url(../images/footer_bg.gif) no-repeat 0 0;
}

#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}

/* ---- forms ---- */
form {width:340px; margin-left:10px; padding:5px}
fieldset {display:inline; border:none}
fieldset p {margin-left:0; margin-right:0}
fieldset span {color:#F00; font-weight:bold}
fieldset dl {margin:0; padding:0}
fieldset dt {margin:13px 0 1px; font-weight:normal}

label {cursor:pointer}
input, textarea, select {
	width:270px;
	padding:4px;
	border:1px solid #CCC;
	font:1em Verdana,sans-serif;
	border-top-color:#a1a592;
	border-left-color:#a1a592;
	background:#FFF;
	color:#333}
textarea {overflow:auto}

input:hover, textarea:hover, select:hover {border:1px solid #602C05; background:#FFF}
input:focus, textarea:focus, select:focus {border:1px solid #303f00; background:#FFF; color:#000}

input.submit, input.reset {cursor:pointer; margin:2em 0 0; width:100px}
input.submit {margin-right:30px; background:#558410; color:#FFF; border:1px solid #294007}
input.reset {background:#bdc1b0}

input.submit:hover, input.reset:hover, input.submit:focus, input.reset:focus {border:1px solid #000; background:#82C819; color:#FFF}
input.submit:hover, input.reset:hover {border-top-color:#000; border-left-color:#000}
input.submit:focus {background:#82C819}
input.reset:hover {background:#E0E2DA; color:#000}
input.reset:focus {background:#E0E2DA; color:#000}

input#city {width:164px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed, select.validation-failed {
	border:1px solid #F00;
	color:#F00}
.validation-advice {
	margin:0 0 5px;
	padding:4px;
	font-size:.9em;
	color:#F00;
	width:307px}

.message {
	visibility:visible;
	display:none}

/* ---- Members and Services form ---- */
form#search-form {margin:0 10px; padding:0}
form#search-form fieldset,
form#search-form dl {margin:0; padding:0}

form#search-form dd {
	margin:0;
	padding:.5em 0 0 23px}

form#search-form label {font-weight:bold}
form#search-form p {margin:1em 0}

input.radio, input.check {
	width:auto;
	position:relative;
	top:2px;
	margin:0;
	padding:0;
	border:0;
	background:none}
html>body input.radio {margin:0 7px 0 0}

form#search-form select.go {display:block}

/* ---- mailing list form ---- */
#mailinglist-form {
	margin:0;
	width:160px;
	padding:4px;
	background:#fff}
#mailinglist-form p.title {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#1e3448;
	margin:0}
#mailinglist-form fieldset dd {margin:0; font-weight:normal}
#mailinglist-form dt {margin:5px 0 0 0}
#mailinglist-form input {
	width:140px;
	border:1px solid #CCC;
	font:1em Verdana,sans-serif;
	border-top-color:#a1a592;
	border-left-color:#a1a592;
	background:#FFF;
	color:#333}
#mailinglist-form .validation-advice {
	width:142px;
	background:#EEE}

#mailinglist-form input.submit {
	background:#558410;
	color:#FFF;
	border:1px solid #294007;
	margin-top:10px;
	margin-right:0;
	width:150px;
	font-weight:bold;
}
#mailinglist-form input.submit:hover, #mailinglist-form input.submit:focus {
	border:1px solid #000;
	background:#82C819;
	color:#FFF;
}

/* ---- Calendar ---- */
table.calendar {width:100%; margin:0 auto}
table.calendar td {border:1px solid #e7e7e7; border-width:0 0}
table.calendar h3 {color:#154263; margin:6px 0 4px 0; padding:0 10px; font-size:1.0em; border-bottom:none}
table.calendar p {font-size:.8em}
table.calendar span {margin:3px; cursor:default; color:#999; font:normal .9em arial,sans-serif}
table.calendar span.format {display:block; font-size:.9em}
table.calendar input {width:65px}
table.calendar input.submit {margin:15px 0 0}

ul#month li {display:inline; list-style-type:none}
ul#month {margin-bottom:10px}
ul#month li a {margin:0 14px; font-weight:bold}

ul#range {margin:0}
ul#range li {list-style:none;background:none}

dl.calendar {margin-left:10px; background:#f1f1f1}
dl.calendar dt {padding:7px; background:#558410; font:bold 1em arial,sans-serif; text-transform:uppercase; color:#fff; position:relative;}
dl.calendar dd {margin:0 7px}
dl.calendar dd.title {padding-top:7px; font-weight:bold}
dl.calendar dd.desc {padding-top:.5em; color:#333}
dl.calendar dd.desc p {margin:0 0 1em}
dl.calendar dd.more {margin-top:.5em}

.EventLabel {font-weight:bold; color: #000}

.EventLabel2 {
	font-size:1.4em;
	color:#074222;
	padding:6px 0 1px 0;
	border-bottom:1px solid #b9b18b}
	
#from, #to {font-size:.9em}