@charset "UTF-8";
/* CSS Document */

body
{
/*background: #3a7331;*/
background: #19296b;
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
min-width:880px;
}

.myspacenav
{
padding-bottom:5px;
margin-bottom:10px;
float:left;
}


p
{
font-family: verdana, arial, helvetica, sans-serif;
font-size:.8em;
padding:0px;
margin:0px;
}

.myrightcolumn p {
margin-bottom:12px;
}

img.large
{
border:2px solid #273577;
}


.microlinks
{
height:20px;
background: #19296b;
color:#ffffff;
font-size: .7em;
text-align:right;
}

.container
{
clear:both;
padding-top:0px;
width:990px;
height:auto;
margin: 0px auto;
background:#ffffff;
/*border: 1px solid #cccccc;*/
}

.heading
{
width:100%;
height: 75px;
margin: 0px auto;
background: #3a7331;
background: url('images/header_back.gif') repeat-x;
border-bottom:3px solid #85a87f;
}

.logo
{
width: 283px;
height:77px;
padding-top:2px;
margin-left:20px;
float:left;
}


.search
{
margin-right:2%;
float:right;
width:270px;
height:25px;
padding-top: 5px;
text-align:right;
}


.tabs
{
/* -moz-opacity:1.00; filter:alpha(opacity=100); opacity:1.00; */
width: 124px;
height:33px;
/*background: url('images/tab_over.gif') no-repeat;
float:right;
margin-right:0px;
text-align:center;
padding-top:12px;*/
}


/* the About tab needs more margin */
.tabsright
{
/* -moz-opacity:1.00; filter:alpha(opacity=100); opacity:1.00; */
width: 124px;
height:33px;
background: url('images/tab_over.gif') no-repeat;
float:right;
margin-right:5px;
text-align:center;
padding-top:12px;
}

.tabs:hover, .tabsright:hover
{
/*
cursor:pointer;
filter:alpha(opacity=72);
opacity:0.72;
*/
}

a.gototablink
{
font-size:13px;
font-weight:bold;
color:#363738;
text-decoration:none;
}


p.moveme
{
padding-top:5px;
}

span.moveme
{
float:left;
margin-top:12px;
margin-bottom:0px;
margin-left:10px;
}


div.tabholder
{
width:100%;
float: right;
height:34px;
background:#ecf5f9;
}


div.tabcontainer
{
width:640px;;
padding-top:11px;
float:right;
/*clear:left;*/
margin-right:20px;
}

.mycolumnwrapper
{
padding-top:0px;
width:100%;
height:auto;
margin: 0px auto;
overflow:hidden; 
background: url('images/green_swirl.gif') no-repeat;
background-position: top right;
}


.myleftcolumn
{
width:295px;
min-height:400px;
overflow:visible;
/*border-right: 1px solid #6d922f;*/
margin-bottom:10px;
margin-top:20px;
margin-left:20px;
min-width:295px;
}

.myrightcolumn
{
float:right;
width:640px;
min-height:360px;
overflow:visible;
margin-right:20px;
margin-top:20px;
}

/*Notification */

.noticewrapper
{
width:97%;
margin-left:20px;
margin-right:20px;
background: #f6c058;
min-height:45px;
height:auto;
overflow:auto;
padding-bottom:0px;
float:left;
overflow:hidden;
}

.noticetop
{
background: url('images/notice_top.gif') repeat-x;
background-position: top center;
height:8px;
width:97%;
margin-left:20px;
margin-right:20px;
}


.noticebottom
{
background: url('images/notice_bottom.gif') repeat-x;
background-position: bottom center;
height:8px;
width:100%;
margin-left:0px;
margin-right:0px;
}

.insidenotice
{
padding:7px;
padding-bottom:7px;
margin-right:15px;
margin-left:15px;
}

p.noticetitle
{
color:#19296b;
font-size:.8em;
font-weight:bold;
padding:0px;
margin:0px;
margin-top:5px;
}

.noticetitle:active
{
color:#19296b;
font-weight:bold;
padding:0px;
margin:0px;
margin-top:5px;
}

.noticetitle:hover
{
color:#19296b;
font-weight:bold;
padding:0px;
margin:0px;
margin-top:5px;
}

