/* CSS Document */

body{
background:#6EC1D4;
color:#fff;
font:76% Arial, Helvetica, sans-serif;
width:100%;
height:100%;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
letter-spacing:0.3px;
}

a{color:#d13c69; font-weight:700; text-decoration:none;}
a:hover{color:#a10031; text-decoration:underline;}
a:visited{color:#b04c6b;}

h1 {
margin:35px 10px 10px 18px;
font-size:1.9em;
letter-spacing:2px;
color:#009999;
text-align:center;
}

h2 {
margin:0px 10px 7px 18px;
font-size: 1.5em;
font-weight:bold;
letter-spacing:1px;
color:#006699;
}

h3 {
margin:0px 8px 6px 18px;
font-size: 1.3em;
font-weight:bold;
letter-spacing:0.7px;
color:#990143;
}
#indexbody {margin:0; padding:0; height:100%; width:100%; background: url(images/bkgd.png) top no-repeat;}

#container{
padding:0;
margin:0 auto;
text-align:center;
}
ul { list-style-image: url(bullet.gif); }
ul li {color: #333333; line-height:1.5em; margin:5px 32px 10px 10px; letter-spacing:0.3px;}

dl.curved {background:#175c7c url(c_tl.gif) top left no-repeat; margin:15px; padding:0; width:225px; float:left;}
dl.curved dt {background:transparent url(c_tr.gif) top right no-repeat; padding:15px; text-align:center; color:#fff; font-weight:bold;}
dl.curved dd {background:#cbe9eb url(c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:15px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(c_br.gif) bottom right no-repeat;}

.floatright { float: right; margin: 5px, 5px, 7px, 7px;}
.floatleft { float: left; margin: 5px, 7px, 7px, 5px;}
.pad {padding:11px;}
.italic {font-style:italic; color:#FFFFFF; font-size:1.1em; letter-spacing:1px; padding:5px;}
.superspaced {letter-spacing:0.6em; color:#FFFFFF;}
.emphasis {font-weight: bold; color: #333333;}
.fineprint {font-size: 9px; color: #336699; line-height: 12px; padding: 20px, 15px, 15px, 15px;}

#title {width:auto; margin: 0; padding:0;}
#nav {width:780px; margin: 0px auto}
#logo {width:180px; float:left; padding-top:50px;}

#seaside {float:left; margin:0px}
#seaside a {
position:relative;
display:block;
color:#005784;
text-align:left;
line-height:2.2em;
width:auto;
padding:3px;
background:url(images/off.png);
background-position:left;
background-repeat:no-repeat;
}
#seaside a span {padding-left:20px;}
#seaside a:hover {display:block; cursor:pointer; color:#96044A; text-decoration:none; background:url(images/on.png); background-position:left; background-repeat:no-repeat;}

#shearwater {float:left; width:300px; margin:0px}
#shearwater a, #shearwater a:visited {
position:relative;
display:block;
color:#005784;
text-align:right;
line-height:2.2em;
width:auto;
padding:3px;
background:url(images/off.png);
background-position:right;
background-repeat:no-repeat;
}
#shearwater a span {padding-right:20px;}
#shearwater a:hover {display:block; cursor:pointer; color:#96044A; text-decoration:none; background:url(images/on.png); background-position:right; background-repeat:no-repeat;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}
a#beach {margin-left:0px;}
a#nature {margin-left:20px;}
a#sports {margin-left:32px;}
a#daytrip {margin-left:40px;}
a#events {margin-left:48px;}
a#visitorinfo {margin-left:40px;}
a#tides {margin-left:32px;}
a#safety {margin-left:20px;}
a#tsunami {margin-left:0px;}

a#general_info {margin-right:0px;}
a#art {margin-right:20px;}
a#jewelry {margin-right:32px;}
a#decor_gifts {margin-right:40px}
a#clothing {margin-right:48px;}
a#beach_gear {margin-right:40px;}
a#books {margin-right:32px;}
a#espresso {margin-right:20px;}
a#wine {margin-right:0px;}

#footer{
margin:10px auto;
clear:both;
color:#0A0A70;
font-size:0.9em;
height:26px;
padding:1px;
text-align:center;
width:720px;
}
#footer a{color:#027BAA; font-weight:400;}
#footer a:hover{color:#96044A; text-decoration:underline;}

#footer2 {
	width:auto;
	background-color:#990143;
	font-size:0.9em;
	padding:20px;
	margin:0;
	text-align:center;
	}
#footer2 p{color:#FFFFFF;}
#footer2 a{color:#ccc; font-weight:500;}
#footer2 a:hover{color:#fff; text-decoration:underline;}

#wrapper {
	width:780px;
	margin:0 auto;
	}
#main {
	float:left;
	width:750px;
	background-color:#FFFFFF;
	text-align:left;
	}
#main p {
	padding:0 32px;
	color:#333333;
	}
#ss_header {
	width:750px;
	height:200px;
	margin:0;
	padding:0;
	background-image:url(seaside_header.jpg);
	}
#sw_header {
	width:750px;
	height:200px;
	margin:0;
	padding:0;
	background-image:url(shearwater_header.jpg);
	}
#ss_nav1 {
	width:720px;
	height:20px;
	margin:0px;
	padding:5px 15px 1px 15px;
	text-align:center;
	background-color:#990143;
	}
#ss_nav2 {
	width:720px;
	height:20px;
	margin:0px;
	padding:5px 15px 1px 15px;
	text-align:center;
	background-color:#01739d;
	}

#navtab {
	margin: 0;
	padding: 0 0 20px 10px;
	}

#navtab li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navtab a:link, #navtab a:visited {
	float: left;
	font-size: 1em;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #c1e0e0;
	}

#navtab a:link.active, #navtab a:visited.active, #navtab a:hover {
	padding-bottom: 6px;
	color: #fff;
	background: url(tab_arrow1.gif) no-repeat bottom center;
	}

#alt_menu {
float:right;
width:30px;
height:200px;
margin-top:0px;
padding:0px;
}

hr {
	border: none 0; 
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	width: 80%;
	height: 1px;
	margin:0px auto;
	}
#hightlight {
	width:500px;
	border:1px dashed #FF3366;
	padding:0;
	margin:0 auto;
	background:#e7f9e1 url(events_img/highlight.gif) top no-repeat;
	text-align:center;
	}