@charset "utf-8";
/* CSS Document */
body {
	margin:10px;
	margin-top:30px;
	margin-bottom:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#333333;
}

p {
	line-height:1.6em;
	text-align:justify;
}

li {
	list-style-type:none;
	padding-left:35px;
	padding-bottom:16px;
	padding-top:7px;
}

ul {
	line-height:1.6em;
	margin:0px;
	padding:0px;
}

a, a:link, a:visited, a:hover {
	color:#4675CC;
	text-decoration:none
}

a:hover {
	text-decoration:underline;
}

small {
	font-size: 0.85em;
}

h1 small {
	font-size: 0.4em;
}

h1 {
	font-weight:normal;
	font-size: 2em;
	color: #5A6777;
	letter-spacing: 0.2em;
}

h2 {
	font-weight:bold;
	font-size: 1.1em;
	color: #5A6777;
	letter-spacing: 0.2em;
}



.warn 
{
	border:#880000;
	background:#FF0000;
	color:White;
	padding:5px;
	margin-bottom:12px;
}




#menu {
	background:url(menu_background.png);
	width:900px;
	margin:0px auto;
	padding:0px;
	color:#FFFFFF;
	height:61px;
}

#menu ul, #menu li 
{
	background:url(menu_background.png);
	padding:0px;
	margin:0px;
	float:left;
	height:61px;
}

#menu .logo 
{
	width:141px;
	background:url(menu_logo.png) no-repeat;	
	float:left;
	height:61px;
}

#menu .button 
{
	padding-top:19px;
	padding-left:14px;
	padding-right:14px;
	font-size:1.1em;
	height:42px;
}

#menu a, #menu a:link, #menu a:visited, #menu a:hover {
	color:#FFFFFF;
	text-decoration:none
}

#menu .selected 
{
	background:url(menu_selected.png) no-repeat top center;	
}





#shadow 
{
	width:900px;
	height:12px;
	margin:0px auto;
	background:url(menu_shadow.png) repeat-x;
}

#welcome 
{
	width:900px;
	height:189px;
	margin:0px auto;
	background:url(menu_welcome.jpg);
}



.commentarea 
{
	padding:0px;
	margin:0px;
}

.commentarea li {
	list-style-type:none;
	padding-left:20px;
	padding-bottom:0px;
	padding-top:0px;
}



.info-logo 
{
	width:100px;
	height:100px;
	float:left;
}



.loader {
	padding-left:20px;
	background:url(ico_ani.gif) no-repeat;
}

.center 
{
	text-align:center;
}

.show 
{
	display:block;
}

.hide 
{
	display:none;
}

.ico_comment 
{
		background:url(ico_comment.png) no-repeat;
}

.ico_comment_new 
{
		background:url(ico_comment_new.png) no-repeat;
}

.ico_folder {
	background:url(ico_folder.png) no-repeat;
}

.ico_folder_open {
	background:url(ico_folder_open.png) no-repeat;
}

.ico_doc {
	background:url(ico_doc.png) no-repeat;
}

.ico_file {
	background:url(ico_file.png) no-repeat;
}

.ico_image {
	background:url(ico_image.png) no-repeat;
}

.ico_pdf {
	background:url(ico_pdf.png) no-repeat;
}

.ico_xls {
	background:url(ico_xls.png) no-repeat;
}

.top_guide {
	background:url(ad_guide.jpg) no-repeat;
}

.top_rss {
	background:url(ad_rss.jpg) no-repeat;
}

.top_marina {
	background:url(ad_marina.jpg) no-repeat;
}

.top_moorings {
	background:url(ad_moorings.jpg) no-repeat;
}

.top_findus {
	background:url(ad_findus.jpg) no-repeat;
}

.list ul {
	padding-left:35px;
}

.list li {
	list-style-type:circle;
	padding-left:5px;
	padding-top:0px;
	padding-bottom:0px;
}

.text, .textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px solid #82A6C4;
}

.cleaner 
{
	clear:both;
}





#breakout {
	width:840px;
	padding-bottom:20px;
}

#breakout #tabs {
	background:url(tab_background.png) repeat-x bottom;
	height:37px;
}

#breakout #tabs li 
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	float:left;
	height:25px;
}

#breakout #tabs .selected
{
	background:url(ad_blank.jpg) repeat-x;
	border-top:1px solid #ACB5BF;
	border-right:1px solid #ACB5BF;
	border-left:1px solid #ACB5BF;
	border-bottom:1px solid white;
}

#breakout .tabs-panelleft  {
	padding:7px;
	float:left;
	width:584px;
	height:366px;
}

#breakout .tabs-panelright  {
	background:url(divider.png) left center no-repeat;
	padding:20px;
	padding-left:25px;
	width:195px;
	float:right;
	height:340px;
}

#breakout .panel-left-column-right  {
	padding-left:20px;
	padding-top:20px;
	float:left;
	width:262px;
}

#breakout .panel-left-column-left  {
	padding-right:20px;
	padding-top:20px;
	float:right;
	width:262px;
}

#breakout .housing-tab 
{
	clear:both;
	height:380px;
	border-right:1px solid #ACB5BF;
	border-left:1px solid #ACB5BF;
	border-bottom:1px solid #ACB5BF;
}

#breakout .pad 
{
	height:360px;
	padding:10px;
}

#breakout .leisure 
{
	padding:7px;
	width:826px;
	height:386px;
	border:1px solid #ACB5BF;
}

#breakout .leisure #popup
{
	background:white;
	position:relative;
	width:826px;
	height:386px;
}

#breakout .leisure #popup .panel-left  {
	float:left;
	width:440px;
	height:386px;
}

#breakout .leisure #popup .panel-right  {
	background:url(divider.png) left center no-repeat;
	padding:20px;
	padding-top:0px;
	padding-left:25px;
	width:341px;
	float:right;
	height:366px;
}


#content {
	width:840px;
	margin:0px auto;
	margin-top:25px;
}

#stage {
	width:570px;
	float:left;
}

#stage #colright, #stage .colright {
	padding:0px;
	width:275px;
	float:right;
}

#stage #colleft, #stage .colleft 
{
	width:275px;
	float:left;
}

#stage .padleft 
{
	padding-left:20px;
}

#stage .padright 
{
	padding-left:20px;
}

#stage #colfolders {
	padding:0px;
	width:200px;
	float:left;
}

#stage #colfiles {
	padding:0px;
	width:350px;
	float:right;
}

#stage p, #stage #subright p, #stage #subleft p, #stage #subfolders p, #stage #subfiles p, .stageless {
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-bottom:10px;
}

#sidebar {
	width:230px;
	float:right;
}

#sidebar .ad {
	width:230px;
	border:1px solid #ACB5BF;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	padding-top:70px;
}

#sidebar .info {
	background:url(ad_blank.jpg) no-repeat;
	width:230px;
	border:1px solid #ACB5BF;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	padding-top:10px;
}

#sidebar h2, #sidebar p, #sidebar ul, #sidebar div {
	margin:0px;
	padding:0px;
	padding:10px;
}


#footer {
	margin:0px;
	padding:0px;
	width:800px;
	float:left;
	font-size: 10px;
	border-top:solid 1px #ACB5BF;
	color:#333333;
	padding:20px;
}

#data_contactdetails 
{
	background:url(contact_background.png) repeat-x bottom;
	margin-top:30px;
	border:solid 1px #ACB5BF;
	padding:20px;
}