.noticetitle:link
{
color:#19296b;
font-size:.8em;
font-weight:bold;
padding:0px;
margin:0px;
margin-top:5px;
}

.noticetitle:visited
{
color:#196b28;
font-size:.8em;
font-weight:bold;
padding:0px;
margin:0px;
margin-top:5px;
}




p.noticetext
{
font-family: verdana, arial, helvetica, sans-serif;
font-size:.8em;
margin-left: 44px;
padding:0px;
margin:0px;
}

/* End Notification */


/*begin photo gallery */

.photoheading
{
width:100%;
height:35px;
margin-top:20px;
}


.gallerywrapper
{
margin-left:20px;
margin-right:20px;
margin-top:20px;

width:97%;
height:auto;
float:left;
}

.photogallery
{
width:100%;
height:auto;
background: #f0f7ef;
}

.imagecontainer
{
/*width:530px;*/
padding:10px;
/*background:#58aaf6;*/
width:97%;
/*height:244px;
margin-top:15px;
margin-left:18px;
float:left;*/
/*border:1px solid #393838;*/
}

.imagetitle
{
/*width:550px;
background:#59aaf6;
*/
text-align:left;
clear:left;
color:#ffffff;
padding:15px;
border:1px solid #393838;
/*margin-left: 18px;
padding-top:10px;*/
}

.imagedescription
{
/*width:500px;*/
margin-top:5px;
text-align:left;
margin-left:18px;
font-size:.8em;
}


.featuredcontainer
{
width:98%;
margin:0px auto;
text-align:center;
background:#dde9da;
margin-left:0px;
overflow:auto;
}

span.featured
{
width:360px;
padding:10px;
color:#ffffff;
background:#19296b;
float:left;
margin-bottom:8px;
margin-top:8px;
}


.featurefloat
{
width:370px;
margin-left:10px;
margin-right:10px;
float:left;
text-align:left;
border-right:1px dashed #999999;
min-height:270px;
font-size:.8em;
padding-right:10px;
}

.featurelink
{
margin-bottom:4px;
line-height:20px;
text-decoration:none;
border-bottom:1px dotted #273577;
font-weight:bold;
padding:3px;
}

/*
.featurefloatleft
{
width:230px;
margin-left:10px;
padding-right:10px;
float:left;
text-align:left;
background:#cccccc;
color:#ffffff;
size-size:1.2em;
}

.featureblue
{
background: url('images/blue_featured_new.gif') no-repeat;
background-position: top center;
}
*/

.featuretext
{
width:220px;
padding-left:0px;
padding-top:60px;
margin-right:10px;
height:190px;
text-align:center;
}

.featuretitle
{
height:30px;
margin:0px;
padding-top:10px;
text-align:left;
font-size:15px;
color:#293c90;
}


.featurefloatright
{
width:160px;
margin-left:0px;
margin-right:0px;
float:right;
text-align:left;
}



.featuredtab p
{
font-size:.7em;
padding:0px;
margin:0px;
margin-left:27px;
padding-top:27px;
width:170px;
color:#ffffff;
text-align:left;
}

.featuredothertab p
{
font-size:.7em;
padding:0px;
margin:0px;
margin-left:27px;
padding-top:27px;
color:#ffffff;
width:170px;
text-align:left;

}



.thumbcontainer
{
width:100%;
margin-top:5px;
overflow:hidden;
padding:0px;
clear:both;  
float:right; 
text-align:center;
margin:0px auto;
}


img.thumb
{
padding:2px;
border:1px solid #2d6eaa;
margin:2px;
}
/* Begin News */

.newsheaderwrapper
{
clear:left;
height:20px;
border-bottom: 1px solid #2490bd;
width:97%;
margin-left:20px;
margin-right:20px;
margin-top:20px;
padding-top:20px;
}

.events_detailwrapper
{
clear:left;
height:20px;
border-bottom: 1px solid #2490bd;
width:97%;
margin-left:0px;
margin-right:20px;
margin-top:10px;
padding-top:10px;
}



.newsheader
{
color:#2490bd;
font-weight:bold;
font-size:1em;
margin:0px;
padding:0px;
}

