/* CSS Document */

/* Structure Layout  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body {
    height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #303030;
	font: 0.8em/2em "Lucida Grande", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
}
a:link {
	color: #222222;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight:300;
	padding:0px;
	margin:5px 0px 5px 0px;
	font-size:140%;
	color: #F00076;
}
h2{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight:300;
	padding:0px;
	margin:5px 0px 5px 0px;
	font-size:130%;
	color: #F00076;
	
}
h3{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight:300;
	padding:0px;
	margin:5px 0px 5px 0px;
	font-size:120%;
	color: #F00076;
}
h4 {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight:300;
	padding:0px;
	margin:5px 0px 5px 0px;
	font-size:110%;
	color: #F00076;
}

.charcoal{color:#333333 !important;}
.medium-green{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight:300;font-size:12px;}


/* Layout Wrappers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#topsection {
	height:129px;
	background-image: url(../images/marinelogo.png);
	background-repeat: no-repeat;
	background-color: #CCCCCC;
}
#topsection h1, #mainadvert h2, #secondadvert h2 { text-indent:-2000px;}
#topnav {
	height:40px;
	background-image: url(../images/navback.gif);
	background-repeat: repeat-x;
}
#mainadvert{
	height:208px;
	background-image: url(../images/mainadvert.gif);
	background-repeat: no-repeat;
}
#mainadvert a {
	height:70px;
	display: block;
	width: 240px;
	top: 90px;
	position: relative;
	left: 80px;
	overflow: hidden;
}
#mainadvert a img {
	border:none;
	text-decoration: none;
}
#secondadvert{
	height:208px;
	background-image: url(../images/secondadvert.gif);
	background-repeat: no-repeat;
}
#shadow {
	height:30px;
	background-image: url(../images/shadow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer {
	font-size: 80%;
	color: #174D53;
	background-color: #EDF4F6;
}
#footer a {
	color: #277584;
}
#footer a.button {
	color: #FFFFFF;
	background-color: #A0B8BA;
	padding: 5px;
}
#footer a.button:hover {
	color: #FFFFFF;
	background-color: #2D8295;
	padding: 5px;
	text-decoration: none;
}
#sidebar {
	background-image: url(../images/sidefade.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageheader {
	display:block;
	text-align: right;
	color: #FFFFFF;
	font-size: 18px;
}
#new{
	display:block;
	background-image: url(../images/newcorner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.tagline {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
}
.tagline a{
color:#FFFFFF;
}
.tagline a:hover {
color:#FFFFFF;
}

/* Various Layout  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.hr { border-top:1px solid #B9CEE1; margin-top: 10px; margin-bottom: 10px; }
.left {float:left;}
.right {float:right;}
.bordertop {border-top:1px solid #FF6600}


/* TOP NAV  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#topnav {
	display: block;
	margin: 0px;
	padding:0px;
	list-style: none;
	position: relative;
	bottom: 0px;
	top: 79px;
}
#topnav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;		
}
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#topnav  li a {
	font: normal 10px/50px Arial, Helvetica, "Lucida Grande";
	color: #222222;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: center;
	display: block;
	margin: 0px;
	float: left;
	padding: 0px 5px;
	text-transform: uppercase;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 90px;
}
#topnav li a:hover {
	color: #2A7C8D;
	background-image: url(../images/nav-over.gif);
}
#topnav li a.selected, #nav li a:hover.selected  {
	color:#2A7C8D;
	background-image: url(../images/nav-select.gif);
}
#last { border-right:1px solid #FFFFFF; }

/* SUB NAV  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#subnav { 
	margin: 0px;
	padding:0px;
}	
#subnav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;
	padding: 0px;
}
#subnav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#subnav li a {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	font: normal 10px/20px "Lucida Grande", Verdana, Arial, sans-serif;
	color:#222222;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	text-transform: none;
	letter-spacing: 1px;
}
#subnav li a:hover {
	color:#333333;
	font-weight: normal;
}
/* Gallery Thumbs   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gallerythumb{
	float:left;
	border: none;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #CCCCCC;
}
.gallerythumb img{
	padding: 1px;
	display: inline;
}