/* css information
--------------------------------------------------------
	Housatonic Heritage					screen stylesheet
	author:         					www.studiotwo.com
	updated:        					February 2009

	

-------------------------------------------------------- */
/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #595343 url(../images/bg-fullpage.jpg) repeat-x center top;
	color: #0f0f0f;
	font-size: 76%;
	font-family: tahoma, geneva, arial, sans-serif; 
	font: 12px/1.4em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	min-width: 800px;
}





img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #729300;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}	
a:hover   {
	
	color: #666666; 
	text-decoration: underline;
}


/*ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}*/
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#e8e8e8;}


h1   {
	color: #609100;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0px;
}


h2   {
	color: #609100;
	text-align: left;
	
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #609100;
	text-align: left;
	font: 14px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;
	border-top: 1px solid #cccccc;;

}
h4   {
	color: #ffffff;
	background-color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	margin-top: 0px;

}
h5   {
	color: #666666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;

}

	
	
/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/


#navigation {
	width: 987px;
	height: 30px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	background: transparent url(../images/bg-nav.jpg) top left no-repeat;
}

#navigation ul	{
	width: 987px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 30px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	}	



#n1 {
	position: absolute;
	left: 65px;
	width: 135px;
}
#n2 {
	position: absolute;
	left: 245px;
	width: 82px;
}
#n3 {
	position: absolute;
	left: 365px;
	width: 60px;
}
#n4 {
	position: absolute;
	left: 470px;
	width: 75px;
}
#n5 {
	position: absolute;
	left: 595px;
	width: 135px;
}
#n6 {
	position: absolute;
	left: 785px;
	width: 145px;
}

#n1 a:hover {background: transparent url(../images/navigation.gif) -65px -30px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.gif) -245px -30px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.gif) -365px -30px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.gif) -470px -30px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation.gif) -595px -30px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation.gif) -785px -30px no-repeat;}



/*
***************************************

	LAYOUT

***************************************
*/



#page {
	margin: 0px auto 0 auto; 
	width: 987px;
	/*background: transparent url(../images/curve-top.gif) top left no-repeat;  */
	
}


.layoutFixed {
	margin: 0 auto;
	width:1014px;}


#bodywrap {
	width: 987px; 
	margin: 0px auto 0 auto; 
	background-color: transparent;
	text-align: center;
	padding: 0px 0 10px 0;
	background: #ffffff;
	/*positon: relative;*/

}

#contentwrap {
	background: #ffffff url(../images/bg-content.jpg) top left no-repeat;
	padding: 15px 0px 15px 0px;
	margin: 0px auto;
	width: 987px;
	height: 60px;
position: relative;
}

#content {background: #ffffff url(../images/bg-content.jpg) top left no-repeat;
	
	width: 957px; 
	margin: 0px auto 15px auto; 
	background-color: white;
	text-align: center;
	padding: 0px 15px 0 15px;
	position: relative;
	}

#header {
	background-color: transparent;
	width: 987px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	
	}

#logo {
	position: absolute;
	width: 209px;
	height: 120px;
	left: 50px;
	z-index: auto;
	top: 8px;
}




#navtertiary {
	width: 977px;
	height: 20px;
	padding: 2px 10px 0 0;
	margin: 0 auto;
	background: transparent url(../images/nav-tertiary.gif) top right no-repeat;
	text-align: right;
	color: #c99d44;

}

#navtertiary a:link {color: white; font-weight: normal; font-size: 11px; padding: 0 3px 0 3px;}
#navtertiary a:visited {color: white; font-weight: normal; font-size: 11px; padding: 0 3px 0 3px;}
#navtertiary a:hover {color: #867900;}

#left {
	display:inline;
	padding:0;
	width:178px;
	float:left;
	margin:0px 0 10px 0;
	text-align: left;
	margin-left:0;
}

#center {
	display:inline;
	padding:5px;
	width:554px;
	text-align: left;
	float:left;
	margin:5px 15px 15px 15px;
}

#right {
	display:inline;
	padding:0px;
	width:178px;
	text-align: left;
	float:right;
	margin:0px 0 10px 0;
	margin-right:0;
}




/*
***************************************

	left column

***************************************
*/
ul#subnav  {  
	list-style-type: none;
	list-style-position: outside; 
	margin: 0px; padding: 6px;background-color: #e5f2d4;}

ul#subnav li {
  list-style: none;
  text-align: left;
  margin: 0;
  display:inline;
  padding: 4px 0px 0px 0px;
  
}
ul#subnav li a:link {
  display: block;
  font-size: .9em;
  background: transparent url(../images/arrow.gif) no-repeat 4px 7px;
  text-decoration: none;
  padding: .25em 0px .25em 12px;
  text-decoration: underline;

}

ul#subnav li a:visited {
  display: block;
  text-decoration: none;
    background: transparent url(../images/arrow.gif) no-repeat 4px 7px;
    font-size: .9em;
  padding: .25em 0px .25em 12px;
  text-decoration: underline;
}




#subNav { margin: 0px 0 0 0 ;
padding: 5px;
list-style: none;
text-align: left;background-color: #e5f2d4;
 }

#subNav ul
{
margin: 0;
padding: 0;
list-style: none;
}
#subNav li { margin: 0 0 0px 0; 
 }

#subNav a {
	display: block;
	width: 140px;
	/*font-size: 11px; */ 
	text-decoration:underline;
	text-align: left;  
	/*background: transparent url(../images/subNav-arrow-dark.gif) 5px 5px no-repeat; 
	font-weight: bold; */
	padding-left: 1px;
}

#subNav a:hover
{

}
#subNav ul ul { margin: 0 0 20px 0px; }
#subNav ul ul li { margin: 0 0 0px 10px; }

