/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body {
	background-color: #333333;
	color: #000000; 
	font-size: 10px; 
	font-family: Tahoma, Verdana, Arial;
	text-align: center;
}


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
a {
	color: #FFFFFF; 
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
}

#a {
	cursor:pointer;
}

a:active { 
	color: #FFFFFF; 
}

a:hover { 
	color: #FFFFFF; 
	text-decoration: none; 
}

a:visited { 
	color: #FFFFFF; 
}

.wtext {
	color:#ffffff;
}

.btext {
	color:#000000;
}

.btext a, a:link, a:active, a:hover, a:visited {
	color:#ADA461;
}

.btext a:hover {
	text-decoration:underline;
}

.tabl {
	font-size:11px;
}

.indextabl {
	font-size:14px;
}

td {
   font-size:12px;
}

.red { color: #ff3300 }
.bold { font-weight:bold; }
/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

#Container {
	position:relative;
	width: 760px;
	height: 540px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0em;
	text-align: left;
}

#container_sub {
	width: 800px;
	height: 675px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	padding:0px;
	background-image: url(design/secondary_long.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#index_content {
	position:relative;
	width: 370px;
	left:16.7em;
	padding: 10px 10px 10px 10px;
	z-index:0;
}

#content {
	position:relative;
	width: 560px;
	left:16.7em;
	padding: 0px 10px 10px 10px;
	z-index:0;
}


/*-------------------------------------------------
BACKGROUND
-------------------------------------------------*/

#Container .shell_1 {
	position:absolute;
	width:167px;
	height:133px;
	top:0em;
	left:0em;
	background-image:url(shell/shell_01.gif);
	background-repeat:no-repeat;
}

#Container .shell_2 {
	position:absolute;
	width:185px;
	height:133px;
	top:0em;
	left:16.7em;
	background-image:url(shell/shell_02.gif);
	background-repeat:no-repeat;
}

#Container .shell_3 {
	position:absolute;
	width:263px;
	height:133px;
	top:0em;
	left:35.2em;
	background-image:url(shell/shell_03.gif);
	background-repeat:no-repeat;
}

#Container .shell_4 {
	position:absolute;
	width:145px;
	height:133px;
	top:0em;
	left:61.5em;
	background-image:url(shell/shell_04.gif);
	background-repeat:no-repeat;
}

#Container .shell_5 {
	position:absolute;
	width:167px;
	height:40px;
	top:13.3em;
	left:0em;
	background-image:url(shell/shell_05a.gif);
	background-repeat:no-repeat;
}

#Container .shell_6 {
	position:absolute;
	width:593px;
	height:40px;
	top:13.3em;
	left:16.7em;
	background-image:url(shell/shell_06a.gif);
	background-repeat:no-repeat;
	z-index:1;
}

#Container .shell_7 {
	position:absolute;
	width:760px;
	min-height:600px;
	top:17.3em;
	left:0em;
	background-image:url(shell/shell_07.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#FFFFFF;
	z-index:0;
}

.shell_8 {
	position:absolute;
	width:760px;
	height:25px;
	top:0em;
	left:0em;
	background-image:url(shell/shell_05_06.gif);
	background-repeat:no-repeat;
	background-position:left;
	z-index:0;
}

.shell_9 {
	position:absolute;
	width:760px;
	height:25px;
	bottom:0em;
	left:0em;
	background-image:url(shell/shell_08.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.shell_10 {
	position:absolute;
	width:760px;
	height:10px;
	left:35em;
	bottom:-1.5em;
	color:#FFFFFF;
}

.shell_11 {
	position:absolute;
	width:760px;
	height:10px;
	left:32em;
	bottom:-3em;
	color:#FFFFFF;
}

.shell_12 {
	position:absolute;
	width:760px;
	height:10px;
	left:37.5em;
	bottom:-4.5em;
	color:#FFFFFF;
}

.shell_13 {
	position:absolute;
	width:760px;
	height:25px;
	left:33em;
	bottom:-7.5em;
	color:#FFFFFF;
}

/*-------------------------------------------------
MAIN NAV
-------------------------------------------------*/

#Container .navbar {
	position:absolute;
	width:550px;
	top: .5em; 
	left: 4em;
	border:#000000 0px solid;
	background-color:#01588E;
	z-index:2;
}

.menuitem {
	position:relative;
	padding: 0px 14px 0px 0px;
	float:left;
	border:#000000 0px solid;
	font-weight:bold;
}

.navheader {
	position:relative;
	display:inline;
	color:#FFFFFF;
	font-size:10px;
	padding-bottom:5px;
	text-decoration:none;
	cursor:default;
}

#subnav {
	position:relative;
	width:550px;
	top: 2.2em; 
	left: 4em;
	border:#000000 0px solid;
	z-index:1;
}

.submenu {
	position:relative;
	width: 100px;
	display:none;
	left:0em;
	top:0em;
	background-color:#85A6D1;
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	opacity:0.95; 
	-khtml-opacity:0.95;
	border:#000000 0px solid;
	z-index:1;
}

.navitem {
	position:relative;
	padding: 5px 5px 5px 5px;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0; 
	-khtml-opacity:1.0;
	border:#000000 0px solid;
	z-index:1;
}

.navitem:hover {
	background-color:#01588E;
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0; 
	-khtml-opacity:1.0;
}


/*-------------------------------------------------
RIGHT TEXT BOX
-------------------------------------------------*/

