/* CSS Document */
* {
	padding: 0;
	margin: 0;
}

body {
	text-align:center;
	background-color: #003366;
	padding: 50px 0 30px 0;
}

a {
	color: #990000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* DIV ELEMENTS LISTED BELOW*/


 div#wrapper {
 	margin: 0 auto;
	width: 736px;
	padding: 15px 15px 15px 15px;
	background-color:#FFFFFF;
}

/* Masthead are that includes navigation area*/


div#masthead {
	position: relative;
	margin: 0 0 10px 0;
	background-color: #003366;
	width: 736px;
	height: 84px;
}
	
div#masthead h1 a{
	position: absolute;
	top: 2px;
	left: 10px;
	width: 165px;
	height: 80px;
	background: transparent url("../images/logo.gif") no-repeat;
}

div#masthead h1 a span {
	display: none;
}

div#masthead ul#nav {
	position:absolute;
	top: 0;
	left: 202px;
	width: 534px;
	height: 84px;
	list-style: none;
	display:inline;
}

div#masthead ul#nav li {
	display:inline;
}

div#masthead ul#nav li a {
	display:block;
	float:left;
}

div#masthead ul#nav li span {
	display:none;
}

li#nav_about a {
	background: transparent url("../images/nav_about.jpg") no-repeat;	
	width: 52px;
}

li#nav_location a {
	background: transparent url("../images/nav_location.jpg") no-repeat;	
	width: 73px;
}

li#nav_things a {
	background: transparent url("../images/nav_things.jpg") no-repeat;	
	width: 100px;
}

li#nav_ammenities a {
	background: transparent url("../images/nav_amen.jpg") no-repeat;	
	width: 80px;
}

li#nav_photos a {
	background: transparent url("../images/nav_photos.jpg") no-repeat;	
	width: 60px;
}

li#nav_rates a {
	background: transparent url("../images/nav_rates.jpg") no-repeat;	
	width: 98px;
}

li#nav_contact a {
	background: transparent url("../images/nav_contact.jpg") no-repeat;	
	width: 71px;
}

li#nav_about a,
li#nav_location a,
li#nav_things a,
li#nav_ammenities a, 
li#nav_photos a, 
li#nav_rates a,
li#nav_contact a { 
	height: 84px;
	background-position: 0 0;
}

li#nav_about a:hover,
li#nav_location a:hover,
li#nav_things a:hover,
li#nav_ammenities a:hover, 
li#nav_photos a:hover, 
li#nav_rates a:hover,
li#nav_contact a:hover { 
	background-position: 0 -84px;
}

div#int_banner {
	position: relative;
	margin: 0 0 10px 0;
	width: 736px;
	height: 36px;
}
/*
div#banner h3 {
	position: absolute;
	top: 135px;
	left: 20px;
	width: 690px;
	height: 12px;
	font-family: Georgia, serif;
	font-size: 11px;
	color:#FFFFFF;
	background: transparent;
}


div#banner h3 {
	position: absolute;
	top: 130px;
	left: 18px;
	width: 700px;
	height: 30px;
	background: transparent url("../images/h2_banner.gif") no-repeat;
}

div#banner h3 span {
	display: none;
}
*/

div#lower {
	width: 736px;
}

/*
div#lower h2 {
	margin: 10px 5px 5px 10px;
	font-family: Georgia, serif;
	font-size: 13px;
	text-align:left;
	color:#FFFFFF;
	background: transparent;
}

div#lower p {
	margin: 10px 5px 0 10px;
	font-family: Arial, san-serif;
	font-size: 10px;
	line-height:1.32em;
	text-align:left;
	color:#FFFFFF;
	background: transparent;
}

div#lower a {
	font-family: Arial, san-serif;
	font-size: 10px;
	text-align:left;
	color: #990000;
	background: transparent;
}

div#left {
	position: relative;
	margin: 0 0 0 0;
	background-color: #5186b0;
	width: 238px;
	height: 100px;
	float: left;
}
	
div#middle {
	position: relative;
	margin: 0 0 0 11px;
	background-color: #5186b0;
	width: 238px;
	height: 100px;
	float:left;
}

div#right {
	position: relative;
	background-color: #5186b0;
	width: 238px;
	height: 100px;
	float:right;
}
*/

/* Bottom Content area for interior pages*/

div#content {
	width: 420px;
	float:left;
	padding: 0 20px 0 23px;
}
	
div#content h3 {
	color: #003366;
	font-family: Georgia, serif;
	font-size: 14px;
	text-align:left;
}

div#content h4 {
	color: #003366;
	font-family: Georgia, serif;
	font-size: 12px;
	text-align:left;
}

div#content p {
	color: #333333;
	font-family: Arial, san-serif;
	font-size: 11px;
	text-align:left;
}

div#photo {
	width:250px;
	margin: 25px 0 0 0;
	float:left;
 }
 
 div#p_content {
	width: 700px;
	float:left;
	padding: 0 20px 0 23px;
	text-align:left;
}

div#p_content h4 {
	color: #003366;
	font-family: Georgia, serif;
	font-size: 12px;
	text-align:left;
}

.index img {
	padding: 10px 10px 10px 0;
}
	
/* Footer information for very bottom part of page*/

div#bot_graphic {
	position: relative;
	margin: 30px 0 0 0;
	width: 736px;
	height: 22px;
	background: url("../images/bot_graphic.jpg") no-repeat;
}

.clear {
	clear: both;
}

div#footer p {
	margin:10px 0 0 0;
	font-family: Arial, san-serif;
	font-size: 10px;
	color:#FFFFFF;
	background: transparent;
}

div#footer a {
	font-family: Arial, san-serif;
	font-size: 10px;
	font-weight:bold;
	color:#FFFFFF;
	background: transparent;
}