html,body{margin:0;padding:0}
a:hover{text-decoration: none;}

body{font: 76% arial,sans-serif;text-align:center; background: #000; background-image: url('/page/-/Boots/images/background.png'); background-repeat:repeat-x; }
/*
#nav { background: url('/page/-/Boots/images/nav.png'); width: 100%; float: left; display: block; height:47px; position: relative;font: bold 0.84em Arial, Helvetica, sans-serif; color: #fff; position: relative; z-index: 1; }
#nav li { display: inline; float: left;  }
#nav ul { float:left; background: url('/page/-/Boots/images/nav-links.png'); background-repeat:no-repeat; height: 50px; width: 100%; text-indent: -9999px; overflow: hidden; margin-left:20px; margin-top:-2px;}
#nav ul li a { display: block; margin-top: 7px; overflow: hidden; margin-top:8px;}
#nav ul li a#home {width:60px;margin-left:-40px;}
#nav ul li a#whatis {width:105px;margin-left:15px;}
#nav ul li a#going { width: 70px;margin-left:15px;}
#nav ul li a#been { width: 70px; margin-left:40px;}
#nav ul li a#now { width: 63px; margin-left:35px;}
#nav ul li a#news { width: 32px; margin-left:35px;}
#nav ul li a#photos { width: 44px; margin-left:32px;}
#nav ul li a#videos { width: 44px; margin-left:30px;}
#nav ul li a#contribute { width: 70px; margin-left:20px;}

#nav ul li a:hover { height: 25px; }
#nav ul li a#home:hover, body#home a#home {background: url('/page/-/Boots/images/nav-links.png') 0px -58px; }
#nav ul li a#whatis:hover, body#whatis a#whatis {background: url('/page/-/Boots/images/nav-links.png') -95px -58px; }
#nav ul li a#going:hover, body#going a#going {background: url('/page/-/Boots/images/nav-links.png') -235px -58px; }
#nav ul li a#been:hover, body#been a#been {background: url('/page/-/Boots/images/nav-links.png') -365px -58px; }
#nav ul li a#now:hover, body#now a#now {background: url('/page/-/Boots/images/nav-links.png') -490px -58px; }
#nav ul li a#news:hover, body#news a#news  {background: url('/page/-/Boots/images/nav-links.png') -608px -58px; }
#nav ul li a#photos:hover, body#photos a#photos  {background: url('/page/-/Boots/images/nav-links.png') -692px -58px; }
#nav ul li a#videos:hover, body#videos a#videos {background: url('/page/-/Boots/images/nav-links.png') -786px -58px; }
#nav ul li a#contribute:hover, body#contribute a#contribute {background: url('/page/-/Boots/images/nav-links.png') -870px -58px; }
*/

/****new navigation bar styles - sheela****/
#nav { background: url('/page/-/Boots/images/nav.png'); width: 100%; float: left; display: block; height:47px; position: relative;font: bold 0.84em Arial, Helvetica, sans-serif; color: #fff; position: relative; z-index: 1; }
#nav li { display: inline; float: left; }
#nav ul { float:left; background: url('/page/-/Boots/images/nav-links.png'); background-repeat:no-repeat; height: 50px; width: 100%; text-indent: -9999px; overflow: hidden;margin-top:-2px; margin-left: 20px;}
#nav ul li a { display: block;  overflow: hidden; height: 25px; }
#nav ul li a#home {width:60px;}
#nav ul li a#whatis {width:120px;}
#nav ul li a#going { width: 100px;}
#nav ul li a#been { width: 100px; }
#nav ul li a#now { width: 100px; }
#nav ul li a#news { width: 60px; }
#nav ul li a#photos { width: 80px; }
#nav ul li a#videos { width: 65px; }
#nav ul li a#contribute { width: 97px; }

#nav ul li a:hover { height: 26px; }
#nav ul li a#home:hover, body#home a#home {background: url('/page/-/Boots/images/nav-links.png') 0px -50px; }
#nav ul li a#whatis:hover, body#whatis a#whatis {background: url('/page/-/Boots/images/nav-links.png') -80px -50px; }
#nav ul li a#going:hover, body#going a#going {background: url('/page/-/Boots/images/nav-links.png') -220px -50px; }
#nav ul li a#been:hover, body#been a#been {background: url('/page/-/Boots/images/nav-links.png') -340px -50px; }
#nav ul li a#now:hover, body#now a#now {background: url('/page/-/Boots/images/nav-links.png') -460px -50px; }
#nav ul li a#news:hover, body#news a#news  {background: url('/page/-/Boots/images/nav-links.png') -580px -50px; }
#nav ul li a#photos:hover, body#photos a#photos  {background: url('/page/-/Boots/images/nav-links.png') -660px -50px; }
#nav ul li a#videos:hover, body#videos a#videos {background: url('/page/-/Boots/images/nav-links.png') -760px -50px; }
#nav ul li a#contribute:hover, body#contribute a#contribute {background: url('/page/-/Boots/images/nav-links.png') -845px -50px; }
/*** new navigation bar styles ends here  ****/

#signup{width: 100%; float:left; margin-top:7px; margin-bottom: -12px; }

#signup input { font-size: 1em; color: #000; padding: 6px 3px 4px 3px; display: inline; float: left; margin: 0px 3px;}
#signup input#email { /*width: 133px;*/width: 200px; margin-bottom: 5px; margin-left: 5px; font-size: 12px;}
#signup input#phone { /*width: 100px;*/ width: 200px; margin-bottom: 5px; margin-left: 5px; font-size: 12px; }
#signup input#submit { vertical-align: middle; margin: 0; position: relative; top: -6px; }

p{margin:0 10px 10px}

a{display:block;color: #003d20;padding:10px}

/**sheela code**/
div#header h1{height:185px;line-height:80px;margin:0;
  padding-left:10px;background-image: url('/page/-/Boots/images/header.png'); color: #79B30B; }
  
  
div#header #hday, #htime, #htime1, #hmiles{
	 display: block;
	 position: relative;
	 float: left;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 26px;
}

div#header #hday, #htime, #htime1{
	 height: 50px;
	 width: 200px;
	 color: #000;
}
 div#header #hday{
	 left: 10%;
	 top: -3px;
 }

 div#header #htime{
	 /*top: 23.5%;
	 left: -18.5%;*/
	 top: -21.5%;
	 left: 10%;
 }
 
 div#header #htime1{
	 top: 23.5%;
	 left: -21.5%;
 }

