html,body {  padding:0; margin:0; }

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url(http://www.charlestonharboraccess.com/images/header.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
	background-color:#3A5169;

	}
h1,h2,h3,h4,h5{
margin:0; padding:5px 0px 5px 0px; display:block;
}


h1{ font-size:150%; border-bottom:1px solid #E1E1E1; color:#3A5169; }
h4{ font-size:100%;}

p{padding:0;}
a{color:#3A5169;}

#banner h1{border:none; color:#FFFFFF;}
#wrapper{margin:0 auto; width:880px;}

#header{height:60px;}

#banner{height:140px; color:#fff;padding:25px 335px 10px 120px;}

body#secondary #banner{height:20px;padding:0; color:#fff;}
body#secondary #leftcol{display:none;}
body#secondary #main{	background-image: url(http://www.charlestonharboraccess.com/images/contenttop2.gif);}
body#secondary #content{ background-image: url(http://www.charlestonharboraccess.com/images/bgcontent2.gif);}
body#secondary #footer {background-image: url(http://www.charlestonharboraccess.com/images/footer2.gif);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0% 270%;

 }
body#secondary #middlecol{
	width:620px;
}
body#secondary{
	background-image:url(http://www.charlestonharboraccess.com/images/header2.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
}

#main {
	background-image:url(http://www.charlestonharboraccess.com/images/contenttop.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:10px;
	zoom:1;
	}
	
#content{
	background-image:url(http://www.charlestonharboraccess.com/images/bgcontent.gif);
	zoom:1;
	padding-bottom:10px;
	min-height:300px;
	}
	
#leftcol{
	zoom:1;
	float:left; 
	padding:0px 10px 0px 10px;
	width:160px;
}

#middlecol{
	zoom:1;
	float:left;
	padding:0px 10px 0px 10px; 
	width:440px;
}

#rightcol{
	zoom:1;
	float:right; 
	padding:0px 5px 0px 5px;
	width:220px; 
}

#nav {
	background-repeat:no-repeat;
	color:#386B95;
	font-size:1em;
	font-weight:bold;
	height:35px;
	width:780px;
	margin-left:80px;
}

#callout {display:block;}
#callout ul{
	list-style:none;
	padding:0;
	margin:0;
}

#callout li{
	float:left;
	}

#callout a {
	color:#FFFFFF;
	zoom:1;
	display:block;
	float:left;
	padding:50px 72px 50px 72px;
	
	}
li#call1 a{
background: transparent url(http://www.charlestonharboraccess.com/images/calllodging.jpg) 0 0 no-repeat;
}
li#call2 a{
background: transparent  url(http://www.charlestonharboraccess.com/images/calldinning.jpg) 0 0 no-repeat;
}
li#call3 a{
background: transparent  url(http://www.charlestonharboraccess.com/images/callentertainment.jpg) 0 0 no-repeat;
}


 /*Drop Down Style*/

#dropdown,
#dropdown li,
#dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

#dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

#dropdown li.hover,
#dropdown li:hover {
zoom:1;
 position: relative;
 z-index: 599;
 cursor: default;
}

#dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 95%;
 left: 0;
 z-index: 598;
 width: 100%;
}

#dropdown ul li {
 float: none;
}

#dropdown ul ul {
 top: 1px;
 left: 99%;
}

#dropdown li:hover > ul {
 visibility: visible;
}

.dir ul{
	background:#3B5169; 

}

#nav .dir li{
	background-image:none;
}



/* Main Menu Style */

#nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav li {
	background:transparent url(http://www.charlestonharboraccess.com/images/div.gif) no-repeat scroll right center;
	float:left;
	margin-right:1px;
	padding-right:2px;
}
#nav li.last {
	background-image:none;
}
#nav a {
	color:#FFFFFF;
	display:block;
	position:relative;
	float:left;
	margin-left:3px;
	margin-top:3px;
	padding:4px 13px 8px 13px;
	text-decoration:none;
}
#nav a:hover {
	color:#84A3B3; 
	background-repeat:repeat-x;
}


#footer a{color:#84A3B3;}
#footer{
	color:#84A3B3; 
	font-size:0.9em;
	height:40px;
	padding-top:15px;
	background-image: url(http://www.charlestonharboraccess.com/images/footer.gif);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0% 130%;

}