body {
	width: 997;
	background:#fff url('images/x3_design/bg/bg.jpg') no-repeat /*scroll or*/ fixed center 0;
/*	background-image:url(images/bg.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat fixed center 0; */
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color:#333333;
	padding:0;
	margin:0;
}

#page-container {
	width: 996px;
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#d8d8e4;
}

#top-nav {
	text-align:right;
	background-image:url(/images/x3_design/layout/heading_bg.gif);
	border-color:#000033;
	border-style:solid;
	border-width:1px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
}
#top-nav p{margin:0; padding:0; color:#000066;}
#top-nav a:hover{color:#000066;}
#top-nav a:link{color:#000066;}
#top-nav a:visited{color:#000066;}
#county-logo {width: 100px; height: 109px; background-image:url(images/x3_design/layout/logo_bg.gif); background-color:#FFFFFF; float:left; }
#county-logo img{float:left; margin-left:20px; margin-top:12px; }
#header {height: 80px; background-image:url(images/x3_design/layout/header_bg.gif); float:left; width:896px; }
#header h1{padding-top:10px; color:#fff; padding-bottom:0px; margin:0; padding-left:10px}
#header p{margin:0; padding-top:0; color:#fff; padding-bottom:0px; padding-left:10px}
#header a:hover{color:#fff; text-decoration:none;}
#header a:link{color:#fff; text-decoration:none;}
#header a:visited{color:#fff; text-decoration:none;}
#header-main{width:650px;float:left;}
#header-fbshare{width:90px;float:left;background:url(images/x3_design/layout/NavBg.gif) repeat-x;height:25px;padding-top:4px; pad}
#NavDD{float:left;background:url(images/x3_design/layout/NavBg.gif) repeat-x;height:29px;font:bold 1em Verdana;overflow:hidden;width:806px;z-index:10000; background-color:#fff;}
#NavDD ul{width:996px;overflow:hidden;padding:0;display:block;list-style:none;margin:0;width:996px;}
#NavDD ul li{float:left;display:block;/*background:url(../images/template/Divide.gif) 0 0 no-repeat;*/}
#NavDD ul li span a{color:#fff;font-weight:bold;text-decoration:none;display:block;padding:6px 11px 0 11px;}
#NavDD ul li span a:hover{background:#3366cc url(images/x3_design/layout/NavBgHover.gif) 0 0 repeat-x;color:#000066;display:block;height:15px;padding:6px 11px 9px 11px;text-decoration:none;overflow:hidden;}
#NavDD ul li:hover a.MenuHover{color:#cc0000!important;background:url(images/x3_design/layout/NavBgHover.gif) 0 0 repeat-x!important;height:15px!important;overflow:hidden!important;padding:6px 11px 9px 11px!important;}
#NavDD ul li ul{visibility:hidden;position:absolute;z-index:1000;}
#NavDD ul li ul a{text-decoration:none;color:#000066;line-height:1.4em;}
#NavDD ul li ul li{background:none;}
#NavDD ul li iframe{visibility:hidden:hidden;position:absolute;}
#NavDD ul li ul li:hover a:hover{color:#cc0000;text-decoration:underline;}
#NavDD ul li:hover ul,#NavDD ul li a:hover ul{visibility:visible;background:#fff url(images/x3_design/layout/NavDdBg.gif) bottom right no-repeat;}
#NavDD ul li:hover iframe,#NavDD ul li a:hover iframe{border:none;visibility:visible;}
#NavDD #NewsMenu,ul li iframe#NewsIframe{width:160px;height:170px;z-index:100;float:left;}
#NavDD #CountyMenu,ul li iframe#CountyIframe{width:380px;height:220px;z-index:100;float:left;}
#NavDD #DistrictsMenu,ul li iframe#CountyIframe{width:380px;height:180px;z-index:100;float:left;}
#NavDD #SectionsMenu,ul li iframe#CountyIframe{width:520px;height:250px;z-index:100;float:left;}
#NavDD #EventsMenu,ul li iframe#CountyIframe{width:350px;height:270px;z-index:100;float:left;}
#NavDD #ActivitiesMenu,ul li iframe#NewsIframe{width:210px;height:180px;z-index:100;float:left;}
#NavDD #asMenu,ul li iframe#NewsIframe{width:190px;height:180px;z-index:100;float:left;}
#NavDD ul li .NavCol{float:left;display:block;padding:0 10px 0 20px;margin:20px 0 20px 0;width:135px;border-right:1px solid #fff;}
#NavDD ul li .NavCol.NoDivide{border-right:none;}
#NavDD ul li .NavCol a{display:block;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:.9em;}
#NavDD ul li .NavCol a:hover{text-decoration:underline!important;}
#NavDD ul li .NavSubHeading a{color:#000066!important;margin:0 0 0px 0;font-weight:bold;font-size:1.1em;text-decoration:none!important;font-family:Verdana,Arial,Helvetica,sans-serif;padding:0;display:block;}
#NavDD ul li .NavSubHeading.MarTop{margin:20px 0 0 0;}
#NavDD ul li a.NoHover{color:#fff;display:inline;float:left;height:15px;overflow:hidden;padding:6px 11px 0 11px;text-decoration:none;}
#NavDD ul li a:hover.NoHover{background:url(images/x3_design/layout/NavBgHover.gif) 0 0 repeat-x;color:#cc0000;display:block;height:15px;overflow:hidden;padding:6px 11px 9px 11px;text-decoration:none;}