#rightTxtBox {
	position: absolute;
	width: 203px;
	height: 351px;
	top: 0em;
	right: .5em;
	background-image:url(shell/rightTxtBox.gif);
	background-repeat:no-repeat;
	z-index:3;
}

#rightTxtBox .header {
	position:relative;
	width:203px;
	text-align:center;
	padding: 5px 0px 0px 0px;
	top:0em;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

#rightTxtBox .boxContent {
	position:relative;
	width:183px;
	padding:0px 5px 0px 5px;
	top:1em;
	left:2em;
}

#rightTxtBox .boxfooter {
	position:relative;
	width:183px;
	text-align:right;
	padding:0px 5px 0px 5px;
}

/*-------------------------------------------------
FERRY CAM
-------------------------------------------------*/

#ferrycam {
	position: absolute;
	width: 203px;
	height: 351px;
	top: 355px;
	right: .5em;
	z-index:3;
}

#ferrycamheader {
	position:relative;
	width:203px;
	height: 23px;
	text-align:center;
	padding: 5px 0px 0px 0px;
	margin:0px;
	top:0em;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(shell/box_header.gif);
	background-repeat:no-repeat;
}

#ferrycambody {
	position:relative;
	width:203px;
	padding:0px 5px 0px 5px;
	background-image:url(shell/box_body.gif);
	background-repeat:repeat-y;
}

#ferrycamcontent {
	position:relative;
	width:173px;
	padding:0px 7px 0px 20px;
	border:#000000 solid 0px;
}

#ferrycamcontent ul{
	padding:0px 0px 5px 20px;
	margin:0px;
}

#ferrycamcontent li{
	padding:0px;
	margin:0px;
}


#ferrycamfooter {
	position:relative;
	width:203px;
	height:50px;
	padding:0px 5px 0px 5px;
	background-image:url(shell/box_footer.gif);
	background-repeat:no-repeat;
}

/*-------------------------------------------------
LEFT INDEX PICTURES
-------------------------------------------------*/

#indexPics {
	position: absolute;
	width: 200px;
	top:2.2em;
	left:0em;
	text-align:right;
}


/*-------------------------------------------------
BOTTOM LEFT NAV
-------------------------------------------------*/

#bottomLeft_nav {
	position:absolute;
	width:167px;
	height:200px;
	bottom:1em;
	left:0em;
}	


/*-------------------------------------------------
CALENDAR
-------------------------------------------------*/

#cal {
	position:relative; 
	top: 4em; 
	left: 2em;
	height:550px;
	z-index: 1;
}

#calnavbar {
	position:relative;
	top: 2em;
	left: 11em;
}

#calnavbar a, #calnavbar a:link, #navbar a:visited {
	display:inline;
	left:2px;
	background-color:#758EB6;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	font-size:12px;
	text-decoration:none;
}

#calnavbar a:hover {
	color:#000000;
	background-color:#CCCCCC;
}

#navspacer {
	display:inline;
	float:left;
	left:2px;
	width:2px;
	background-color:#ffffff;
	color:#FFFFFF;
	font-size:10px;
}	

/*-------------------------------------------------
SIDE MAIN NAV
-------------------------------------------------*/

#side_navbar {
	position:absolute;
	width:120px;
	top: 1em; 
	left: 3em;
	border:#000000 0px solid;
	z-index:1;
}

.side_menuitem {
	position:relative;
	padding: 5px 10px 7px 0px;
	clear:both;
	border:#000000 0px solid;
	font-weight:bold;
}

.side_navheader {
	position:relative;
	display:inline;
	height: 1.3em;
	font-size:10px;
	padding-bottom:0px;
	text-decoration:none;
	cursor:default;
}

.side_navheader a {
	color:#01588E;
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0; 
	-khtml-opacity:1.0;
}

.side_navheader a:visited {
	color:#01588E;
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0; 
	-khtml-opacity:1.0;
}
.side_navheader a:hover {
	color:#ADA461;
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0; 
	-khtml-opacity:1.0;
}

/*------------------------------------------------
Side Nav Sub
-------------------------------------------------*/
.side_sub {
	position:relative;
	margin: 7px 0px 0px 0px;
	clear:both;
	border:#000000 0px solid;
	font-weight:bold;
}

.side_subheader {
	position:relative;
	display:table;
	color:#000000;
	height: 1.3em;
	font-size:10px;
	padding-bottom:0px;
	padding-left: 10px;
	text-decoration:none;
	cursor:default;
	border:#000000 0px solid;
	text-align: left;
}

.side_subheader a, a:visited {
	color:#ADA461;
}

.side_subheader a:hover {
	color:#01588E;
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	opacity:1.0; 
	-khtml-opacity:1.0;
}


/*------------------------------------------------
Contacts
#contacts {
	position:relative;
}

#contacts dr {
	position:relative;
	display:block;
	width:450px;
	border: solid 1px #000000;
	left:0em;
}

#contacts dd {
	position:relative;
	border: solid 1px #000000;
}

dd .name_pos {
	color:#000000;
	width:200px;
	padding:3px 3px 3px 3px;
	text-align:left;
	vertical-align:top;
	border: solid 1px #000000;
}

dd .phone {
	color:#000000;
	width:100px;
	padding:3px 3px 3px 3px;
	text-align:right;
	vertical-align:top;
	border: solid 1px #000000;
	top:0em;
}

dd .email {
	color:#000000;
	width:150px;
	padding:3px 3px 3px 3px;
	text-align:right;
	vertical-align:top;
	border: solid 1px #000000;
	top:0em;
}

dd .email a {
	color:#000000;
}
-------------------------------------------------*/