/** Section-wide Layout **/
* {margin:0;padding:0;}

body
{
background:#0F004E;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.80em;
}

#page
{
width:742px;
height:100%;
background:#44bebc;
padding:16px;
margin:0 auto;
}

#search {width:774px;margin:0 auto;}

#left_sidebar {clear:left;}

#logo, #left_sidebar
{
float:left;
display:inline;
background:transparent;
width:160px;
}

#content
{
float:right;
display:inline;
background: #fffff0;
width:550px;
padding:16px;
}

/** Section-wide Typography **/
h1, h2, h3, h4 {color:#17007a;font-family:Tahoma, Arial, sans-serif}
h1, h2 {font-size:1.8em; font-weight: normal; letter-spacing:2px; font-variant: small-caps}
h1 {margin-bottom:10px;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}

a {color:#17007a;}
a:visited {color:#999999;}
a:hover {color:#79938f;}
a img {border:none;}

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

ul {margin:10px;margin-left:25px;}
ul li {margin-bottom:2px;}

.blue_text {color:#17007a;}
.teal_text {color:#006b6f;}
address {font-style:normal;}

/** Section-wide general styles **/
.download_link {background:url(/images/blue_arrow.gif) no-repeat 0% 15%;padding-left:10px;}

.back_link {background:url(/images/back_arrow.gif) no-repeat left center;padding-left:10px;}

.link_to_top {float:right;}

.float_left {float:left;margin:10px;margin-left:0;}
.float_right {float:right;margin:10px;margin-right:0;}

.clear_both {clear:both;}

.img_border {border:1px solid #17007a;padding:2px;}

.highlight_box {background-color:#d1e5e7;border:1px solid #75a0a6;padding:8px;}
.homepage_highlight_box h3{color:#f15c22;}

.download_list /*For ul's containing PDF links*/ 
{list-style-image:url(/images/blue_arrow.gif);}

/** Search Form **/
#search form
{
float:right;
background:#45c1bf;
width:33%;
margin-top:10px;
padding:5px 0 0 10px;
}

.search_input {height:17px;margin-left:6px;}

.search_btn {width:26px;height:21px;position:relative;right:5px;top:6px;}

#search label {font-weight:bold;font-size:0.9em;color:#17007a;}

/** Navigation **/
#navigation, #navigation ul
{
list-style:none;
padding:0;
margin:0;
width:150px;
font-size:1em;
border-bottom: 1px solid #17007a;
}
#navigation {position:relative;z-index:0;}
#navigation li {position:relative;font-weight:bold;font-size:1.2em;border-top: 1px solid #17007a;margin-bottom:0;}
#navigation li a {color:#17007a;text-decoration:none;display:block;height:25px;/*padding-left:45px;*/padding-top:5px;}
#navigation li a:hover {color:#fff;}

/*#navigation li#home a {background:url(/images/menu_home.gif) no-repeat top left;}
#navigation li#about a {background:url(/images/menu_about.gif) no-repeat top left;}
#navigation li#park a {background:url(/images/menu_park.gif) no-repeat top left;}
#navigation li#gardens a {background:url(/images/menu_gardens.gif) no-repeat top left;}
#navigation li#fitness a {background:url(/images/menu_fitness.gif) no-repeat top left;}
#navigation li#events a {background:url(/images/menu_events.gif) no-repeat top left;}
#navigation li#support a {background:url(/images/menu_support.gif) no-repeat top left;}
#navigation li#publications a {background:url(/images/menu_publications.gif) no-repeat top left;}
#navigation li#press a {background:url(/images/menu_press.gif) no-repeat top left;}
#navigation li#gallery a {background:url(/images/menu_image_gallery.gif) no-repeat top left;height:37px;padding-top:0;}
#navigation li#shop a  {background:url(/images/menu_shop.gif) no-repeat top left;}
#navigation li#contact a {background:url(/images/menu_contact.gif) no-repeat top left;}

#navigation li#home a:hover {background-position:bottom left;}
#navigation li#about a:hover {background-position:bottom left;}
#navigation li#park a:hover {background-position:bottom left;}
#navigation li#gardens a:hover {background-position:bottom left;}
#navigation li#fitness a:hover {background-position:bottom left;}
#navigation li#events a:hover {background-position:bottom left;}
#navigation li#support a:hover {background-position:bottom left;}
#navigation li#publications a:hover {background-position:bottom left;}
#navigation li#press a:hover {background-position:bottom left;}
#navigation li#gallery a:hover {background-position:bottom left;}
#navigation li#shop a:hover {background-position:bottom left;}
#navigation li#contact a:hover {background-position:bottom left;}*/

/*#navigation li#about ul li a, #navigation li#park ul li a, #navigation li#gardens ul li a, #navigation li#events ul li a{background:none;}*/

#navigation ul {position:absolute;left:150px;top:-1px;background-color:#44bebc;border:1px solid #17007a;display:none;z-index:100;}
#navigation ul li {padding:0;font-size:0.8em;border:none;}
#navigation ul li a {margin:5px 5px 5px 2px;padding-left:10px;display:block;width:130px;height:auto;}
#navigation ul li a:hover {background:url(/images/white_arrow.gif) no-repeat center left;}

#navigation li:hover ul {display:block;}

/* main nav you are here  styles */
body.home #navigation li#home a, body.about #navigation li#about a, body.park #navigation li#park a, body.gardens #navigation li#gardens a, body.fitness #navigation li#fitness a, body.events #navigation li#events a, body.support #navigation li#support a, body.press #navigation li#press a, body.publications #navigation li#publications a, body.gallery #navigation li#gallery a, body.shop #navigation li#shop a , body.contact #navigation li#contact a {color:#fff;/*background-position:bottom left;*/}

/* subnav you are here styles */
body.history ul li#history a, body.timeline ul li#timeline a, 
	body.map ul li#map a, body.directions ul li#directions a, 
	body.press ul li#press a, body.photos ul li#photos a, 
	body.intro ul li#trust_intro a, body.mission ul li#mission a, 
	body.board ul li#board a, body.committee ul li#committee a, 
	body.newsletter ul li#newsletter a, 
	body.benefit_events ul li#benefit_events a, 
	body.donate ul li#donate a, body.donors ul li#donors a, 
	body.supporters ul li#supporters a, 
	body.partners ul li#partners a, 
	body.calendar ul li#calendar a, body.planning ul li#planning a, 
	body.alpine ul li#alpine a, body.bloom ul li#bloom a, 
	body.heather ul li#heather a, body.winter ul li#winter a,
	body.major_events ul li#major_events a
{background:url(/images/white_arrow.gif) no-repeat center left;}

/*show and style subnavs on appropriate pages*/
body.about #navigation ul#about_sub, body.park #navigation ul#park_sub, body.gardens #navigation ul#gardens_sub, body.events ul#events_sub 
{
position:relative;
left:0;
top:0;
z-index:1;
display:block;
border:2px solid #17007a;
border-left:none;
border-right:none;
margin-top:3px;
padding-bottom:5px;
}

/** Main Content Area **/
#header_img {width:550px;}
#header_img img {border:1px solid #aaa;}
#header_img p {margin-top:0;}

p#slideshow {z-index:0;}

/** Benefit Events page **/
.benefit_title {margin-bottom:0;padding-bottom:0;}

/** Donation form **/
#mail_address {margin-top:-10px;margin-left:15px;}

/** Gallery Pages **/
.gallery_link {text-align: center; width: 173px;height:170px;}
.gallery_link img {margin-bottom:5px;}
.album_link {text-align:center; width:173px;}

/** Events Calendar **/
#events_list h2 
{
font-size:1.4em;
border-bottom:1px solid #ccc;
clear:left;
margin-bottom:10px;
margin-top:15px;font-family:
}

#events_list h3 {font-size:1.2em;margin:0;}

#events_list .date_graphic {background-color:#ddd;}

#events_list .cal_month {background-color:#4b706b;color:#fff;}

#events_list .event_body {margin-left:57px;}

#events_list .parks_pages {clear:left;text-align:center;}

#single_event_location p {display:none;}

#events_list div.single_event_head h3.summary {font-size:1.8em; }

/** Donors Page **/
ul.donor_list {list-style:none;padding-left:0;}
ul.donor_list li {float:left;width:50%;margin-bottom:5px;}



/** Heather Garden bloom guide **/
#bloom_guide_nav {list-style-type:none;overflow:auto;margin:10px 0;padding:0;}
#bloom_guide_nav li {display:inline;float:left;margin:1px;}
#bloom_guide_nav a {display:block;background-color:#0f004e;color:#fff;text-decoration:none;padding:10px;}
#bloom_guide_nav a:hover {background-color:#c4daeb;color:#0f004e;}

/** Planning an Event **/
p.question {font-weight:bold;color:#0f004e;margin-bottom:-10px;}



/** Footer **/
#footer
{
color:#0f004e;
clear:both;
text-align:center;
padding-top:10px;
font-size:0.8em;
}

#footer p {margin:0;padding:0;}