#navigation{
	float:left;
	width: 150px;
	margin-top:5px;
}

#navigation h1{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	color:#000066;
	padding:2px;
	margin: 0;
	border-bottom-color:#000066;
	border-bottom-style:solid;
	border-bottom-width:1px;
	height: 20;
	background-image:url(/images/bg/menu_title_bar.gif);
}

#navigation ul{
	margin:0;
	padding:0;
}

#navigation li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	marks:cross;
	list-style:none;
	margin:0;
	padding:2px;
	
}

#navigation a:hover{color:#0033CC;}
#navigation a:link{color:#000066;}
#navigation a:visited{color:#000066;}

#menu{
	background-color:#e1e5f6;
	border-color:#000066;
	border-style:solid;
	border-width:1px;
	padding-bottom:20px;
}

#main-content {
	clear:both;
}

#main-content a{color:#000066!important;text-decoration:none;}
#main-content a:hover{color:#CC0000!important;text-decoration:underline;}

#submenu {
	width:120px;
	float:left;
	clear:both;
	padding:0;
	background-color:#D8D8E4;
}

#submenu .nav_main_heading{
	color:#FFFFFF!important;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
	text-decoration:none!important;
	display:block;
	background-image:url(images/x3_design/layout/heading_bg.gif);
	border-bottom-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:3px;
	height: 24px;
	border-top-color:#d8d8e4;
	border-top-style:solid;
	border-top-width:2px;
	float:left;
	width:110px;
	padding: 4px;
}

#submenu .NavCol{padding:4px;}
#submenu .NavCol a{color:#000066!important;text-decoration:none;display:block;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:.9em; padding-left:4px;}
#submenu .NavCol a:hover{text-decoration:underline!important;color:#CC0000!important;}
#submenu .NavSubHeading a{color:#000066!important;margin:10px 0 0 0;font-weight:bold;font-size:1.1em;text-decoration:none!important;font-family:Verdana,Arial,Helvetica,sans-serif;padding:0;display:block;}
#submenu .NavSubHeading a:hover{text-decoration:underline!important;color:#CC0000!important;margin:10px 0 0 0;font-weight:bold;font-size:1.1em;font-family:Verdana,Arial,Helvetica,sans-serif;padding:0;display:block;}

#content-left {
	float: left;
	width: 565px;
	background-color:white;
	border-top-color:#d8d8e4;
	border-top-style:solid;
	border-top-width:2px;
}

#content-left h1{
	color:#FFFFFF;
	background-image:url(images/x3_design/layout/heading_bg.gif);
	height: 24px;
	margin-top:0px;
	margin-bottom:0;
	padding: 4px;
	font-size:16px;
	border-bottom-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:3px;
	float:left;
	width:677px;
}

#content-left h2{
	color:#577fd1;
	font-size:14px;
	border-bottom-color:#577fd1;
	border-bottom-style:solid;
	border-bottom-width:3px;
	padding-left:4px;
}

#content-left h3{
	color:#577fd1;
	font-size:14px;
	padding-left:4px;
}

#content-left p{
	padding-left:4px;
}

