* { 
	padding: 0; 
	margin: 0; 
	border: 0; 
	}
body {
	font: 71% verdana, arial, tahoma, sans-serif;
	background: #fff;
	text-align: center;
	color: #333;
	}
.hide { 
	display: none;
	}

.left { 
	float: left;
	padding: 0 10px 10px 0;
	}
.right { 
	float: right;
	padding: 0 0px 0px 0;
	}
.clear{
	clear: both;
}

/* interface
-------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 760px;
	text-align: left;
	margin: 0 auto;
	}

	#header {
		position: relative;
		margin: 30px 10px 0px 10px;
		max-height: 175px;
		z-index: 5;
		}

	#content {
		position: relative;
		background: #fff;
		margin: 0;
		z-index: 1;
		}
		
	#footer {
		clear: left;
		padding: 7px 0px;
		font-size: 10px;
		background: #003366;
		color: #fff;
		vertical-align: middle;
		}
		
	#footer p {
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	
	#footer span.footerSpace {
		margin: 0px 3px;
	}
		
	#terms 
	{
		float: right;
		clear: left;
		padding: 0px 8px;
		font-size: 10px;
		margin-bottom: 60px;
		vertical-align: middle;
	}
	
	#terms a, a:link, a:active, a:visited {
		color: #b0b0b0;
	}

	#topnav {
		position: relative;
		height: 50px;
		}
		
/* image replacement & navigation
-------------------------------------------------------- */
#menu {
	margin: 8px 0 0 0;
	position: relative;
	height: 25px;
}
#submenu {
	margin: 0 0 0 48px;
	visibility:hidden; 
	width:152px; 
	text-align:left; 
	background-color:#DEB887; 
	color:#FFFFFF;
	position: absolute;

}
.submenuitems {
	background-color:#d53067; 
	padding:4px 6px 4px 8px; 
	cursor: pointer;
}
#logo {
	position: absolute;
	top: 0; left: 0;
	width: 72px; height: 46px;
	background: url("../images/site/hampton_logo.gif") no-repeat;
}
#logo a, #logo h1 {
	display: block;
	width: 72px; height: 46px;
	text-indent: -9999px;
	background: none;
	text-decoration: none;
} 
ul#nav {
	position: absolute;
	top: 0; right: 0;
	height: 25px; width: 740px;
	background: url("../images/site/topnav.gif") no-repeat;
	}
	ul#nav li {
		float: left;
		}
	
	ul#nav li a {
		position: absolute;
		top: 0; 
		height: 25px; 	
		text-indent: -9999px;
		text-decoration: none;
		}

		ul#nav li#home a { 
			left: 0px; width: 48px; 
			background: url("../images/site/topnav.gif") -0px 0 no-repeat;
			}
		ul#nav li#save a { 
			left: 48px; width: 122px; 
			background: url("../images/site/topnav.gif") -48px 0 no-repeat;
			}
		ul#nav li#hidden a { 
			left: 170px; width: 128px; 
			background: url("../images/site/topnav.gif") -170px 0 no-repeat;
			}
		ul#nav li#lost a { 
			left: 298px; width: 110px; 
			background: url("../images/site/topnav.gif") -298px 0 no-repeat;
			}
		ul#nav li#drive a { 
			left: 408px; width: 98px; 
			background: url("../images/site/topnav.gif") -408px 0 no-repeat;
			}
		ul#nav li#nom a { 
			left: 506px; width: 148px; 
			background: url("../images/site/topnav.gif") -506px 0 no-repeat;
			}
		ul#nav li#what a { 
			left: 654px; width: 86px; 
			background: url("../images/site/topnav.gif") -654px 0 no-repeat;
			}

	ul#nav li a span { display: none; }

	ul#nav li#home a:hover, ul#nav li#home a.active 		{ background-position: -0px -25px; }
	ul#nav li#save a:hover, ul#nav li#save a.active 		{ background-position: -48px -25px; }
	ul#nav li#hidden a:hover, ul#nav li#hidden a.active 		{ background-position: -170px -25px; }
	ul#nav li#lost a:hover, ul#nav li#lost a.active 			{ background-position: -298px -25px; }
	ul#nav li#drive a:hover, ul#nav li#drive a.active 			{ background-position: -408px -25px; }
	ul#nav li#nom a:hover, ul#nav li#nom a.active 			{ background-position: -506px -25px; }
	ul#nav li#what a:hover, ul#nav li#what a.active 			{ background-position: -654px -25px; }
	.home ul#nav li#mt a.active 			{ background-position: -636px 0px; }

