@charset "utf-8";
/*
dark gray - #191919
lite gray - #878787
blue - #004990
lite blue - #108AC9
orange - #CE782F
*/

*{ margin:0px; padding:0px; z-index:0;}
img{ border:none;}

html,body{ height:100%;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
body{ background:#FFF url(/img/bdy_bck.jpg) top center no-repeat;}

#idBdy_Wrp{ z-index:10;}
#idBdy{ width:980px; margin:20px auto 0px auto;}

/* -- Header / Social Bar-- */
#idHdr_logo{ text-align:right;}
#idHdr_logo img{ margin:20px;}

#idHdr_Bar{ margin-right:20px; padding:20px; background-color:#191919; color:#FFF;}
#idHdr_Bar a{ color:#CE782F; text-decoration:none;}
#idHdr_Bar a:hover{ color:#FF3;}
#idHdr_Bar img{ display:inline; vertical-align:middle;}
#idHdr_Bar p{ width:800px; padding-left:10px; display:inline; vertical-align:middle;}

/* -- Main Navigation / Photo Gallery Thumbs-- */
#idMn_Nav{ width:264px; float:left;}
#idMn_Nav img#mn_logo{ margin:62px 0px 27px 40px;} 

#idMn_Nav ul.mn_nav{ width:264px; list-style:none; line-height:40px;}
#idMn_Nav ul.mn_nav li{ width:234px; margin-bottom:5px; background-color:#191919;}
#idMn_Nav ul.mn_nav li:hover{ background-color:#878787;}
#idMn_Nav ul.mn_nav a{ padding-left:40px; display:block; color:#FFF; text-decoration:none; text-transform:uppercase;}
#idMn_Nav ul.mn_nav a:hover{}

.s_about #idMn_Nav li.about{ width:254px; background-color:#878787;}
.s_news #idMn_Nav li.news{ width:254px; background-color:#878787;}
.s_events #idMn_Nav li.events{ width:254px; background-color:#878787;}
.s_resources #idMn_Nav li.resources{ width:254px; background-color:#878787;}
.s_galleries #idMn_Nav li.galleries{ width:254px; background-color:#878787;}
.s_public_service #idMn_Nav li.public_service{ width:254px; background-color:#878787;}
.s_legislative #idMn_Nav li.legislative{ width:254px; background-color:#878787;}
.s_join #idMn_Nav li.join{ width:254px; background-color:#878787;}

div#sb_gallery{ width:244px; margin:40px 0px;}
div#sb_gallery h2{ margin:20px 10px; font-size:12px; text-transform:uppercase; color:#878787;}
div#sb_gallery h3{ margin-bottom:20px; font-size:12px; text-align:center; color:#878787;}
div#sb_gallery img{ margin-left:10px; padding:5px; background-color:#FFF; border:#878787 solid 1px;}
div#sb_gallery a{}

/* -- Hero -- */
#idHero_Wrp{ width:696px; height:239px; overflow:hidden; float:left; margin-top:10px; position:relative;}
#idHero_Stats{ display:none;}
#idHero img{ position:absolute; display:noneOFF;}
#idHero img#spcr{ background:url(/img/hero/hero_frame.png);}
#idHero p{ height:30px; overflow:hidden; text-align:right; color:#FFF;}
#idHero p{ position:absolute; width:686px; margin-bottom:-235px; margin-top:205px; z-index:10;}
#idImg_Pool img{ display:none;}
#idHero{}


/* -- Content / Sub Nav Column -- */

#idCont_Wrp{ width:696px; min-height:700px; float:left; background-color:#FFF; padding-bottom:40px;}
#idCont{ width:442px; margin:20px 0px 0px 20px;}
/*#idCont{ width:642px;}  for when i took the right sub bar down */
#idCont h1{ margin:10px 0px; font-size:18px; font-weight:normal; color:#004990;}
#idCont h2{ margin:20px 0px; font-size:18px; font-weight:normal; color:#004990;}
#idCont h2 span{ padding-top:10px; display:block; font-size:12px; color:#999;}
#idCont p{ line-height:18px; text-align:justify; padding:5px 0px;}
#idCont a{ color:#900;}
#idCont a:hover{}
#idCont hr{ margin:20px 0px;}

#idCont p.read_more{ text-align:right;}
#idCont p.read_more a{ text-decoration:none;}
#idCont p.read_more a:hover{ text-decoration:underline; color:#000;}

#idCont p.action{ margin:20px 0px; padding:2px; border:#878787 solid 1px; background-color:#FFF; text-align:center;}
#idCont p.action a{ display:block; color:#108AC9; text-decoration:none; text-transform:uppercase; letter-spacing:1px; padding:5px; background:url(/img/bt_bck_00.gif) bottom repeat-x;}
#idCont p.action a:hover{ background:url(/img/bt_bck_01.gif) top repeat-x; color:#C00;}
#idCont p.action img{ margin:0px 5px; vertical-align:middle;}

#idCont dl{ width:210px; float:left;}
/*#idCont dl{ width:300px;}  took away side bar */
#idCont dt{ font-size:13px; font-weight:bold;}
#idCont dt span{ display:block; font-weight:normal; color:#646464;}
#idCont dd{ margin:10px 0px 30px 0px; padding-left:20px;}

#idCont ul{ margin-left:50px;}
#idCont li{ margin:10px 0px;}

#idSub_Nav{ width:194px; height:300px; float:right; margin:60px 10px 0px 0px; text-align:center;}
#idSub_Nav a{ color:#999; text-decoration:none; font-size:10px;}
#idSub_Nav a:hover{ color:#004990;}
#idSub_Nav hr{ margin:15px 0px; background-color:#FFF; border:none; color:#FFF;}

/* Schedule - Calendar */

#calendar_wrap{ margin-top:40px;}
table.calendar{ width:100%;}
table.calendar td{ width:63px; height:48px; vertical-align:top; background:#FFF url(/img/cal/cb_yellow.png) top left no-repeat;}
table.calendar td:hover{ background:#FFF url(/img/cal/cb_red.png) top left no-repeat;}
table.calendar td.date_closed{ background:#FFF url(/img/cal/cb_gray_flt.png) top left no-repeat;}
table.calendar td.date_closed:hover{ background:#FFF url(/img/cal/cb_gray_flt.png) top left no-repeat;}
table.calendar td.listing{ background:#FFF url(/img/cal/cb_red.png) top left no-repeat;}

table.calendar td div{ width:50px; height:36px; overflow:hidden; padding:5px; font-size:10px;}
table.calendar td a{ color:#108AC9; text-decoration:none; display:block;}

#calendar_header{ margin-bottom:20px; text-align:center;}
#calendar_header h1{ margin:0px; padding:0px;}

#calendar_nav_back{ float:left; margin-top:10px; color:#8b934d;}
#calendar_nav_back a { text-decoration:none; color:#CE782F;}
#calendar_nav_next{ float:right; margin-top:10px; color:#8b934d;}
#calendar_nav_next a { text-decoration:none; color:#CE782F;}



#idSched_List p strong{ color:#8b934d;}
#idSched_List ul strong{ color:#646464;}
#idSched_List ul a{ text-decoration:none; color:#4c4c4c;}
#idSched_List ul a:hover{ text-decoration:underline; color:#e26f00;}

/* -- Galleries -- */

#idGallery img{ margin:0px; padding:4px; background-color:#FFF; border:#878787 solid 1px;}

/* -- Footer -- */

#idFtr_Wrp{ height:428px; position:relative; margin-top:-150px; background:url(/img/ftr_bck.jpg) top center no-repeat; z-index:-10;}
#idFtr{ width:100%; position:absolute; bottom:0px;}

#idFtr_Nav{ padding:20px; text-align:center; background:url(/img/scrn_wht.png); color:#333; font-size:10px;}
#idFtr_Nav ul{ list-style:none; margin-bottom:10px;}
#idFtr_Nav li{ display:inline; border-right:#333 solid 1px;}
#idFtr_Nav li.last{ border:none;}
#idFtr_Nav a{ padding:0px 10px; text-decoration:none; color:#004990; text-transform:uppercase;}
#idFtr_Nav a:hover{ text-decoration:underline; color:#000;}


#idFtr_Bar{ margin:20px 0px; padding:10px; background-color:#191919; text-align:center; color:#646464;}
#idFtr_Bar a{ text-decoration:none;}
#idFtr_Bar a:hover{ text-decoration:underline;}


.pic_1{ margin:0px 10px 10px 0px; padding:5px; border:#CCC solid 1px; float:left;}

.spot_info{ margin-top:125px;}
.spot_info span{ color:#900; font-weight:bold;}
.quest{ font-weight:bold; font-size:14px;}

.spot_side{ text-align:center; background-color:#EFEFEF; padding:5px;}
.spot_side img{ border:#CCC solid 1px; padding:5px; background-color:#FFF;}
.spot_side_title{ font-size:14px; color:#069; padding-bottom:10px;}