#content-right {
	margin-left:2px;
	float:left;
	width: 307px;
	padding-left: 2px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	background-color:#d8d8e4;
	border-top-color:#d8d8e4;
	border-top-style:solid;
	border-top-width:2px;
}

#content-right h1{
	color:#FFFFFF;
	background-image:url(images/x3_design/layout/heading_bg.gif);
	height: 24px;
	margin-top:0px;
	margin-bottom:0;
	padding: 4px;
	font-size:16px;
	border-bottom-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:3px;
	float:left;
	width:299px;
}

#content-right p{
	clear:both;
	margin: 0;
	padding: 0;
	font-size:12px;
}


#content-right h2{
	color:#000033;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin: 0;
	padding: 4px;
	font-size:18px;
	background-color:inherit;
}

#twitter-box{
	padding-left:4px;
	clear:both;
	background-color: inherit;
}

.cal_box {
	height:100px;
}

.cal_date {
    margin-top:0;
	padding: 0;
	clear: both;
	float: left;
	width: 50px;
/*	background-color:#333333;
*/}

.cal_date p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	richness:inherit;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	padding:0;
	margin: 0;
}

td.cal_date_bg 
{
	background-color:#0033CC;
	background-image:url(images/x3_design/calendar/cal_date_bg.gif);
}

.clear { clear:left; }

.cal_spacer{
	clear:both;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:10px;
	background-color:inherit;
	width:293px;
}

.cal_body {
	float:left;
	width: 206px;
	margin: 0;
	background-color:#FFFFFF;
	height: 100%;
	padding:0;
	padding-top: 4px;
	padding-bottom:4px;
	overflow:scroll | auto;
}

.cal_body h3{
color:#CC0000;
font-size:14px;
border-bottom-style:dashed;
border-bottom-color:#CCCCCC;
border-bottom-width:thin;
padding:0;
margin: 0;

}

.cal_body h4{
font-size:12px;
padding:0;
margin: 0;
font-weight:normal;
border-bottom-style:dashed;
border-bottom-color:#CCCCCC;
border-bottom-width:thin;
}

.cal_body p{
	font-size:10px;
	padding:0;
	margin: 0;

}

.Titles { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px; font-weight: bold; }
.diarydatenew {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold; }
.maintextbold {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	list-style-image: url(bullet.gif);	list-style-position: outside; list-style-type: disc; }

#content-left .GalleryBar {
      width : 690px;
	  height: 143px;
      margin-right: 5px;
      margin-left: 0px;
      padding-top : 4px;
      padding-right : 4px;
      padding-left : 0px;
      padding-bottom : 0px;
	  background-color:#d8d8e4;
	  clear:both;
}

#content-left .gal-select {
	width:138px;
	height:135px;
	background-image:url(images/x3_design/gallery/gal_bg_home.gif);
	float:left;
	padding-top:7px;
	text-align:center;
}

#content-left .gal_select_added{
visibility:collapse;
}

#content-left .gal-select-title{
	margin:0;
	width:117px;
	height:35px;
	font-weight:bold;
	padding:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
}

#content-left .gal-select-num{
	margin:0;
	width:117px;
	padding:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
}

#content-left .news-list{
	float: left;
	width: 690px;
	background-color:#D8D8E4;
}

#content-left .news-item{
	float: left;
	width: 341px;
	margin-left:4px;
	margin-bottom:2px;
	margin-top:2px;
	background: url(images/x3_design/layout/news_bg.gif) bottom right no-repeat;
}

#content-left .news-body{
	float: left;
	width: 341px;
	height: 200px;
	overflow:auto;
}

#content-left .news-body table tbody tr td p{
	margin:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:4px;
}

#content-left .news-link{
	float: left;
	width: 343px;
	height:20px;
	margin-bottom:4px;
	padding-top:4px;
	padding-left:4px;
}

#content-left .html-content{
	margin-right:4px;
	width: 555px;
	float:left;
}

#content-left .html-content h1{
	width: 551px;
	padding-left:4px;
}

#content-left .html-content h2{
	padding-left:4px;
}

#content-left .html-content p{
	padding-left:4px;
}
#content-left .html-content table{
	margin-left:4px;
}

#content-right .GalleryBar {
	width : 297px;
	height: 87px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top : 0px;
	padding-right : 4px;
	padding-left : 0px;
	padding-bottom : 0px;
