/* CSS Document */

/* Site-wide Styles */	
body {
	font-family: Arial, Helvetica, sans-serif;
	}
img{
	border: 0;
	border: none;
	}	
.container {
	width: 993px;
	}	
h1 {
	color:#666666;
	font-size: 9px;
	margin-bottom: 3px;
	margin-top: -6px;
	}
.center_text_header{
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #BCCDDD;
	text-decoration: none;	
	}	
/* Header Styles */	
.header {
	height: 61px;
	background: #004183;
	z-index: 2;
	position: relative;
	}
.logo {
	background:url(../images/logo/ShoalBay_Blue_Bkg.gif) no-repeat;	
	height: 61px;
	display: block;
	width: 181px;
	float: left;
	}
.logo h1 {  /* Hide the "Logo Text" from view... */
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
#nav {
	width: 610px; background: #004183; float: right;
	}
#nav-text { /* main navigation links */
	float: left; width: 403px; padding-top: 37px;
	}	
#admin-nav {
	width: 610px; background: #ECEFF6; float: right;
	}
#admin-nav-text { /* main navigation links */
	float: left; width: 403px; padding-top: 37px;
	}		
#mail-list { /* For Email List image on right corner */
	float: right; width: 207px; height: 61px;
	}	
		
/* Spacers */
#spacer1 {
	background: url(../images/header_spacer.gif) no-repeat;
	height: 2px;
	float: right;		
	}	
#spacer {
	background: url(images/spacer.gif) no-repeat;
	height: 2px;
	}			
	
/* Date and Time bar */
.datetimebar {
	font-size: 11px;
	background-color: #004183;
	color: #fff;
	height: 18px;
	padding: 3px 0 2px 11px;	
	margin-top: 2px;
	}

/* Splash images section */

#splashimage {
	float: left; width: 967px;

	}
#splashright {
	float: right; width: 26px;
	}		
	
#mySlideshow
{
	width: 967px;
	height: 180px;
}	
/* Bottom Section */
#bottomsection {
	width: 967px;
	background: #ECEFF6;
	} 	
#left-sub-nav {
	width: 137px; float: left; background: #ECEFF6;	
	} 
/* Main Contents Section */
.hometable h3 {
	padding-left: 10px;
	}
.hometable p {
	margin-left: 6px;	
	}
#main-contents {
	width: 830px;
	margin-left: 140px;
	background: #fff;
	margin-top: -361px;
	}	
#main-contents a {
	text-decoration: none;

	}
#main-contents a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
	}		
#main-contents .main {
	padding: 1px;
	
	}
		
#main-contents h3  {
	font-size: 16px; margin: 10px 10px 10px 5px; color: #004183; font-weight: bold;
	}
#main-contents h3 a  {
	font-size: 16px; margin: 10px 10px 10px 0; color: #004183; font-weight: bold;
	}	
#main-contents h3 a:hover, #main-contents h4 a:hover {
	border-bottom-color: #004183;
	}	
#main-contents h4, #main-contents h4 a  {
	font-size: 14px; margin: 10px 10px 10px 5px; color: #004183; font-weight: bold;
	}		
#main-contents h4 a  {
	font-size: 14px; margin: 10px 10px 10px 0; color: #004183; font-weight: bold;
	}		
	
#main-contents h5, #main-contents h5 a  {
	font-size: 12px; margin: 10px 10px 10px 5px; color: #004183; font-weight: bold;
	}		
#main-contents #home-box p {
	font-size: 12px;
	padding: 10px;
	margin-top: -10px;
	}
#main-contents p {
	font-size: 12px;
	padding: 10px;
	margin-top: -10px;
	line-height: 18px;
	color: #333333;
	}	
#main-contents ul, #main-contents li {
	font-size: 12px;
	line-height: 18px;
	color: #333333;	
	} 	
#main-contents #home-box p a, #main-contents p a, #main-contents li a{
	font-weight: bold;
	color: #004183;
	}	
#main-contents #home-box p a:hover{
	font-weight: bold;
	color: #004183;
	border-bottom-color: #004183;
	}	
.image-gallery {
	margin-top: 5px;
	margin-left: 10px;
	}		
/* forms styles */

#main-contents 	.forms-label {
	padding-left: 5px; font-size: 12px; color: #333;
	}
#main-contents .input {
	border: 1px #fff solid;
	color: #fff;
	background: #004183;
	padding: 2px;
	}	
#main-contents .input-hz {
	border: 1px #fff solid;
	color: #fff;
	background: #004183;
	margin-left: 5px;
	}	

/* Footer */
#footer {
	width: 967px; color: #0099FF;
	bottom: 0;
	position: relative;
	} 
.footertext {
	font-size: 11px;
	background-color: #004183;
	color: #fff;
	height: 50px;
	padding: 25px 0 0 11px;
	margin-top: 2px;
	}	
.footertext2 {
	font-size: 14px;
	font-weight: bold;
	}	
.center_text, .center_text a {
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #BCCDDD;
	padding: 5px 0 5px 0;
	text-decoration: none;	
	width: 967px;
	}
.center_text a:hover {
	color: #004183;
	text-decoration: underline;	
	}
	
.tahoma11 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #0A5376;
	font-size: 11px;
	}

/* Form Elements */
.padding-11-L {
	padding-left: 11px;	
	}