.newsentrywrapper
{
width:97%;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}
/* End News ------------------------------------------------ */


div.registerbackground
{
background: url('images/register_background.gif') no-repeat;
background-position: top left;
height:118px;
width:283px;
}

.insideregister
{
margin:0px auto;
text-align:center;
width:180px;
padding-top:43px;
}

.secondary
{
color: #19296b;
font-size:12px;
padding:0px;
margin:0px;
}


a.bigpagelinks
{
color:#2490bd;
font-size:1em;
font-weight:bold;
padding:0px;
margin:0px;
text-decoration:none;
}

a.bigpagelinks:active
{
color:#2490bd;
font-size:1em;
font-weight:bold;
padding:0px;
margin:0px;
text-decoration:none;
}

a.bigpagelinks:hover
{
color:#19296b;
font-size:1em;
font-weight:bold;
padding:0px;
margin:0px;
text-decoration:underline;
}



a.toplinks
{
color:#ffffff;
font-size:.9em;
padding-right:10px;
padding-left:10px;
text-decoration:none;
}

a.toplinks:active
{
color:#ffffff;
text-decoration:none;
}

a.toplinks:hover
{
color:#cad3fa;
text-decoration:none;

}

/* Upcoming Events*/

.upcomingtop
{
width:288px;
height: 25px;
background: url('images/upcoming_top.jpg') no-repeat;
margin-left:1px;
overflow:visible;
margin-top:15px;
}

.upcomingtitle
{
margin:0px auto;
text-align:left;
width:220px;
height:25px;
padding-top:0px;
padding-bottom:5px;
}


.upcomingmiddle
{
background: url('images/upcoming_middle.jpg') repeat-y;
margin-left:1px;
height:auto;
overflow:visible;
}



.upcomingbottom
{
width:288px;
height: 24px;
background: url('images/upcoming_bottom.jpg') no-repeat;
padding-bottom:5px;
margin-left:1px;
overflow:visible;
}

.insideupcoming
{
width:230px;
clear:left;
padding-top:5px;
margin-left:27px;
text-align:left;
}

.newssidetitle
{
margin:0px auto;
text-align:left;
width:240px;
height:25px;
padding-top:0px;
padding-bottom:5px;
}

.newsideheaderwrapper
{
clear:left;
height:20px;
border-bottom: 1px solid #2490bd;
width:264px;
height:25px;
margin-left:10px;
margin-top:20px;
/*
margin-right:20px;

padding-top:20px;*/
}


.newssidetop
{
width:288px;
height: 25px;
/*background: url('images/newsside_top.jpg') no-repeat;*/
margin-left:1px;
overflow:visible;
margin-top:15px;
}

.newssidebottom
{
width:288px;
height: 24px;
/*background: url('images/newsside_bottom.jpg') no-repeat;*/
padding-bottom:5px;
margin-left:1px;
overflow:visible;
}

.newssidemiddle
{
/*background: url('images/newsside_middle.jpg') repeat-y;*/
margin-left:1px;
height:auto;
overflow:visible;
}

.eventsline
{
border-bottom: 1px solid #2490bd;
padding-bottom:12px;
padding-top:6px;
}

/* */
.weather
{
width:265px;
height:139px;
background: url('images/county_weather.gif') no-repeat;
}

.forecast
{
width:67%;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:1em;
margin:auto;
padding-top:20px;
}


/* */

div.enewsbackground
{
background: url('images/enews_background.gif') no-repeat;
background-position: top left;
height:281px;
width:290px;
margin-top:15px;
}

.insideenews
{
margin-top:39px;
margin-left:37px;
float:left;
/*width:250px;*/
}

form
{
clear:left;
font-size:.8em;
margin-top:10px;
}

.signbtn{
filter:alpha(opacity=72); 
opacity:.72; 
clear:both;
width:81px;
height:27px;
background: url('images/subscribe.gif') no-repeat;
border:none;
margin-top:7px;
}


.signbtn:hover{
filter:alpha(opacity=100); 
opacity:1.00; 
cursor:pointer;
}


a
{
color: #4d7c45;
text-decoration:underline;
}

a:hover
{
color: #19296b;
text-decoration: none;
}


a:active
{
color: #4d7c45;
text-decoration: underline;
}