/*	background-color:#d8d8e4;*/
	clear:both;
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-left .content-header{
	width: 565px;
	height: 200px;
	border-bottom-color:#d8d8e4;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

#content-left .content-header h1{
	color:#fff; 
	padding-left:4px;
	border:none;
	background:none;
	font-size:2em;
	font-weight:bold;
	margin-top:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content-left .html-content .content-header h1{
	color:#fff; 
	padding-left:4px;
	border:none;
	background:none;
	font-size:2em;
	font-weight:bold;
	margin-top:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content-right .gal-select {
	width:301px;
	height:71px;
	background-image:url(images/x3_design/gallery/gal_bg_right.gif);
	float:left;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
}

#content-right .gal_select_thumb{
	float:left;
	width:100px;
	padding-left:8px;
}

#content-right .gal_select_details{
	float:left;
	width:192px;
}

#content-right .gal_select_added{
	margin:0;
	width:182px;
	padding:0;
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
	margin-bottom:4px;
}

#content-right .gal-select-title{
	width:185px;
	font-weight:bold;
	padding:0;
	margin-left:5px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:0px;
}

#content-right .gal-select-num{
	margin:0;
	width:190px;
	padding:0;
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
	margin-bottom:4px;
}

#content-right .html-content{
	margin-left:0px;
	margin-right:0px;
	width:308x;
	float:left;
}

#content-right .html-content h1{
}

#content-right .html-content h2{
}

#content-right .html-content p{
	width:295px;
	margin-top:6px;
	margin-left:4px;
}

#videoBar {
      width : 690px;
      margin-right: 5px;
      margin-left: 0px;
      padding-top : 4px;
      padding-right : 4px;
      padding-left : 0px;
      padding-bottom : 0px;
	  background-color:#d8d8e4;
	  clear:both;
}

#footer {
	width:996px;
	height:100px;
	background-image:url(images/x3_design/layout/footer_bg.jpg);
	clear:both;
/*	text-align:center;
	margin-top:10px;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
*/	background-color:#FFFFFF;
}

#footer-sc-lnk {
	float:left;
	width:118px;
}

#footer-copy {
	float:left;
	margin-top: 20px;
}

#footer-top {
	float:right;
	margin-top:25px;
	margin-right:120px;
}

#footer a:link{color:#000066; font-weight:bold; text-decoration:none;}
#footer a:hover{color:#000099; font-weight:bold; text-decoration:none;}
#footer a:visited{color:#330033; font-weight:bold; text-decoration:none;}

#test1 .block{background-color:red; height:200px; width:200px;}
#test2 .block{background-color:blue; height:200px; width:200px;}

#content-right .html-content #share p{float:left; padding-top:4px; padding-left:4px; padding-right:0px; background:url(/images/x3_design/social/slope1.jpg) no-repeat; color:#FFFFFF; size:1em; font-weight:bold; height:18px; width:190px; margin-left: 0px;}
#share p{float:left; padding-top:4px; padding-left:4px; padding-right:0px; background:url(/images/x3_design/social/slope1.jpg) no-repeat; color:#FFFFFF; size:1em; font-weight:bold; height:18px; width:190px; margin-left: 0px;}
#share img{border:none; margin:0px; padding:0px; float:left;}
#social-box{margin-bottom:4px; float:left;background:url(/images/x3_design/social/bg.png) repeat; border-color:#4f76c7; border-style:solid; border-width:2px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;border-top-left-radius: 0px 0px; border-top-right-radius: 5px 5px; width:300px;}
#social-box #fb-like{width:140px;float:left;padding:0px; margin: 4px;}
#tweet{float:left; width:100px ;margin-top:4px; margin-right:4px;}
#plusOneBox{float:left; width:40px; height:20px; margin-top:4px; margin-right:4px;}
#like{float:left;padding:4px;}
#spacer{clear:both; float:left;}
#content-left fb-root{clear:both; float:left;}
.left-share{text-align:center; margin-left:20px; margin-bottom:10px;}
.fb_iframe_widget{margin-left:0px;margin-bottom:0px;}
#galleria{height:600px; clear:both;}
#gal_description{clear:both;float:left;margin-top:50px; padding-left:20px; padding-right:20px}