.textinput	{
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;	
	border-top-color: #889196;		
	border-left-color: #889196;			
	border: 1px solid;
	padding: 2px;
	}
	
/* Page-Specific Styles */
#home {
	top: 0;
	}	

/* Site Map */

#sitemap  {
	color: #004183;
	font-size: 12px;
}
#sitemap a  {
	color: #004183;
	text-decoration: none;
	border-bottom: 1px #004183 solid;
}
#sitemap a:hover  {
	color: #004183;
	text-decoration: none;
	border-bottom: 0;
}
#sitemap li {
	list-style-type: none;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul li {	
	list-style-image:   url("../images/site-map/l2_normal.gif");
}

#sitemap ul ul li {
	list-style-image:   url("../images/site-map/l3_normal.gif");
}

#sitemap ul li.firstfollow {
	margin-top: 3px;
	list-style-image:   url("../images/site-map/l2_first_follow.gif");
}

#sitemap ul li.last {
	list-style-image:   url("../images/site-map/l2_last_item.gif");
}

#sitemap ul ul li.firstfollow {
	margin-top: 3px;
	list-style-image:   url("../images/site-map/l3_first_follow.gif");
}

#sitemap ul ul li.last {
	list-style-image:   url("../images/site-map/l3_last_item.gif");
}

/* Accomodation page */
.acc-t {
	font-size: 11px;
	color: #666666;
	border: 1px solid #ECEFF6;
	}
.acc-t td {
		border: 1px solid #ECEFF6;
		}
.acc-thead {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #004183;
	}
.accomodation-img {
	border: 1px #999999 solid;
	padding: 2px;
	margin-bottom: 5px;
	}	

/* Admin Styles */

.grid {
	background: #ECEFF6;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ECEFF6;
	}
.grid tr {
	border: 1px solid #fff;
	}			
.grid th {
	background: #DCDFEE;
	color: #085171;
	font-weight: bold;
	font-size: 11px;
	padding: 3px;	
	width: 200px;
	text-align: left;	
	border: 1px solid #fff;
	}	
.grid th a{
	color: #085171;
	font-weight: bold;
	font-size: 11px;
	text-align: left;	
	border-bottom: 1px solid #085171;
	text-decoration: none;
	}	
.grid th a:hover{
	color: #085171;
	font-weight: bold;
	font-size: 11px;
	text-align: left;	
	border-bottom: 0;
	text-decoration: none;
	}		
	
.grid td {
	background: #ECEFF6;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #fff;	
	}		
/* Admin Styles */	

#admin-contents .datetime {
	font-size: 12px;
	background-color:#ECEFF4;	
	padding: 3px;
	}	
#spanLocalTime  {
	font-size: 11px;
	}	
#admin-contents #contents {
	width: 788px;
	border: 1px solid #ECEFF4;
	margin: 1px;
	padding: 3px;
	}
#admin-contents #contents p{
	padding-left: 5px;
	font-size: 12px;
	color: #004183;
	}			
#admin-contents #contents .input {
	border: 1px #fff solid;
	color: #fff;
	background: #004183;
	padding: 2px;
	}		
#admin-contents #contents .forms-label {
	padding-left: 5px; font-size: 12px; color: #333;
	}	

.admin-footer {
	font-size: 12px;
	background-color:#ECEFF4;	
	padding: 3px;
	}	
#admin-contents #contents h4 {
	font-size: 14px; font: bold; color: #004183; margin: 10px 10px 10px 0;
	}
/* Calendar Styles */
.ng-cal-header-table {margin:5px;
	border-collapse:collapse;
	background:#efefef;
	border:solid #cccccc 1px;
	}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:20px;
	height:20px;
	background:#004183;
	color: #fff;
	border:solid #cccccc 1px;
	text-align:center;}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td {text-align:center;
background: #004183;
color: #fff;
	font-weight:bold;
	padding:3px;}
	
/* the main month table */
.ng-cal {border:solid #5fd7d6 1px;
	border-collapse:collapse;
	margin:5px;
	margin-top:0px;
	background-color:#FFFFFF;}
	
.ng-cal * {font-size:8pt;}
.ng-cal td {padding:3px;
	border:solid #DDE0EF 1px;}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:#DDE0EF;
	border:solid #DDE0EF 1px;}
	
/* the month name table cell */
.ng-month-name-th {background:#004183;
	font-weight:bold;
	padding:3px;
	color:#fff;
	text-align:center;}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999;}

/* out of range days (previous or next month) */
.ng-outOfRange {color:#999999;
	background:#efefef;
	text-decoration:line-through;}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over, .ng-selected-day {font-weight:bold;
color: #fff;
	background:#004183;}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;}

	* {font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;}
		
	/* table list */
	.table_list {border-collapse:collapse;
		border:solid #cccccc px;
		width:100%;}
	
	.table_list td {padding:5px;
		border:solid #efefef 1px;}
	
	.table_list th {background:#75b2d1;
		padding:5px;
		color:#ffffff;}
	
	.table_list tr.odd {background:#e1eff5;}
	
	
	/* calendar styles */
	#calendar1{
		background: #fff;
		padding-bottom:5px;
		padding-top:5px;}
	
	#calendar1 {width:370px;}
	#calendar1 .ng-cal-header-table {width:360px;}
	#calendar1 .ng-cal, #calendar1 .ng-cal {width:178px;
		float:left;
		margin-right:0px;}