div#header #hmiles{
	 display: inline;
	 /*left: 63.5%;*/
	 left: 62%;
	 width: 110px;
	 text-align: center;
}

/***sheela code ends here**/
div#container{text-align:left}

div#content p{line-height:1.4}

#container4 {clear:left; float:left; width:100%; overflow:hidden;}
#container3 {clear:left;float:left;width:100%;position:relative;right:25%;}
#container2 {clear:left;float:left;width:100%;position:relative;right:25%;}
#container1 {float:left;width:100%;position:relative;right:25%;}
/*******sheela code starts here **/
#col1 {float:left;width:20%;position:relative;left:75%;overflow:hidden; /*border: 1px solid yellow;*/ padding-top: 4px; }
#col2 {float:left;width:56%;position:relative;left:75%;overflow:hidden;  /*border: 1px solid pink;*/}
#col3 {float:left;	width:24%;position:relative;left:75%;overflow:hidden; /* border: 1px solid yellow;*/}
#col4 {float:left;width:22%;position:relative;left:75%;overflow:hidden;  /*border: 1px solid yellow;*/}

#videosBox, #col4 #photosBox{ padding-left: 5px; display: block; width: auto; height:auto;}

#photosBox img, #col4 #videosBox img{ padding-bottom: 2px;}

#newsBox img{ padding-top: 10px; }


#contentBox { display: block; width: auto; min-height:495px; margin-top: 2%;  background: #FFF; padding: 15px;}

/***contentBox1 style is used for the content of where he's been page *****/
#contentBox1 { display: block; width: auto; height:495px; margin-top: 2%;  background: #FFF; padding: 15px; overflow: auto;}

#contentBox p, #contentBox1 p, #mapContent p{ padding: 0px; margin-left: 0px; margin-bottom: 5px;}

#contentBox a, #contentBox1 a{margin: 0; padding: 0; display: inline; color: 003d20;}

#contentBox1 h2, #mapContent h2, #mapContent h2{margin-bottom: 0; padding-bottom: 0;}

/***** sheela code ends here *****/

*{ margin: 0; padding: 0; }
#twitterbody	{ font-size: 12px; font-family: Arial, Helvetica, sans-serif;/*font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif;*/ padding: 0; margin: 0; color:#000000;}
.floatLeft 	{ float: left; }
.floatRight	{ float: right; }
.clear	{ clear: both; }

/****this is the style that is managing the tweet content ****/
#twitterbody a {color:#002c16; margin-left: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; display: inline; }
/*********** tweet content style ends here ******/

#twitterbody img, twitterbody a img	{ border: none; }
#twitterbody h1	{ font-weight: normal; }
#twitterbody p{ font-weight: normal; font-size: 1em; }
#page-wrap { min-width: 175px; }

#twitter {/*padding-left:3px;*/  float: left;  min-width: 175px; }
#twitter img{ width: 160px; }

/**sheela code */
.tweet { margin: 0px 0px 0px 0px; background:#ffffff; width:175px;
-webkit-box-shadow: 0px 0px 3px #fadd21;
-moz-box-shadow: 0px 0px 3px #fadd21;
height: auto;
padding-bottom: 0px; /* IE */
}

#twitter .tweet .tweetDate{
			font-style: italic;
			color: #555;
			margin-bottom: 15px;
}

/*sheela code ends here*/

div#navigation{float:right; font-size: 62.5%; font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif; color:#000000}

