body {background:#333; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

h1, h2, h3 {padding:0; margin:0;}
h2 {font:bold 24px arial, sans-serif; color:#00669D; margin:0 0 8px 0;} /* page titles */
h3 {font:bold 16px arial, sans-serif; color:#00669D; margin:8px 0 8px 0;} /* sub-heads */
h4 {font:bold 13px verdana, arial, sans-serif; color:#333; margin:0 0 8px 0;} /* home page stickynote headlines */
p {margin:0; padding:0 0 12px 0; line-height:16px;}
	p.intro {font-size:13px; line-height:18px;}
ul {margin:0; padding:0 0 12px 20px;}
li {line-height:16px; padding:0;}

hr {text-align:center; height:1px; color:#ccc; border:none; margin:5px auto; width:90%;} /* For IE */
html>body hr {background-color:#ccc; margin:10px auto;} /* For Gecko-based browsers */
html>body hr {border:0px solid #ccc; margin:10px auto;} /* For Opera */
/* hr rules, see: http://www.saila.com/usage/tips/defn.shtml?hr */

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

/* fix png transparency in IE */
#openyearround {behavior:url(scripts/iepngfix.htc);}

div#printlogo {display:none;}
div#printinfo {display:none;}


/* ---- links ----------------------------------------- */
a {color:#007BBF;} /* royal blue */
a:visited {}
a:hover {color:#000; text-decoration:none;}
a:active {color:#007BBF;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/* ---- ids & classes ----------------------------------------- */
#frame { /* this centers the page */
	 width:780px; margin:0 auto; padding:10px 0; background:#fff; position:relative; border:1px solid #666;}
	
/* header styles ---- */ 
#header {position:relative; width:700px; height:248px; margin:0 auto; background:#fff;}
	#header p {margin:0; padding:0;}
	#logo, #bestof, #openyearround {text-indent:-4000px; z-index:100;}
	#logo, #bestof, #openyearround, #quote, #banner {position:absolute;} 
	#logo {top:25px; left:5px; width:220px; height:220px; background:url(images/logo.gif) no-repeat;}
		#logo a {display:block; width:220px; height:220px;}
	#quote {top:5px; right:0px;}
		#quote p {padding:0; font:bold 15px/15px arial,sans-serif;}
	#bestof {top:32px; right:7px; width:85px; height:84px; background:url(images/bestof-2010.gif) no-repeat;}
	#openyearround {top:158px; right:-45px; width:130px; height:130px; background:url(images/openyearround.png) no-repeat; }
	#banner {top:25px; left:0px; width:700px; height:220px; z-index:10;}
	
#navmenu {width:700px; height:25px; margin:0 auto; background:#000;}
	#navmenu ul {list-style:none; margin:0; padding:0;}
	#navmenu li {display:inline; margin:0; padding:0 10px; line-height:25px;}
	#navmenu a {color:#fff; font-weight:bold; text-decoration:none;}
	#navmenu a:hover {color:#007BBF;}
	#navmenu a.on {color:#007BBF;}
	
/* home page content area */
#contentHome {width:700px; min-height:400px; text-align:left; margin:0 auto; padding-top:15px;}
	#contentHome h3 {font-size:22px; color:#333;}
	
	#lcol {float:left; width:420px; background:#fff;}
		#icecream {border:1px solid #ccc; margin:15px 0; padding:10px 0 10px 0; background:url(images/cones.jpg) 8px 100% no-repeat; text-align:right;}
			
			#icecream h3 {width:390px; height:50px; background:url(images/homemade-icecream.gif) no-repeat; margin:0 auto 10px;}
			#icecream h3 span {display:none;}
			#icecream p {padding:0 12px 0 0;}
	
	#rcol {float:right; width:250px; background:#fff;}
		#hours {width:250px; background:#007BBF; color:#fff;}
			#hours p {line-height:13px; padding:10px;}
		#whatsnew {width:250px; background:#666; color:#f5f5f5; margin-top:10px;}
			#whatsnew h3 {color:#fff; background:#333; font-size:18px; height:30px; margin:0 0 10px 0; line-height:30px; padding:0 10px;}
			#whatsnew p {line-height:13px; padding:0 10px 10px 10px;}
			#whatsnew a {color:#fff;}
			#whatsnew a:hover {color:#007BBF; text-decoration:none;}
		#specials {width:250px; padding:0; margin-top:12px;}
			#specials h3 {margin-bottom:0; font-size:18px; color:#00669D;}
	
	.stickynote {float:left; width:141px; height:156px; padding:10px 15px 0 15px; margin-right:5px; border-top:0px solid #ccc;
		 border-left:0px solid #ccc;}
	.stickynote p {line-height:13px;}
	.blue {background:#E5E5FA url(images/bg-stickynote.gif) 100% 100% no-repeat;}
	.yellow {background:#EDFFA4 url(images/bg-stickynote.gif) 100% 100% no-repeat;}
	.pink {background:#FFE6E6 url(images/bg-stickynote.gif) 100% 100% no-repeat;}
	.green {background:#dfd url(images/bg-stickynote.gif) 100% 100% no-repeat;}
	
/* content area for all other pages */
#content {width:700px; min-height:400px; text-align:left; margin:0 auto; padding-top:15px;}
/* #content {height:400px;} */
	#sidebar {float:right; width:255px; background:#f5f5f5; border:1px solid #ccc; margin:0 0 20px 20px;}
	#pad {padding:15px;}
	table {}
	table td {vertical-align:top; padding:0 10px 10px 0;}
	table#contactTable {width:370px; margin:10px 0;}
	table#contactTable td {padding:3px; vertical-align:top;}
	table#contactTable td.right {text-align:right;}
		table#contactTable form {margin:0;}
		table#contactTable input {border:1px solid #ccc; background-color:#fff; font-size:95%; width:250px;}
		table#contactTable textarea {border:1px solid #ccc; background-color:#fff; font-size:95%; width:250px; height:150px; font-family:verdana, sans-serif;}
		table#contactTable input.button {background-color:#eee; color:#666; width:80px;}
	#map {width:410px; height:400px; margin:0 0 20px 0; border:1px solid #ccc;}
	form#mapform {margin-bottom:8px;}
		form#mapform input {border:1px solid #ccc; width:220px; padding:2px; margin:0 auto 5px;}
		form#mapform input.button {background-color:#ddd; width:100px;}
	p.error {padding:4px 6px; margin-bottom:5px; font-weight:bold; color:#900; background:white; font-size:10px;}
	p.success {padding:4px 6px; margin-bottom:5px; font-weight:bold; color:#007BBF; background:white; font-size:10px;}

#footer {width:770px; margin:0 auto; padding:10px 0; color:#666; text-align:left;}
	#footer p {font-size:10px;}
	#footer a {color:#666;}
	
	
	
	
/* -- Gallery styles ---------- */
#prev, #next {display:block; margin:0 10px 10px;}

#prev {float:left;}
#next {float:right;}
#image {text-align:center;}

.imgwrapper {float:left; margin:0 0 15px 25px; padding:2px; height:113px;}
.imgwrapper span {display:block; font:9px verdana, sans-serif; text-align:center;}
.imgwrapper img {background-color:#fff; border:1px solid #ddd;}
.imgwrapper a:visited img {background-color:#fff;}
.imgwrapper a:hover img, .imgwrapper a:focus img {background-color:#036;}
.imgwrapper a:hover, .imgwrapper a:focus {color:#000;}

#single {padding:3px; border:1px solid #aaa; background:#ddd;}

#desc {text-align:center; clear:both; margin:5px 40px; padding:5px;}

#breadcrumb {color:#666;}

#dirdesc {padding-bottom:4px; border-bottom:1px solid #ddd;}

#gallery {margin:10px 5px;}

#directories ul {padding-bottom:5px; margin-top:12px;}
#directories li {margin:2px 0;}

p#credit {color:#999; font-size:9px; margin:25px 0 0; padding:3px 0; clear:both;}
p#credit a {color:#999;}