#subNav ul ul a
{
display: block;
padding: 0px 5px 0px 30px;
width: 125px;
text-decoration: none;
font-weight: normal;
color:#8ab200;  font-size:10px;  text-align: left;  /*background: transparent url(../images/subNav-arrow-right.gif) 6px 6px no-repeat;*/  padding-left: 1px; list-style: none;

}


#subNav ul ul a:visited
{
display: block;
padding: 0px 5px 0px 30px;
width: 125px;
text-decoration: none;
font-weight: normal;
color:#8ab200;  font-size:10px;  text-align: left;  /*background: transparent url(../images/subNav-arrow-right.gif) 6px 6px no-repeat;*/  padding-left: 1px; list-style: none;

}


#subNav ul ul a:hover
{
/*color: #CC6600;
background-color: transparent;*/
text-decoration: underline;
}







#sites {margin-bottom: 30px;}
#sites p {margin-bottom: 6px; margin-top: 0px;}
#subnavDiv {margin-bottom: 15px;}
#heritagemap img {padding-top: 3px;}

#nationalpark img {padding-top: 20px;}


/*
***************************************

	center column

***************************************
*/
#content h1   {
	color: #759600;
	text-align: left;
	font: 1.8em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin-bottom: 0px;
	margin-top: 4px;
}
#content h2   {
	color: #f3731e;
	text-align: center;
	font: 12px arial, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: 0px;
	margin-top: 0px;
}

#content h3   {
	color: #e8ba1a;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0px;
	border-top: 0px solid white;
	margin-top: 0px;
}

.eventdate-list {font-size: 10px; }


#features {margin-top: 15px;}
#feature-left {width: 265px; float: left; padding-right: 15px;}
#feature-right {width: 265px; float: right;}
.feature-item {padding: 15px 0 25px 0;}
.feature-item img {float: left; padding-right: 5px;}
.feature-title {font-size: 1.3em; font-weight: bold;}



#content-information {margin-top: 15px;}
#content-information-left {width: 350px; float: left; padding-right: 10px;}
#content-information-right {width: 180px; float: right;}

#content-information-left2 {width: 200px; float: left; padding-right: 10px;}
#content-information-right2 {width: 330px; float: right;}

table#reference {width: 200px; padding: 5px 10px 5px 10px; background-color: #e5e5e5; border: 1px solid #b3b3b3; margin-left: 6px; margin-bottom: 6px;}

#spotinfo {width: 158px; padding: 5px 10px 5px 10px; background-color: #e5e5e5; border: 1px solid #b3b3b3;  margin-bottom: 15px; margin-top: 20px;}
.spotinfo-sm {font-size: 10px;}
#result {padding: 5px 2px 5px 2px; background-color: #e5e5e5; margin-bottom: 10px; padding-left: 10px;}








a.eventlinks:link {
font-size: 10px;
color: #666666;
font-weight: bold;
}
a.eventlinks:visited {
font-size: 10px;
color: #666666;
font-weight: bold;
}
.eventitem {
	width: 540px; 
	margin-top: 10px;
	background: transparent url(../images/bg-showlisting-bar-dots.gif) no-repeat left top;
}

.eventname {
	font-size: 14px; 
	font-weight: bold; 
	color: #5f9524;
	}
.eventdate {font-size: 11px;font-weight: bold; text-transform: uppercase; color: #5f9524;}

.eventtitle {
	font-size: 17px; 
	font-weight: bold; 
	text-transform: uppercase;
	color: #5f9524;
	}
.eventcategory {
	font-size: 12px; 
	 
	color: #5f9524;
	}
#event-right h1 {
	font-size: 13px;
	color: #5f9524;
	text-transform: uppercase;
	/*background-color: #e0e0e0;*/
	padding: 1px 4px 1px 4px;
	margin: 15px 0 0 0;
	background: transparent url(../images/bg-showlisting-bar-dots.gif) no-repeat left top;
}
#event-right p {margin: 10px;}	

#event-left {
float: left;
width: 190px;

}
.photo {
border: 1px solid #bebdad;
padding: 4px;

}


#event-right {
float: right;
width: 347px;
margin-top: 15px;
}






/*
***************************************

	RIGHT COLUMN
	
***************************************
*/

	div#calendar-area {padding-bottom: 15px;}
	div#events-list {margin-top:  25px; margin-bottom: 15px; clear: both;}
	div.expandable_events_box {
		width: 179px;
		min-height: 100px;
		background-image: url("../images/eventsbox/top.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		padding-top: 10px;
		font-size: 110%;
		
	}
	
	div.expandable_events_box div.middle {
		width: 179px;
		background-image: url("../images/eventsbox/middle.jpg");
		background-position: bottom;
		background-repeat: no-repeat;
		background-color: #eaf3cf;
		
	}
	
	div.expandable_events_box div.inside {
		padding-left: 10px;
		width: 159px;
		font-size: 12px;
		line-height: 1.3em;
		border: 0px solid white;
		margin-left: 4px;
		
	}
	
	
	
	
	
	




	
/*
***************************************

	FOOTER
	
***************************************
*/
	
#footer {
	width: 947px;
	margin: 15px auto 15px auto;
	padding: 15px 0px 15px 0px;
	font-size: 11px;
	clear: both;
	
	/*position: relative;*/
	background: #ffffff url(../images/bg-footer.jpg) top center no-repeat;
	
	
}



/*
***************************************

	CLASS STYLES
	
***************************************
*/

.bold {font-weight: bold;}
.right {text-align: right;}
.italic {font-style: italic;}
.alignright {text-align: right;}
.uppercase {text-transform: uppercase;}
.sub-head {font-weight: bold;}

.numbers {}
.selected { border: 1px solid #d7d7d7; padding: 0px 3px 0px 3px; font-size: 1.2em; color: #ff6600;}