.footer
{
width:990px;
height: 68px;
background: url('images/footer.gif') repeat-x;
margin: 0px auto;
}

.footertext
{
float:right;
margin-right:0px;
font-size:11px;
color: #19296b;
text-align:left;
width:640px;
padding-top:10px;
}



/* use the below codeto auto generate the blue box with roundedcorners,nodropshadow,though
.spiffycontainer
{
width:278px;
height: 319px;
background: url('images/register_background.gif') no-repeat;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#daebf2}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eff6f9;
  border-right:1px solid #eff6f9;
  background:#e3f0f5}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfdfd;
  border-right:1px solid #fbfdfd;
  background:#e1eef4}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1eef4;
  border-right:1px solid #e1eef4;}
.spiffy4{
  border-left:1px solid #eff6f9;
  border-right:1px solid #eff6f9}
.spiffy5{
  border-left:1px solid #e3f0f5;
  border-right:1px solid #e3f0f5}
.spiffyfg{
  background:#daebf2}

*/

.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 20em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.indextitle {
    font-family: verdana;
    font-weight:bold;
    color: #19296b;
    margin-bottom:20px;
}


/* Upcoming Events*/

.facilityinfotop
{
width:288px;
height: 25px;
background: url('images/facilityinfo_top.png') no-repeat;
margin-left:1px;
overflow:visible;
margin-top:15px;
}

.facilityinfotitle
{
color: #19296b;
font-size:18px;
font-weight:bold;
/*margin:0px auto;*/
margin-left: 27px;
text-align:left;
width:220px;
height:25px;
padding-top:0px;
padding-bottom:5px;
}


.facilityinfomiddle
{
background: url('images/facilityinfo_middle.png') repeat-y;
margin-left:1px;
height:auto;
overflow:visible;
}



.facilityinfobottom
{
width:288px;
height: 24px;
background: url('images/facilityinfo_bottom.png') no-repeat;
padding-bottom:5px;
margin-left:1px;
overflow:visible;
}

.insidefacilityinfo
{
width:230px;
clear:left;
padding-top:5px;
margin-left:27px;
text-align:left;
}


a.info {
		font-size:90%;
		font-weight:bold;
		cursor:hand;
		color: #3F602B;
		padding:.5em;
		max-width:300px;
}

a.info span{
      display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
      display:block;
      position:absolute;
	margin-right:auto;
			border:1px solid gray;
			max-width:300px;
			background-color:lightyellow;
			color:black;
			text-align:left;
			font-size:12px;
			font-weight:normal;
			padding:.5em;
			white-space:normal;
			cursor:hand;
}

.contentheader {
    font-weight:bold;
}

ul.gallery-list {

}

ul.gallery-list li {
list-style-image: url("/images/bullet.gif");
}

#activities h1 {
    font-size: 24px;
    margin: 16px 0;
}
#activities h2 {
}
#activities h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 8px 0;
}
#activities h4 {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin: 12px 0;
    text-decoration: underline;
}
#activities h5 {
    font-size: 14px;
    margin: 12px 0;
}
#activities span {
}
#activities strong {
    font-size: 12px;
}
#activities p {
    color: #333333;
    line-height: 17px;
}
#activities .footertext p {
line-height:12px;
}
#activities .activity-list {
color: gray;
list-style: square outside none;
margin: 12px 0;
font-size:14px;
}
#activities .activity-list li {
color:#777;
line-height:20px;
}
#activities .activity-list li a {
color:#4D7C45;
}

.rec1-shell-container h3 {
  margin: 12px 0 4px;
}

.activity-heading {
  border-bottom: 1px solid #999999;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 14px;
  padding: 6px 0;
}

h1 {
font-weight:normal;
}

.sessions-table {
  width: 100%;
}

.sessions-table th, .sessions-table td {
  padding: 4px 8px 4px 0;
  text-align:left;
}

.myrightcolumn, .myrightcolumn p {
	font-size:14px;
}

.sub-pages-wrap {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  margin-top: 15px;
  padding: 10px 20px;
}

.sub-pages-wrap a {
  font-weight: normal;
  line-height: 24px;
  text-decoration:none;
  color:black;
}