/*  ============ LAYOUT STYLES ============*/
html, body {
	behavior: url(/css/csshover.htc);/* behaviour to add hover capabilities to IEWin for any element, not just links*/
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333333;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	background: #176814;
}

#container {width: 830px;margin: 30px auto 0 auto;background: url(/media/interface/bg_container.gif) repeat-y 50% 0px;}

#header {width: 830px;height: 90px;}
#header h1 {width: 830px;height: 90px;margin: 0;padding: 0;text-indent: -5000px;background: url(/media/interface/bg_header.gif) no-repeat;font-size: 1px;}

#footer {clear:both;background: url(/media/interface/bg_footer.gif);height: 60px;width: 830px;}
#footer p {font-size: 0.9em;color: #666666;text-align: right;border-top: 1px solid #CCCCCC;margin: 0 40px 0 230px;}

/*  ============ SUBNAV STYLES ============*/
#subnav {
	display: inline; /*kills Internet Explorer double margin bug on floated elements, arg!*/
	float: left;
	margin-left:19px;
	width: 186px;
	}
#subnav ul {
	margin: 0 5px 0 5px;
	padding: 0;
	list-style-type: none;
	}
#subnav li {
	margin: 0 0 1px 0;
	padding-left: 0px;
	font-size: 12px;

	}
#subnav a {
	display: block;
	padding: 1px 4px 1px 5px;
	width: 167px;
	color: #fff;
	
	text-decoration: none;
	}
#subnav a:hover {
	color: #fff;
	background-color: #FF6300;
	text-decoration: none;
	}
#subnav ul ul { 
	margin: 0;

	}
#subnav ul ul li { 
	margin: 0;font-size: 11px;
	}
#subnav ul ul a {
	display: block;
	padding: 1px 5px 1px 20px;
	width: 155px;
	color: #fff;
	background-color: #FFB400;
	text-decoration: none;
	}
#subnav ul ul a:hover{
	color: #fff;
	background-color: #69C;
	text-decoration: none;
	}
h3.aboutButton, h3.resourcesButton, h3.servicesButton, h3.joinTeamButton, h3.contactButton, h3.quickLinksButton {width: 166px;height: 32px;margin: 10px auto;padding: 0;text-indent: -5000px;}
h3.aboutButton { background: url(/media/interface/buttons/subnav_about.gif) no-repeat;}
h3.resourcesButton { background: url(/media/interface/buttons/subnav_resources.gif) no-repeat;}
h3.servicesButton { background: url(/media/interface/buttons/subnav_services.gif) no-repeat;}
h3.joinTeamButton { background: url(/media/interface/buttons/subnav_joinTeam.gif) no-repeat;}
h3.contactButton { background: url(/media/interface/buttons/subnav_contact.gif) no-repeat;}
h3.quickLinksButton { background: url(/media/interface/buttons/subnav_quickLinks.gif) no-repeat;}

/*  ============ CONTENT STYLES ============*/
#content {
	margin: 0 40px 0 230px;
	padding: 0px;
	height: 100%;
	}
#content h2 {
	margin: 0 0 15px;
	padding: 0 0 3px;
	font-size: 01.4em;
	background: url(/media/interface/bg_h2.gif) no-repeat left bottom;
	}
#content h3 {
	margin: 0 20px 5px 15px;
	padding: 0 0 3;
	font-size: 1.1em;
	font-style: italic;
	background: url(/media/interface/bg_h3.gif) no-repeat left bottom;
	}
#content h4 {margin: 0;padding: 0;}
#content p {margin: 0px 40px 1em 20px;}
#content img.right {float:right;padding: 0 0 5px 10px;margin-right: -40px;}
#content img.left {float:left;}
#content .noticeBox {background: #ffffd9;padding: 1em;margin: 1em 100px;border: 1px solid #55DF00;text-align: center;}
#content .noticeBox img {border: none;}
.moreInfo {display:block;width: 350px;font-style: oblique;color: #FF0000;text-align: center;margin: 25px auto 25px auto;border: 1px dotted #CCCCCC;padding: 1em;}

/*  ============ MENU SYSTEM ============ */
div#nav {width: 602px;height: 40px;position: relative;left: -1px;font-size: 11px;margin: 11px 0 0 211px;}
	div#nav ul {margin: 0;padding: 0;background: #187E25;border: 1px solid #7a8952;border-width: 0 1px;}
	div#nav li {position:relative;list-style:none;margin:0;float:left;width:120px;line-height:1em;}
	div#nav li:hover {background: #20AA31;}
	div#nav li.submenu {background: url(/media/images/interface/menu/chevron_fdown.gif) 95% 50% no-repeat;margin: 0;padding: 0;}
	div#nav li.submenu img {border: 0;margin: 0;padding: 0;}
	div#nav li.submenu:hover {background: url(/media/images/interface/menu/chevron_fdownHover.gif) 95% 50% no-repeat;background-color: #13A616;}
	div#nav li a:hover {color: #DDDB00;}
	div#nav li a {display: block;text-decoration: none;width: 120px;color: #FFFFFF;}
	div#nav li ul.level2 a {padding: 0.25em 0 0.25em 0.5em;/*add space around links*/}
	div#nav>li a {width: auto;}
	div#nav ul ul {position: absolute;width: 180px;display: none;}
	div#nav ul ul li {border-bottom: 1px solid #7a8952;width: 180px;}
	div#nav li.submenu li.submenu {background: url(/media/images/interface/menu/chevron_fright.gif) 95% 50% no-repeat;}
	div#nav li.submenu li.submenu:hover {background-color: #1FA530;}
	div#nav ul.level1 li.submenu:hover ul.level2,div#nav ul.level2 li.submenu:hover ul.level3 {display: block;}
	div#nav ul.level2 {z-index: 1000;top: 25px;left: 5px;}
	div#nav ul.level3 {top: -1px;left: 180px;border-top: 1px solid #7a8952;}

/*  ============ SITEMAP STYLES ============ */
div#sitemap {width: 250px;float: left;}
	div#sitemap ul li{font-size: 1.2em;font-weight: bold;list-style: none;margin: 0 0 1em 0;}
	div#sitemap ul li ul li{font-size: .8em;font-weight: normal;margin: 0 0 .2em 0;}
	div#sitemap ul li ul li ul li{font-size: 1em;}
	div#sitemap li a {text-decoration: none;}
	div#sitemap li a:hover {text-decoration: underline;}

/* ============ FORM STYLES ============ */
#referralForm {	
	margin:0;
	padding:0;
}
#referralForm fieldset {
	margin:0 0 15px 0;
	padding:0;
	}