#navigation h1{color:#fadd21; font-size: 2.5em; font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif; margin-left:10px;}

#navigation h2{color:#fff; font-size:3.25em; font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif; margin-left:10px;}

div#extra{height:450px;}

/*div#footer{background: #333;color: #FFF; }

div#footer p{margin:0;padding:5px 10px}
*/

div#container{width:1000px;margin:0 auto; }

div#content{float:left;width:750px;}

div#navigation{float:right;width:250px}

div#extra{clear:both;width:100%; height: auto;}


/*** footer styles **/
div#footer{clear: both; position: relative; float: left; background-color: #003300; display: block; color: #fadd21; margin-top: 5px; margin-bottom:20px; text-align:left; width: 1000px; height:60px;}

#footer img
{
float: left; border: 0px solid #003300;	
}

#footer a{
position: relative;
display: block;
float: left;
width: 100px;
height: 10px; 
float: right;
padding-top: 12px;
margin-top: 3px;
font-weight: bold;
font-size: 1em;
text-align: right;
color: #fadd21;
text-decoration: none;
}

#footer a:hover {
color: #fadd21;
text-decoration: underline;
}


div#footer p{margin:0; text-align:right; }

/**News styles*/
.countyNewsDate{
			font-style: italic;
			color: #555;
			padding-bottom: 3px;
		}
.countyNewsTitle{
			font-weight: bold;
			font-size: 1.3em;
}

#newsItems{
	height:120px;
	width:99%;
	overflow:hidden;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
	background: #FFF;
}
#newsItems li{
	border:0; margin:0; padding:0; list-style:none;
}

	#newsItems li{
		height:120px;
		list-style:none;
		background: #fff;
		margin-bottom: 8px;
		border: 1px solid #999;
		overflow: hidden;
		padding-bottom: 8px;
		
	}
		#newsItems a{
			color: #004f28;	
		}
		
		#newsItems a:hover{
			color: #990088;
		}
		#newsItems .newsTitle{
			display:block;
			font-weight:bold;
			font-size: 16px;
			padding-bottom: 0px;
		}
		#newsItems .newsText{
			display:block;
			font-size:11px;
			color:#000;
			padding: 0px 8px 8px 9px;
		}
		#newsItems .newsDate{
			font-style: italic;
			padding-left: 9px;
			color: #555;
			padding-bottom: 3px;
		}
		
		
/************Dropdown effect styles *********/
#county_row {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 99%;
	height: auto;
	/*border: 2px solid red;*/
}
.countyTitle {
	position: relative;
	display: block;
	cursor: pointer;
	border: 1px solid #060;
	width: 99%;
	height: 15px;
	font-size: 1.1em;
	/*margin-top: -15px;*/
}
.county_info {
	/*padding: 5px 10px 15px;*/
	position: relative;
	display: block;
	width: 99%;
	height: auto;
	padding-bottom: 10px;
}

/*******************maps styles**************/
			#map, #mapsmall, #mapouter{ float:left; display: block; margin-top: 13px;  border: 1px solid #fff; background: #CCC;  height: 360px; border: 3px solid #003d20; }
			#mapsmall{height: 200px; width: 550px;}
			/*mapsmall{height: 360px; width: 255px};*/
			
			#mapouter{width: 99%; height: 360px; display: block; float: left; margin-top: 13px;  background: #CCC;}
			#message{ position:absolute; padding: 10px; background-color: #fadd21; color:#000; width:100%; height: 20px; font-size: 16px; font-weight: bold; border: 3px solid #444; text-align: center; margin-top: 10px;}
			#countyNews, hoverMessage{position: relative; padding: 10px; /*background: #004f28*/background: #fff; color: #000; /*width: 240px;*/ overflow: auto; display: block; left: 0%;  margin-left: 0px; /* IE */  margin-top: 13px; border: 3px solid #003d20; height: 200px; width: 200px;}
			#list { float:left; width:200px; background:#eee; list-style:none; padding:0; }
			#list li {padding:10px;}
			#list li:hover { background:#555; color:#fff; cursor:pointer; cursor:hand; }		

		
			#mapContent a
			{
				text-decoration: underline;
				color: #006;
			}
			
			#mapContent a:hover
			{
				text-decoration: none;	
			}
			
.button2
{
	font-weight: bold;
	font-size: 1.2em;
	color: #030;
	float: right;
	display: block;
	padding: 0;
	margin: 0;
	padding-top: 7px;
	/*border: 2px solid blue;*/
	height: 26px;
}

a.button2:hover
{
	color: yellow;
	cursor: pointer;
	text-decoration: none;
	color: #03C;
}
			#mapContent a
			{
				text-decoration: underline;
				color: #006;
				margin 0;
				padding: 0;
				display: inline;
			}

/********** facebook widget styles **********/
#facebook-widget
{
	font-size: 8px; 
	padding-left: 60px;
	color: #fadd21
}

#facebook-widget a
{
	color: #fadd21;
	
}