/** Layout **/
* {margin:0;padding:0;}

body {background-color:#00762f;}

#page
{
width:800px;
margin:0 auto;
background:url(/images/page_bg_with_shadow.gif) repeat-y top left;
padding:0;

}

#header
{
margin-left:10px;
background:url(/images/header_img.jpg) no-repeat top left;
height:183px;
}

#navigation
{
background:#000 url(/images/nav_bar_shadow.gif) repeat-x left bottom;
color:#ede7c7;
width:780px;
font-size:16px;
height:50px;
}

#content
{
background-color:#fff;
clear:both;
margin:0 10px;
padding:20px 15px 5px 15px;
}

#footer
{
width:800px;
color:#fff;
margin:0 auto;
padding-top:15px;
background:#00762f url(/images/page_bottom_with_shadow.gif) no-repeat top center;
text-align:center;
}

/** General Typography **/
body
{
color:#000;
font-family:Verdana, Arial, sans-serif;
font-size:0.8em;
}

h1 {color:#ede7c7;font-size:1.8em;}
h2 {color:#00762f;font-size:1.6em;}
h3 {font-size:1.3em;}
h4 {font-size:1.1em;}

p {margin:5px 0 10px 0;}

ul, ol {list-style-position:outside;margin:0 0 10px 20px;}
li {margin:2px 0;}

a {color:#65893e;}
a:visited, a:hover {color:#95ad7b;}

a img {border:none;}

/** General Styles **/
.required {color:#cc0000;}
.img_border {border:1px solid #95ad7b;}
.caption {font-size:0.85em;color:#999;}
.callout_box 
{
border:1px solid #D8E1D1;
background-color:#e7efdf;
margin:16px 0;
padding:12px;
width:716px;
}

.callout_box p {margin:5px 0;}

table {border-top:1px solid #ccc;border-right:1px solid #ccc;margin:5px 0 15px 0;}
td {border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:3px;}

.float_left {float:left;margin:0 10px 5px 0;}
.float_right {float:right;margin:0 0 5px 10px;}
.clear_both {clear:both;}

/** Search Box **/
#search {float:right;margin:5px 15px 0 0;}
#search form {margin:0;padding:0;}
.search_input {border:1px solid #aca890;height:20px;font-size:1.3em;padding:2px 0;}
.search_btn {background-color:#108c41;border:2px outset #108c41;color:#ede7c7;font-weight:bold;}

/** Navigation **/

#nav_list{list-style:none;margin:0;}
#nav_list li {display:block;float:left;margin:0;}
#nav_list li a {color:#ede7c7;text-decoration:none;padding:10px;display:block;}
#nav_list li a:hover {background-color:#108c41;}

.subnav {list-style:none;margin:0;background-color:#000;position:absolute;font-size:0.9em;top:183;z-index:100;}
#nav_list ul.subnav li {display:block;float:none;border-bottom:1px solid #fff;}
#nav_list ul.subnav a {display:block;padding:5px 10px;}

.subnav {display:none;}
#nav_list li:hover ul.subnav {display:block;}

body.home #nav_list li#home a, body.news #nav_list li#news a, body.conservancy #nav_list li#conservancy a, body.park #nav_list li#park a, body.calendar #nav_list li#calendar a, body.kids #nav_list li#kids a, body.permits #nav_list li#permits a, body.support #nav_list li#support a, body.contact #nav_list li#contact a, body.faq #nav_list li#faq a {background-color:#108c41;}

/** Community Council page **/
.member_info {float:left;width:50%;margin-bottom:15px;}

/** Board of Directors page **/
.board_list {list-style-type:none;}
.board_list li {margin-bottom:15px;}

/** Park Features page **/
.trail_description {margin-left:25px;}
h3.feature_header {background-color: #00762F;color:#fff;padding:0 0 2px 5px;margin:5px 0;}
div.feature_list {margin:0;padding:0;}

/** Homepage Slide Show **/
#slideshow
{
width:250px;
height:175px;
float:right;
margin:0 0 10px 10px;
z-index:0;
}

/** Homepage This Season in the Park **/
.feat_events_info
{
clear:both;
border-top:1px solid #D8E1D1;
padding:16px 0 0 0;
margin:16px 5px;
}

.first_event
{
border:none;
margin-top:0;
}
/** Programs and Special Events page **/
#events_list {margin-bottom:25px;}
#events_list h2 {font-size:1.3em;}
#events_list h3 {font-size:1.1em;}
#events_list .event_body {margin-left:57px;}
#events_list .vevent {margin-bottom:15px;}
#single_event_location p {display:none;}

#events_list .linkout {background:none; padding:0;margin:0;}
#events_list ul {margin-left:0;}
#single_event_location, #single_event_cost {margin-bottom:10px;}

#events_list div.single_event_head h1.summary {color:#00762f;font-size:1.6em;}

/** Newsletter signup form **/
.newsletter_form {list-style:none;border:1px solid #95ad7b;background-color:#e7efdf;margin:10px 0px;padding:5px;}
.newsletter_form li {margin-bottom:10px;}
.newsletter_form label {float:left;width:15%;}

/** Footer **/

