html, body
{
	height: 100%;
}

body, div, img, p, h1, h2, h3, h4, form, input, ul, li, table, td
{
	margin: 0;
	padding: 0;
	border: 0;
	color: #2c2c2c;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}

body
{
	padding-bottom: 15px;
	background: #55bce5 url(../images/background.jpg) center repeat-y;
}

div, img
{
	display: block;
}
img, .hideof
{
	overflow: hidden;
}
div.homeSeparator
{
	border-top: 1px solid #fff;
	height: 15px;
}
div.separator
{
	margin-bottom: 14px;
	border-top: 1px solid #2e90bd;
	height: 1px;
}

img.left
{
	padding: 0 15px 15px 0;
	float: left;
	clear: left;
	display: inline;
}
img.right
{
	padding: 0 0 15px 15px;
	float: right;
	clear: right;
	display: inline;
}
img.inline
{
	display: inline;
}

p, h1, h2, h4
{
	margin-bottom: 15px;
	font-size: 0.8em;
}
p.small
{
	font-size: 0.7em;
}
p.noMargin
{
	margin: 0;
}
p.large
{
	font-size: 1.0em;
}
p.largeMargin
{
	margin-bottom: 25px;
}
p.indent
{
	padding-left: 15px;
}

h1
{
	margin: 0;
	color: #003470;
	font-weight: bold;
}

h2
{
	margin: 0;
	color: #00a5a1;
	font-weight: bold;
	text-transform: uppercase;
}

h3
{
	margin-bottom: 5px;
	color: #0f3066;
	font-size: 1.3em;
	text-transform: uppercase;
}

h4, .h4
{
	margin-bottom: 5px;
	/*color: #345086;*/
	color: #dc571f;
	font-size: 0.85em;
	/*font-weight: normal;*/
}
.h4, td h4
{
	font-size: 1.2em;
}

input.textBox
{
	padding: 1px;
	border: 1px solid #000;
}
input#search
{
	width: 130px;
	height: 16px;
	font-size: 0.75em;
}

table
{
	margin-bottom: 15px;
	width: 100%;
}
tr.alt td
{
	background: #e8f5fb;
}
th, td
{
	font-size: 0.8em;
}
table.padded td
{
	padding: 3px;
}

table.accomplishments td
{
	padding: 4px 2px;
}
table.accomplishments td.left
{
	white-space: nowrap;
	width: 65px;
	color: #2e90bd;
	font-weight: bold;
	text-align: right;
}

table.marinaSites
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
table.marinaSites th, table.marinaSites td
{
	padding: 3px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	text-align: center;
	vertical-align: middle;
}
table.marinaSites th
{
	background: #2e90bd;
	color: #fff;
	vertical-align: bottom;
}

a:link, a:visited
{
	/*color: #003470;*/
	color: #0a8eb5;
	text-decoration: none;
}
a:hover, a:active
{
	text-decoration: underline;
}

.sup
{
	font-size: 0.8em;
	vertical-align: top;
}

#wrapper
{
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #424846;
	border-top: 0;
	background: #fff;
	width: 799px;
}

#topHome
{
	clear: both;
	width: 799px;
	height: 264px;
}

#top
{
	clear: both;
	width: 799px;
	height: 189px;
}

#logoBox
{
	padding-left: 5px;
	float: left;
	width: 208px;
}
#logoBox p
{
	margin-bottom: 10px;
	font-size: 0.7em;
	text-align: center;
}
#logoBox p#languages
{
	font-size: 0.55em;
}
#logoBox p
{
	margin-bottom: 5px;
}
#topHome #logoBox p
{
	margin-bottom: 17px;
}
#logoBox p#languages, #logoBox p#languages a
{
	color: #00a5a1;
	font-weight: normal;
}
#logoBox p img
{
	display: inline;
}
#logoBox p#topLinks, #logoBox p#topLinks a
{
	color: #eb7023;
}

#mainImage
{
	float: right;
}

#nav
{
	padding: 1px 0;
	clear: both;
	background: url(../images/background_nav.gif) repeat-x;
	width: 799px;
	height: 31px;
	text-align: center;
}
#nav, #nav ul, #nav ul ul
{
	list-style: none;
}
#nav li
{
	float: left;
}
#nav li.arrow
{
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 210px 9px;
}
#nav li:hover, #nav li.sfHover, #nav li.active
{
	background-color: #2b89ad;
}
#nav a
{
	padding: 0 10px;
	display: block;
	color: #fff;
	font-size: 0.85em;
	line-height: 31px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#nav li ul, #nav li ul ul
{
	position: absolute;
	left: -999em;
	margin-left: -2px;
	border: 2px solid #fff;
	border-bottom: 0;
	background-color: #2b89ad;
	width: 225px;
}
#nav li ul ul
{
	margin: -20px 0 0 175px;
}
#nav li li, #nav li li li
{
	border-bottom: 2px solid #fff;
	float: none;
}
#nav li li a, #nav li li li a
{
	padding: 4px 10px;
	font-size: 0.8em;
	line-height: 1.3em;
	text-decoration: none;
	text-transform: none;
}
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfHover, #nav ul ul li.sfHover, #nav ul li.active, #nav ul ul li.active
{
	background-color: #ee7326;
}
#nav li:hover ul ul, #nav li.sfHover ul ul
{
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul
{
	left: auto;
}

#homeBody
{
	clear: both;
	background: url(../images/background_home.gif) repeat-y;
	width: 799px;
}

#homeNews
{
	padding: 24px 12px 9px 12px;
	float: left;
	clear: left;
	width: 194px;
}
#homeNews h1, #homeNews p
{
	font-size: 0.7em;
}

#homeExtras
{
	float: right;
	clear: right;
	width: 232px;
}
#homeExtras div p, #homeExtras div li
{
	font-size: 0.7em;
}

#extra1
{
	padding: 24px 6px 0 12px;
	width: 214px;
}
#extra1 li
{
	padding: 2px 0 0 12px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0 6px;
	line-height: 1.15em;
}

#extra2
{
	padding: 22px 12px 0 12px;
	background: #c8eaf4 url(../images/wave_top.jpg) no-repeat;
	width: 208px;
}
#extra2 p
{
	margin: 0;
}

#extra3
{
	padding: 15px 6px 0 12px;
	width: 214px;
}

#homeContent
{
	padding: 24px 0 9px 12px;
	width: 324px;
}
#homeContent p
{
	color: #fff;
	font-size: 0.7em;
	text-align: center;
}

#body
{
	background: url(../images/background_leftnav.gif) repeat-y;
	width: 799px;
}

#leftNav
{
	float: left;
	clear: left;
	width: 218px;
}
#leftNav ul
{
	background: #5db1d6;
	width: 218px;
}
#leftNav li
{
	list-style: none;
	display: inline;
}
#leftNav li a
{
	padding: 5px 15px;
	border-top: 1px dashed #fff;
	display: block;
	width: 188px;
	color: #fff;
	font-size: 0.8em;
}
#leftNav li#leftNav1 a, #leftNav ul ul li a
{
	border: 0;
}
#leftNav ul ul
{
	margin-bottom: 5px;
}
#leftNav ul ul li a
{
	padding: 2px 20px 2px 33px;
	background: url(../images/subnav_out.gif) no-repeat 20px 7px;
	width: 178px;
	font-size: 0.8em;
	font-weight: normal;
}
#leftNav li a:hover, #leftNav li a:active, #leftNav li.active a, #leftNav li a.active
{
	background: #fff;
	color: #5db1d6;
	text-decoration: none;
}
#leftNav ul ul li a:hover, #leftNav ul ul li a:active, #leftNav ul ul li.active a, #leftNav ul ul li a.active
{
	background: #fff url(../images/subnav_over.gif) no-repeat 20px 7px;
}
#leftNav li.active a, #leftNav li a.active
{
	font-weight: bold;
}
#leftNav form
{
	padding: 10px 15px;
	background: #2b89ad;
	width: 188px;
}
#leftNav form #search, #Keywords
{
	width: 110px;
}

#content
{
	padding: 5px 30px 30px 0px;
	float: right;
	clear: right;
	width: 521px;
}
#content ul
{
	margin-bottom: 10px;
	padding-bottom: 7px;
	list-style: none;
}
#content ul li
{
	margin: 0 0 5px 15px;
	padding-left: 13px;
	background: url(../images/bullet.gif) no-repeat 0 5px;
	font-size: 0.8em;
}
#content ul.spaced, #content ol.spaced
{
	margin-bottom: 0;
}
#content ul.spaced li, #content ol.spaced li
{
	margin-bottom: 15px;
}
#content ul.noMargin, #content ul.noMargin li
{
	margin-bottom: 0;
}
#content ul.noMargin li
{
	margin-bottom: 5px;
}
#content ul.noSpacing
{
	margin-bottom: 15px;
}
#content ul.noSpacing li
{
	margin-bottom: 0;
	font-style: italic;
}
#content ul ul li
{
	background: url(../images/bullet2.gif) no-repeat 0 5px;
	font-size: 1.0em;
}
#content ul.folder li
{
	padding-left: 20px;
	background: url(../images/download_folder.gif) no-repeat 0 1px;
}
#content ul.lifePreserver, #content ul.cross, #content ul.crossSmall, #content ul.cloud, #content ul.sponge, #content ul.prop, #content ul.oil, #content ul.fuel, #content ul.exclamation, #content ul.trashCan, #content ul.grayWater, #content ul.toilet, #content ul.fiveMph, #content ul.crab
{
	margin-bottom: 7px;
	padding-bottom: 10px;
}
#content ul.lifePreserver li
{
	padding-left: 21px;
	background: url(../images/bullet_lifepreserver.gif) no-repeat;
}
#content ul.cross li
{
	padding-left: 21px;
	background: url(../images/bullet_cross.gif) no-repeat;
}
#content ul.crossSmall li
{
	padding-left: 15px;
	background: url(../images/bullet_crosssmall.gif) no-repeat 0 3px;
}
#content ul.cloud li
{
	padding-left: 21px;
	background: url(../images/bullet_cloud.gif) no-repeat;
}
#content ul.sponge li
{
	padding-left: 21px;
	background: url(../images/bullet_sponge.gif) no-repeat;
}
#content ul.prop li
{
	padding-left: 21px;
	background: url(../images/bullet_prop.gif) no-repeat;
}
#content ul.oil li
{
	padding-left: 21px;
	background: url(../images/bullet_oil.gif) no-repeat;
}
#content ul.fuel li
{
	padding-left: 21px;
	background: url(../images/bullet_fuel.gif) no-repeat 0 1px;
}
#content ul.exclamation li
{
	padding-left: 21px;
	background: url(../images/bullet_exclamation.gif) no-repeat;
}
#content ul.trashCan li
{
	padding-left: 21px;
	background: url(../images/bullet_trashcan.gif) no-repeat;
}
#content ul.grayWater li
{
	padding-left: 21px;
	background: url(../images/bullet_graywater.gif) no-repeat 0 1px;
}
#content ul.toilet li
{
	padding-left: 21px;
	background: url(../images/bullet_toilet.gif) no-repeat;
}
#content ul li.bilgePillow, #content ul li.bilgePillow ul li
{
	margin-bottom: 8px;
	padding-left: 21px;
	background: url(../images/bullet_bilgepillow.gif) no-repeat;
}
#content ul li.bilgePillow ul
{
	margin-top: 5px;
	padding-bottom: 5px;
}
#content ul li.waterSkis
{
	padding-left: 21px;
	background: url(../images/bullet_skis.gif) no-repeat;
}
#content ul.fiveMph li
{
	padding-left: 21px;
	background: url(../images/bullet_5mph.gif) no-repeat;
}
#content ul.crab li
{
	padding-left: 21px;
	background: url(../images/bullet_invasive.gif) no-repeat;
}
#content ol
{
	margin: 0 0 10px 32px;
	padding-bottom: 7px;
	font-size: 0.8em;
}
#content ol li
{
	margin-bottom: 5px;
}

#breadcrumb
{
	color: #5fb3d7;
	font-size: 0.7em;
	text-align: right;
}
#breadcrumb a
{
	color: #5fb3d7;
	text-decoration: underline;
}
#breadcrumb a.active
{
	text-decoration: none;
}

.boxTop
{
	background: url(../images/box_top.gif) no-repeat;
	width: 521px;
	height: 11px;
}
.box, .quote
{
	margin-bottom: 15px;
	padding: 4px 15px 0 15px;
}
.box
{
	width: 491px;
	background: #c6e7f6 url(../images/box_bottom.gif) no-repeat center bottom;
}
.quoteTop
{
	float: right;
	clear: right;
	width: 200px;
	height: 11px;
	background: url(../images/quote_top.gif) no-repeat;
}
.quote
{
	margin-left: 15px;
	float: right;
	clear: right;
	background: #c6e7f6 url(../images/quote_bottom.gif) no-repeat left bottom;
	width: 170px;
}
.quote p
{
	color: #003470;
	font-size: 1.0em;
	line-height: 1.2em;
	font-style: italic;
}

table.logo td
{
	vertical-align: middle;
}
table.logo td.image
{
	padding-right: 15px;
	width: 100px;
	text-align: center;
}
table.logo td img
{
	display: inline;
}

#footer
{
	border-top: 1px solid #fff;
	clear: both;
	background: #003470;
	width: 799px;
	height: 19px;
}