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

img {
border: none;
}


#contentwrapper {

	width:  860px;

	height: 100%;

	margin: 0 auto;


}

#header {
width:  860px;
height: 130px;

}
#menu { /* This is the div to hold your nav (the UL generated at run time) */

width:  860px;
height: 40px;


	}

	

	#menu ul { /* The auto-generated set of links */

		height: 40px;
		padding: 0px;
		list-style: none;
	}

	

	#menu ul li {

		float: left;

		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */

	}

	

	#menu a { /* The nav links */

		font-size: 16px;

		text-align: center;

		line-height: 36px;

		background: #c6e3ff;

		color: #ff66ff;

		text-decoration: none;

		display: block;

		height: 38px;

		width: 105px;

		outline: none;
		font-family: Arial, Helvetica, sans-serif;

	}



#menu li a { background: url(http://www.hallmountcottage.com/images/menubutton.png) no-repeat;}





#menu a:hover  {

	background: url(http://www.hallmountcottage.com/images/menubuttonHover.png) no-repeat;

}
#banner {
width:  100%;


}
#content {
width:  100%;
height:100%;



background-image:url(../images/contentbgtile.jpg);
background-repeat:repeat;
}
#contenttext {
padding: 20px 20px 20px 20px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

#contenttext p {color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;}

#contenttext h1 {color: #333333;
font-family: Arial, Helvetica, sans-serif;
margin:0;
font-size:20px;
}

#contenttext h2 {color: #333333;
font-family: Arial, Helvetica, sans-serif;

}



#footer {
width:  100%;

/*margin-top:-100px;*/

}


#scrollbar1 { width: 860px; clear: both;  }

#scrollbar1 .viewport { width: 840px; height: 300px; overflow: hidden; position: relative; }

#scrollbar1 .overview {

margin: 0 30px 30px 30px; 

list-style: none; 

position: absolute; 

left: 0; 

top: 0;



 }

 #scrollbar1 .overview p { 







 }

#scrollbar1 .thumb .end,

#scrollbar1 .thumb { background-color: #333333; }

#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }

#scrollbar1 .track {  height: 100%; width:13px; position: relative; padding: 0 1px; }

#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }

#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }

#scrollbar1 .disable{ display: none; }