div#utils {
	position: relative; display: block;
	float: right;
	width: 400px; height: 30px;
	text-align: right;
	margin: 28px 0px 0px 0px;
	}
div#utils form {
	display: block;
	width: 400px; height: 30px;
	margin: 0px;
	position: absolute; top: 0px; left: 0px;
}
div#utils img#utilsHead {
	position: absolute; top: 5px; right: 348px;
}
div#utils input#utilsQuery {
	position: absolute; top: 3px; right: 199px;
	width: 143px;
	border: 1px solid #A5ACB2;
}
div#utils img#utilsSubmit {
      position: absolute; top: 0px; right: 161px;
      cursor: pointer;
}
div#utils input#utilsBook {
	position: absolute; top: 0px; right: 0px;
}

/* find a landmark search form */
div#leftfind {
	position: absolute; top: 10px; left: 20px;
	width: 174px; height: 635px;
	padding: 68px 13px 0px 13px;
	background: transparent url(../images/site/leftfind_bg.gif) 0 0 no-repeat;
	text-align: left;
	color: #FFFFFF;
}
div#leftfind img#lefthead {
	position: relative; display: block;
	margin: 0px auto 7px auto;
}
div#leftfind p {
	margin: 0px;
	padding: 0 0 7px 0;
}

div#leftfind input.searchCity {
	width: 162px;
	border: 1px solid #9C9C9C;
}
div#leftfind input.searchZip {
	width: 94px;
	border: 1px solid #9C9C9C;
}
div#leftfind input.searchRange {
	margin: 0px 0px 0px 2px;
	vertical-align: middle;
}
div#leftfind input.searchRangeFirst {
	margin: 0px;
	vertical-align: middle;
}
div#leftfind input.searchCheckbox {
	margin: 0 4px;
}
div#leftfind select {
	width: 143px;
	border: 1px solid #9C9C9C;
}
img#searchSubmit {
      position: relative; display: block;
      margin: 6px auto 0px auto;
      cursor: pointer;
}
ul#searchChecks {
	line-height: 20px;
	}

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

/* non-navigation links
-------------------------------------------------------- */
a, a:link, a:active, a:visited {
	color: #1761ab;
	text-decoration: underline;
	font-weight: bold;
	}
a:hover {
	color: #1761ab;
	text-decoration: none;
	font-weight: bold;
	}

	#footer a {
		color: #FFF;
		text-decoration: underline;
		font-weight: normal;
		}
	
	#footer a:hover {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		}

A.whitelinks { color: #fff;}
A.whitelinks:link { color: #fff; text-decoration: underline;}
A.whitelinks:visited { color: #fff; text-decoration: underline;}
A.whitelinks:active { color: #fff; text-decoration: underline;}
A.whitelinks:hover { color: #fff; text-decoration: none;}

A.bluelinks { color: #1761ab;}
A.bluelinks:link { color: #1761ab; text-decoration: underline;}
A.bluelinks:visited { color: #1761ab; text-decoration: underline;}
A.bluelinks:active { color: #1761ab; text-decoration: underline;}
A.bluelinks:hover { color: #1761ab; text-decoration: none;}


/* text
-------------------------------------------------------- */
p {
	padding-bottom: 12px;
}
h1 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 6px;
}
h2 {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 6px;
}
li {
	list-style: none;
}
.boxtitle{
	font-size: 15px;
	font-weight: bold;
}
.boxdescription{
	padding: 0;

}

.redcopy {
	color: #ff0000;
}
.largecopy {
	font-size: 13px;
}


/* bullet lists
----------------------------------------------- */

.bulletlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.bulletlist li
{
padding-left: 12px;
padding-bottom: 3px;
background-image: url(../images/site/bullet_dot.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}