/* CSS Document */

/*
NEW
page background-color very dark brown: #4C3523
subnav background-color: #D9CFC0
dark orange: #D97627
blue text: #3A6E8F
lt blue: #80A1B6
very lt blue: #CCD6DF

OLD
light brown: #E7Ded0
background color for content wrapper: pantone 7529: #D9CFC0
very dark brown: #352F28
80% lightest brown: #DFD7CA
50% lightest brown: #EAE4DB
blue: #B9C7D4
light blue: #CCD6DF
blue text: #3A6E8F
*/

* { margin:0px; padding:0px; }
.pp_mp { font-size:12px; font-weight:bold; color:#3A6E8F; }
.sansBlue12 { font-size:12px; font-weight:bold; color:#3A6E8F; }
/*big brown -- use for page titles*/
h1 { font-size:18px; color:#4C3523; margin-bottom:.75em; letter-spacing:.03em; }
/*big orange -- use for sub titles within the page*/
h2 { font-size:14px; color:#D97627; margin-bottom:.75em; }
/*big blue*/
h3 { font-size:14px; color:#B9C7D4; margin-bottom:.75em; }
/*smaller brown -- use for page titles*/
h4 { font-size:14px; color:#4C3523; margin-bottom:.75em; }
/*very big orange -- use for upcoming event titles within the page*/
h5 { font-size:16px; color:#D97627; margin-bottom:.75em; }
.date { font-size:16px; color:#D97627; margin-bottom:.75em; }


p { margin-bottom:2em; line-height:1.5em; }

.tableborder { border-collapse:collapse; border-color:#D9CFC0; border:1px solid #D9CFC0; border-spacing:3em; margin-bottom:20px; }
.tableborder tr { border:1px solid #D9CFC0; }
.tableborder tr th { padding:.75em; background-color:#D9CFC0; vertical-align:middle; }
.tableborder tr td { padding:.75em; border:1px solid #D9CFC0; }

.activities { border-collapse:collapse; border-spacing:3em; margin-bottom:40px; }
.activities tr {  }
.activities tr td { padding:1em; vertical-align:top; border-bottom:1px solid #D9CFC0; }
.activities tr td p { margin-bottom:1em; }

.bullets ul { list-style:disc; margin-left:25px; line-height:1.5em; }
.bullets ul li { margin-bottom:.5em; }

body { height:100%; margin:0px; padding:0px; text-align:center; background-color:#4C3523; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#4C3523;}

a:link { color:#3A6E8F; text-decoration:none; }
a:visited { color:#3A6E8F; text-decoration:none; }
a:hover { color:#B9C7D4; text-decoration:none; }

.clear { clear:both; }
.divider { width:85%; border-bottom:1px solid #D9CFC0; margin:20px 0px 20px 0px; }
.photoborder { border:5px solid #D9CFC0; }

div#outside_wrapper { width:100%; height:100%; min-height:535px; text-align:center; margin:0px; padding:0px; background-color:#4C3523; }

div#wrapper { width:1000px; height:100%; text-align:center; margin:0 auto;}

div#header { position:relative; width:100%; height:215px; text-align:center; background-image:url(../images/header/header_bg.gif); }
div#header_title { float:right; margin:0px; width:465px; height:215px; }
div#header_photo { float:right; margin:0px; width:300px; height:215px; }
div#header_logolink { float:left; width:220px; height:210px; z-index:21; cursor:pointer; }
div#header_nav { position:absolute; top:20px; left:545px; width:455px; height:50px; z-index:20; font-size:11px; }
div#header_nav ul { list-style:none; padding:0px; margin:0px; }
div#header_nav li { float:left; margin:1em 1.3em 0em 0em; }
div#header_nav a:link { color:#ffffff; }
div#header_nav a:visited { color:#ffffff; }
div#header_nav a:hover { color:#3A6E8F; text-decoration:underline; }

/*SUB NAV*/
div#subnav { background-color:#D9CFC0; height:30px; margin:8px 0px 8px 0px; z-index:50; text-align:center; }
div#subnav img { margin-right:12px; }
div#subnav_arts { background-color:#D9CFC0; height:30px; margin:8px 0px 8px 0px; z-index:50; text-align:center; }
div#subnav_arts img { margin-right:12px; }
div#subnav_parks { background-color:#D9CFC0; height:30px; margin:8px 0px 8px 0px; z-index:50; text-align:center; }
div#subnav_parks img { margin-right:12px; }
div#subnav_pp { background-color:#D9CFC0; height:30px; margin:8px 0px 8px 0px; z-index:50; text-align:center; }
div#subnav_pp img { margin-right:0px; }


/*DIV WRAPPERS & CONTENT */
div#twitter {position: relative; top: 0px; left: 360px;}
div#content_wrapper { height:auto; width:100%; background-color:#ffffff; border:1px solid #4C3523; }
div#content { margin-top:70px; }
div#bg_bottom { width:1000px; height:80px; }

/*LEFT CONTENT*/
div#content_left { width:240px; margin:10px 10px 10px 10px; float:left; background-color:#ffffff; text-align:left; }
div#content_left img { margin-bottom:10px; }
div#news { height:240px; margin-bottom:11px; border-bottom:2px solid #D9CFC0; }
div#news p { margin-bottom:1em; }
div#accolades { height:232px; margin-bottom:11px; border-bottom:2px solid #D9CFC0; }
div#accolades p { margin-bottom:1em; }
div#mission { height:225px; border-bottom:2px solid #D9CFC0; }
div#mission p { font-size:11px; line-height:1.7em; }

/*MIDDLE CONTENT*/
div#content_middle { width:480px; margin:10px 10px 10px 0px; float:left; background-color:#ffffff; }
div#content_middle img { margin-bottom:10px; }
div#photos {width:480px; height:230px; text-align:center; z-index:1; }

/*REC MIDDLE CONTENT*/
div#rec_content_middle { width:480px; margin:10px 10px 10px 0px; float:left; background-color:#ffffff; }
div#rec_content_middle img { margin-bottom:0px; }
div#rec_photos {width:480px; height:230px; text-align:center; z-index:1; margin: 0px 0px 0px 0px; }

/*RIGHT CONTENT*/
div#content_right { width:240px; margin-top:10px; float:left; text-align:center; }
div#content_right img { margin-bottom:10px; }
div#accolades { height:232px; }
div#contact { height:225px; margin-top:10px; text-align:left; border-bottom:2px solid #D9CFC0; }

/*2 COLUMN LAYOUT*/
div#content_2col_large { width:720px; margin:10px 0px 10px 10px; float:left; background-color:#ffffff; text-align:left; }

/*1 COLUMN LAYOUT*/
div#content_1col { width:980px; margin:10px 0px 10px 10px; float:left; background-color:#ffffff; text-align:left; }

/*SIDE NAV*/
div#side_nav { text-align:left; margin-bottom:70px; width:240px; }
div#side_nav ul { list-style:none; margin:0px; padding:0px; }
div#side_nav ul li { border-bottom:1px solid #EAE4DB; width:100%; padding-left:0px; }
div#side_nav ul li a { display:block; width:100%; text-decoration:none; color:#4C3523; font-size:14px; background-color:#ffffff; padding:5px 0px 5px 10px; }
div#side_nav ul li a { width:auto;}
div#side_nav ul li a:hover, div#side_nav ul li a:active { text-decoration:none; color:#D97627; background-color:#EAE4DB; margin:0; }

div#side_nav_races { text-align:left; margin-bottom:70px; width:240px; }
div#side_nav_races ul { list-style:none; margin:0px; padding:0px; }
div#side_nav_races ul li { border-bottom:1px solid #EAE4DB; width:100%; padding-left:0px; }
div#side_nav_races ul li a { display:block; width:100%; text-decoration:none; color:#ffffff; font-size:13px; background-color:#80A3B7; padding:0px 0px 0px 10px; }
div#side_nav_races ul li a { width:auto;}
div#side_nav_races ul li a:hover, div#side_nav_races ul li a:active { text-decoration:none; color:#000000; background-color:#D97627; margin:0; }

div#side_nav_pp { text-align:left; margin-top:40px; width:240px; }
div#side_nav_pp ul { list-style:none; margin:0px; padding:0px; }
div#side_nav_pp ul li { border-bottom:1px solid #EAE4DB; width:100%; padding-left:0px; }
div#side_nav_pp ul li a { display:block; width:100%; text-decoration:none; color:#ffffff; font-size:13px; background-color:#AE8766; padding:0px 0px 0px 10px; }
div#side_nav_pp ul li a { width:auto;}
div#side_nav_pp ul li a:hover, div#side_nav_races ul li a:active { text-decoration:none; color:#000000; background-color:#80A3B7; margin:0; }

div#page_title { margin-bottom:11px; z-index:1; width:100%; }


/* UPCOMING EVENTS (i_upcoming_events.php) */
.event_title { font-family:Verdana, Geneva, sans-serif; color: #FFF; size: 18px; margin-bottom:11px; z-index:1000; width:100%; }
/*  
upcoming div height is 226 - 50 for padding = 176
*/
div#upcoming { margin-bottom:0px; width:480px; height:235px;}
div#upcoming_title { height:45px; width:480px; }

div#upcoming_title_rec { height:45px; width:480px; }
div#viewall_test { height:45px; width:130px; }


div#upcoming_rec { margin-bottom:0px; width:480px; height:235px;}
div#upcoming_title_rec { height:45px; width:480px; }
div#event_inner_rec_test { width:423px; height:150px; padding:11px 0px 0px 11px; background-color:#000; position:relative; font-size:11px; }

div#upcoming_title_new { position: absolute; top: 785px; left: 610px; }
div#upcoming_rec_new { margin-bottom:0px; width:480px; height:195px;}
div#event_wrapper_new { margin:auto; overflow:hidden; width:468px; height:155px; position:relative; }
div#event_inner_rec_new { width:528px; height:155px; padding:11px 0px 0px 11px; background-color:#D77E3A; position:relative; font-size:12px; }



div#facilities_title_new { position: absolute; top: 1000px; left: 600px; }
div#facilities_rec_new { margin-bottom:0px; width:480px; height:195px;}
div#facilities_wrapper_rec_new { margin:auto; overflow:hidden; width:468px; height:155px; position:relative; }
div#facilities_inner_rec_new { width:1275px; height:155px; padding:11px 0px 0px 11px; background-color:#D77E3A; position:relative; font-size:11px; }


div#featuredActivities_wrapper_rec_new { margin:auto; overflow:hidden; width:205px; height:572px; position:relative; background-color:#80A3B7;}
div#featuredActivities_inner_rec_new {  padding-top:1px; background-color:#80A3B7;}
div#featured_title_new { height:45px; width:225px; }


div#event_wrapper { margin:auto; overflow:hidden; width:423px; height:150px; position:relative; }
div#event_inner { width:423px; height:150px; padding:11px 0px 0px 11px; background-color:#80A3B7; position:relative; font-size:11px; }


div#event_inner_rec { width:423px; height:150px; padding:11px 0px 0px 11px; background-color:#EFBC7B; position:relative; font-size:11px; }
div#slideshow_inner{ width:423px; height:150px; padding:11px 0px 0px 11px; background-color:#EFBC7B; position:relative; font-size:11px; }

div#event_inner_arts { width:423px; height:150px; padding:11px 0px 0px 11px; background-color:#D9CFC0; position:relative; font-size:11px; }

div#upcoming_pp { margin-bottom:0px; width:480px; height:235px;}
div#upcoming_title_pp { height:45px; width:220px; }
div#event_wrapper_pp { margin:auto; overflow:hidden; width:423px; height:150px; position:relative; }
div#event_inner_pp { width:423px; height:150px; padding:11px 0px 0px 11px; background-color:#D9CFC0; position:relative; font-size:11px; }


/*park planning slideshow*/
div#photos_pp {margin:0px 0px 11px 50px; width:500px; height:300px; background-color:#AE8766; text-align:center; z-index:100; }
div#photo_inner_pp { width:500px; height:300px;  position:relative; font-size:11px; }
div#photoshow_wrapper_pp { margin:auto; padding-top:15px; overflow:hidden; width:500px; height:300px; position:relative; }
div#photoshow_inner_pp {width:500px; height:300px; position:relative; }
.photoshow_item_pp {text-align:center; width:500px; height:300px; float:left; }


/* PHOTOSHOW ON HOME PAGES */
div#photoshow_wrapper { margin:auto; padding-top:15px; overflow:hidden; width:428px; height:195px; position:relative; }
div#photoshow_inner { width:423px; height:195px; background-color:#B9C7D4; position:relative; }
.photoshow_item { text-align:left; width:428px; height:195px; float:left; }
.photoshow_item img { border:0px; }


/* NEW PHOTOSHOW ON HOME PAGES */
div#new_photoshow_wrapper { margin:auto; padding-top:15px; width:428px; height:195px; position:relative; }
div#new_photoshow_inner { width:856px; height:195px; background-color:#B9C7D4; position:relative; }
.newphotoshow_item { text-align:left; width:428px; height:195px; float:left; }
.newphotoshow_item img { border:0px; }
div#new_photos { margin-bottom:11px; width:480px; height:240px; background-color:#4C3523; text-align:center; z-index:100; }
div#new_header_photo { float:right; margin:0px; width:300px; height:215px; }

/* UPCOMING EVENTS (i_upcoming_events.php) */
.event { text-align:left; width:138px; height:145px; float:left; }
.event img { margin-bottom:5px; }
.event_1st { text-align:left; width:138px; height:145px; float:left; padding-left:10px; }
.event_1st img { margin-bottom:5px; }

/* FACILITIES (i_facilities.php) */

div#facilities_rec { width:480px; height:245px; }
div#facilities_inner_rec { width:1266px; height:150px; padding:11px 0px 0px 11px; background-color:#EFBC7B; position:relative; font-size:11px; }

div#facilities { width:480px; height:235px; }
div#facilities_title { height:45px; width:480px; }
div#facilities_wrapper { margin:auto; overflow:hidden; width:423px; height:150px; position:relative; }
div#facilities_inner { width:1266px; height:150px; padding:11px 0px 0px 11px; background-color:#80A3B7; position:relative; font-size:11px; }

div#mp_pp { width:480px; height:235px; }
div#master_plans { width:600px; height:150px; padding:11px 0px 0px 11px; background-color:#D9CFC0; position:relative; font-size:11px; }
div#mp_wrapper_pp { margin:auto; overflow:hidden; width:418px; height:150px; position:relative; }

div#facilities_pp { width:480px; height:235px; }
div#facilities_title_pp { height:45px; width:480px; }
div#facilities_wrapper_pp { margin:auto; overflow:hidden; width:423px; height:150px; position:relative; }
div#facilities_inner_pp { width:1266px; height:150px; padding:11px 0px 0px 11px; background-color:#D9CFC0; position:relative; font-size:11px; }

div#facilities_parks { width:480px; height:235px; }
div#facilities_title_parks { height:45px; width:480px; }
div#facilities_wrapper_parks { margin:auto; overflow:hidden; width:423px; height:150px; position:relative; }
div#facilities_inner_parks { width:1266px; height:150px; padding:11px 0px 0px 11px; background-color:#D9CFC0; position:relative; font-size:11px; }

div#facilities_arts { width:480px; height:235px; }
div#facilities_title_arts { height:45px; width:480px; }
div#facilities_wrapper_arts { margin:auto; overflow:hidden; width:423px; height:150px; position:relative; }
div#facilities_inner_arts { width:1266px; height:150px; padding:11px 0px 0px 11px; background-color:#D9CFC0; position:relative; font-size:11px; }

/*FEATURED ACTIVITIES
normal brown:#D9CFC0
very light brown:#EAE4DB
*/

div#featured_activities { width:240px; height:477px; }
div#featured_title { height:45px; width:225px; }
div#featuredActivities_wrapper { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#D9CFC0;}
div#featuredActivities_inner {  padding-top:1px; background-color:#D9CFC0;}

div#featuredActivities_wrapper_pp { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#AE8766;}
div#featuredActivities_inner_pp {  padding-top:1px; background-color:#AE8766;}
.featured_ad_pp { width:205px; height:132px; background-color:#AE8766; }

div#featuredActivities_wrapper_parks { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#7C905B;}
div#featuredActivities_inner_parks {  padding-top:1px; background-color:#7C905B;}
.featured_ad_parks { width:205px; height:132px; background-color:#7C905B; }

div#featuredActivities_wrapper_rec { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#80A3B7;}
div#featuredActivities_inner_rec {  padding-top:1px; background-color:#80A3B7;}
.featured_ad_rec { width:205px; height:132px; background-color:#80A3B7; }

div#featuredActivities_wrapper_rec { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#80A3B7;}
div#featuredActivities_inner_rec {  padding-top:1px; background-color:#80A3B7;}
.featured_ad_rec { width:205px; height:132px; background-color:#80A3B7; }

/*div#featuredActivities_wrapper_leisure { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#D9CFC0;}*/
/*div#featuredActivities_inner_leisure {  padding-top:1px; background-color:#D9CFC0;}*/
/*.featured_ad_leisure { width:205px; height:132px; background-color:#D9CFC0; }*/

div#featuredActivities_wrapper_arts { margin:auto; overflow:hidden; width:205px; height:408px; position:relative; background-color:#243B3E;}
div#featuredActivities_inner_arts {  padding-top:1px; background-color:#243B3E;}
.featured_ad_arts { width:205px; height:132px; background-color:#243B3E; }




.featured_event{ float:left; margin-top:1px; }
.title_short{ position:relative; bottom:40px; left:0px; font-family:Verdana, Geneva, sans-serif; color: #fff; font-size: 20px; font-weight: bold;  width:90%; margin-bottom: -25px; text-align: left; }
.featured_ad { width:205px; height:132px; background-color:#D9CFC0; }
.featured_ad img { border:0; }
.featured_ad_3rd { width:205px; height:132px; background-color:#D9CFC0; }
.featured_ad_3rd img { border:0; }

/* INSIDE PAGES */
div#inside_content_left { width:225px; margin:10px 10px 0px 10px; float:left; }
div#inside_content_right { width:690px; margin:10px 10px 0px 0px; float:left; }

/*NAVBAR ON REC PAGE*/
#rec_navcontainer{
position:relative;
top: 5px;
left: 0px;
width: 235px;
padding: 0 0 0 5px;
background-color:#fff;
}
#rec_navcontainer ul{
padding: 0px 5px 0px 0;
color: White;
list-style-type: none;
}
#rec_navcontainer ul li{
padding: 1px 0 2px 0;
}
#rec_navcontainer ul li a{
padding: 5px 0 5px 5px;
text-align:left;
display: block;
width: 225px;
background-image:url(/recreation/assets/images/link_bg.jpg);
background-repeat: no-repeat;
font-family: arial, helvetica, sans-serif;
color: #000;
font-size:14px;
text-decoration: none;
}
#rec_navcontainer ul li a:hover{
color: #fff;
}