#referralForm legend {
	margin:0 0 0 20px;
	padding:3px 5px;
	font-weight: bold;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #999999;
	}
#referralForm label {
	width: 200px;
	float: left;
	text-align:right;
	margin-right: 0.5em;
	display: block;
}
#referralForm input, #referralForm select, #referralForm textarea {
width: 230px;
}
#referralForm p {clear: left;margin-bottom: 10px;}
.required {
	color: #FF0000;
	font-weight: bold;
}
#referralForm input.submitButton {margin: 20px auto 30px auto;float: none;border: none;height: 18px;width: 153px;}
#referralForm input.hidden {display: none;}
#login label {display: block;}
/* ============ MISC STYLES ============ */
.quote {padding: 5px 75px 20px 75px;color: #009900;font-style: oblique;font-weight: bolder;display: block;text-align: center;}
.quote small {color: #666666;display: block;}

.phoneBox {background: #ffffd9 url(/media/interface/bg_phone.jpg) no-repeat -45px -35px;padding: 1em 1em 1em 150px;margin: 1em 50px;border: 1px solid #55DF00;text-align: center;font-size: 1.1em;}

.phoneName, .phoneNumber {display: block;font-weight: bold;margin-top: 9px;}

.downloadBox {background: #ffffd9 url(/media/interface/bg_download.jpg) no-repeat -45px -35px;padding: 1em 1em 1em 140px;margin: 1em 50px;border: 1px solid #55DF00;text-align: center;}
.downloadBox img {border: none;}


/* ========== POSITIONS AVAILABLE AND VOLUNTEERS BOX STYLES ========== */
#positionsVoluteersBox  {
	margin: 40px auto 30px auto; 
	padding: 0; 
	list-style: none;
	width: 400px; 
	height: 78px;
	display: block;	
	background: url(/media/interface/linkGrid_positions-volunteers.gif); /* general background: all tabs; horizontal dimension! */ 
	}

#positionsVoluteersBox li {
	float: left;
	line-height: 1px; /* for IE */
	font-size: 1px; /* for IE */
	}

#positionsVoluteersBox a {
	width: 200px; 
	height: 78px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	}

/* hovering */
#positionsVoluteersBox a:hover { background-image: url(/media/interface/linkGrid_positions-volunteers.gif); }
#positionsVoluteersBox a#button_positionsAvailable:hover { background-position: 0 -78px; } /* positioning only the needed one*/
#positionsVoluteersBox a#button_volunteers:hover { background-position: 200px -78px; }


/* ========== END TABNAV STYLES ========== */

/* ========== JOB POSTING STYLES ========== */
div.jobPosting {
	margin: 20px auto;
	width: 500px;
	background: url(/media/interface/bg_jobPosting.gif) no-repeat top;
	}
.jobPosting span {
display: block;
	}
#content .jobPosting .jobTitle {
	margin:0;
	padding:8px 20px 0px 20px;
	font-style: oblique;
	color: #333333;
	height: 1.2em;
	background: url(none);
	}
.jobDetails {
	margin: 25px 40px;
	border: 1px solid #CCCCCC;
	color: #333333;

	}
.jobDescription, .jobQualifications {
	margin: .5em 2em;
	}
.jobDeadline, .jobDate, .jobFTE, .jobWage {
	width:;
	margin: 0 10px;
	padding: 4px;

	}
.jobDeadline, .jobDate {}
.jobFTE, .jobWage {}
.jobNoPost {}



/* ========== CHARITY MOTORCYCLE RIDE STYLES ========== */
dl#charityRideDetails {
	margin: 0px 0px 8em 50px;

}
dl#charityRideDetails dt {
	color: black;
	margin: 25px 0 .5em 0;
	border-top:1px solid #a3a3a3;
border-bottom:1px solid #777;
border-left:11px solid #777;
border-right:1px solid #888;
background:#ebebeb;
	padding: .1em .3em 0em;
	font: oblique bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
dl#charityRideDetails dd {
	color:#202020;
	line-height:1em;
	background: url(../media/interface/bullet1.png) no-repeat left 0px;
	padding-left: 16px;
	margin: 0px 0px 1em 30px;
}
dl#charityRideDetails strong {}
dl#charityRideDetails img.right {margin: 0 0 0 10px;}
dl#charityRideDetails a:link, dl#charityRideDetails a:hover, dl#charityRideDetails a:visited {
	color: #0579DC;
	text-decoration: none;
	font-style: oblique;
}
dl#charityRideDetails a:hover {
	text-decoration: underline;
}


/* ========== BOARD MEMBER PHOTO STYLES ========== */
ul.boardMembers {list-style:none;}
ul.boardMembers li {float:left;text-align:center;margin:1em;}
ul.boardMembers strong {display:block;}
ul.boardMembers img {display:block;}