/* CSS Document */
/*--        Basic CSS         --*/

	* {
		margin:0;
		padding:0;
		position:relative;
	}
	
	body, div, input, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #004259;
	}
	
	body {
		background: url(../images/page_bg.jpg) top no-repeat #000;
		position:static;
	}
	
	p {
		padding: 0 0 10px 0;
		line-height:16px;
	}
	
	h1,h2,h3,h4,h5,h6 {
		margin-bottom: 10px;
		font-size:18px;
		color: #0071bc;
		padding-top:5px;
	}
	
	a {
		color:#0072BB;
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
/*-- 		Layout Code		 --*/

	#container{
		width:760px;
		margin: 0 auto;
	}
	
	#header{
		height:220px;
		background: url(../images/header.jpg);
	}
	
	#content {
		background:url(../images/content.gif) top repeat-y;
		padding: 0 51px 100px 190px;
	}

	#footer {
		height:50px;
		background:url(../images/footer.gif);
		text-align:center;
		clear:both;
	}
	
	#flash {
		position:absolute;
		top: 85px;
		right:50px;
	}
	
	#address1 {
		display:block;
		margin: 5px;
		clear:both;
	}
	
	#address2 {}
	
	#images a {
		margin: 5px;
		margin-left: 10px;
		padding: 5px;
		background: #DDD;
		border:1px solid #0072BB;
		width:100px;
		display:block;
		float:left;
		text-align:center;
	}
	
	#images a:hover {
		background:#0072BB;
	}
	
	#images_main {
		margin: 5px;
		text-align:center;
		margin: 5px;
	}
	
	#images_control {
		clear:both;
		text-align:center;
	}
	
	#cruise_text {
		float: left;
		width: 300px;
	}
	
	#cruise_images {
		margin-left: 350px;
	}
	
	#cruise_images img {
		margin-top: 5px;
		margin-bottom: 5px;
		border: 1px solid #666666;
		padding: 2px;
	}


/*-- 		Classes		 --*/

	#content p.heading {
		padding: 5px;
		margin-bottom:5px;
		background: #DDD;
		font-size:12px;
		font-weight: bold;
	}
	
	.map {
		padding: 5px;
		background: #DDD;
	}
	
/*--		Calendar		 --*/

	#calendar table {
		color:#666666;
		margin-top:10px;
		margin-bottom:10px;
		background:#000000;
	}
	
	#calendar th {
		background:#0072BB;
		color: #FFFFFF;
		font-size:9px;
	}
	
	#calendar td {
		background: #FFFFFF;
		font-size:9px;
	}
	
	#calendar th a {
		color:#CCCCCC;
	}
	
	#calendar p.error {
		color: #FF0000;
	}
	
	#calendar a.tentative {
		color:#0099FF;
	}
	
	#calendar span.tentative {
		color:#0099FF;
	}
	
	#calendar a.confirmed {
		color:#00CC66;
	}
	
	#calendar span.confirmed {
		color:#00CC66;
	}
	
	#calendar a.full {
		color:#CC0000;
	}
	
	#calendar span.full {
		color:#CC0000;
	}
	
	#calendar a.private {
		color:#666666;
	}
	
	#calendar span.private {
		color:#666666;
	}
	
	#calendar span.old {
		color:#000000;
	}

	#tourism {
		position:absolute;
		top:350px;
		left:70px;
		z-index:100;
		width: 110px;
	}
	#weather {
		display:block;
		text-align:center;
		background:url(../images/content.gif) top repeat-y;
		padding: 0 51px 20px 190px;
	}
	
	#weather img {
		margin-left: 25px;
		padding: 2px;
		margin-bottom: 0px;
	}
	
	#weather p {
		width: 100px;
		text-align:center;
		font-size:9px;
		padding-bottom: 10px;	
		margin: 0px 25px 0px 0px;
		float: left;
	}		

/*-- 		Navagation		 --*/
	#nav {
		position:absolute;
		top:224px;
		left:40px;
		z-index:100;
	}
	
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 140px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 25px;
		width: 140px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		background:#f9f9f9;
		width:150px;
		margin-top:-26px;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 140px;
		display : block;
		color: #004259;
		text-decoration : none;
		border-bottom : 1px solid #004259;
		padding : 0 5px;
		font-size:12px;
	}
	
	#nav li a:hover {
		color : white;
		background: #004259;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 150px;
	}
	
	#subnav {
		position:absolute;
		right:51px;
		top:170px;
		list-style:none;
	}
	
	#subnav li {float:left;height:30px;}
	
	#subnav li a {
		display:block;
		line-height:30px;
		border-left: 1px solid #FFF;
		color:#FFF;
		font-size:12px;
		text-decoration:none;
		padding: 0 10px;
	}
	
	#subnav li a:hover {
		background:#0793f0;
	}
	
/*-- Hacks --*/
.clear{clear:both}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */