* { padding: 0; margin: 0; }

body {
 font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
 font-size: 13px;
 background-color:#429fca;
}

img {
	border: none;
} 

a { 
	color:#1f517a;
	text-decoration:underline;
}

a:hover { 
	text-decoration:none;
}


#list {
	width:580px;
	margin-right: auto;
	margin-left: auto;
	line-height: 19pt;
	margin-top: 10px;
}

ol {
 list-style-position: outside;
	
}

p {
 	padding-top: 5pt;
	padding-bottom: 5px;
}

h1 {
 color: #4795cc;
 font-size:160%;
	margin-bottom: 5px;
	}

h2 {
	font-size:112%;
	margin-top: 8px;
	border-style: none;
	color: #000;
}

h3 {
	font-size:112%;
	margin-top: 8px;
	border-style: none;
	color: #4795CC;
}


h4{ font-style: oblique;
font-style: italic;
}

.hr { 
 width: 100%;
 height: 5px;
 border-top: 1px dotted black;
} 

#wrapper { 
 margin: 0 auto;
 width: 822px;
}

#header {
 width: 800px;
 color: #333;
 height: 196px;
 margin: 0 0px 0px;
 background: #DAC8BF;
 padding: 10px;
 background-color:#429fca;
}

#bannerimg {
 width: 800px;
 color: #333;
 height: 196px;
 background:none;
 margin: 0 auto 2px
}

#navigation {
 width: 800px;
 color: #333;
 margin: 0 auto 2px;
 background:none;
 height: 55px;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 padding-bottom: 2px;
 padding-top: 2px;
}


/* ----menu styling---- */

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 55px;
	width: 800px;
}

ul#menu li {
	float: left;
	display: inline;
	height: 55px;
	overflow: hidden;
}

ul#menu li a {
	display: block;
	height: 55px;
	text-indent: -999em;
}

ul#menu li.welcome a {background: url(images/menu-welcome.png) 0 0 no-repeat; width: 98px;}
ul#menu li.about a {background: url(images/menu-about.png) 0 0 no-repeat; width: 136px;}
ul#menu li.flotilla a {background: url(images/menu-flotilla.png) 0 0 no-repeat; width: 126px;}
ul#menu li.whatson a {background: url(images/menu-whatson.png) 0 0 no-repeat; width: 111px;}
ul#menu li.gallery a {background: url(images/menu-gallery.png) 0 0 no-repeat; width: 101px;}
ul#menu li.info a {background: url(images/menu-info.png) 0 0 no-repeat; width: 126px;}
ul#menu li.contact a {background: url(images/menu-contact.png) 0 0 no-repeat; width: 102px;}

ul#menu li.welcome a:hover,
ul#menu li.about a:hover,
ul#menu li.flotilla a:hover,
ul#menu li.whatson a:hover,
ul#menu li.gallery a:hover,
ul#menu li.info a:hover,
ul#menu li.contact a:hover {background-position: bottom left;}

ul#menu li#selected a {background-position: bottom left;}

/* ----end menu styling---- */


#content { 
 width: 780px;
 margin: 0 auto 2px;
 color: #333;
 background: #fff;
 padding: 10px;
 height: 100%;
}

#innercontent {
 margin-right:245px;
}

#fullpage {
 width:100%;
}

#sidebar {
 width:237px;
 float:right;
 color:#bdbdc1;
}

#footer {
	width: 780px;
	height:auto;
	background: #fff;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #4795CC;
}

#footerlogos {
	width: 780px;
	height:auto;
}

#table {
	width: 420px;
	margin: 10px auto;
	border-collapse: collapse;
	border: 1px solid #fff;
 }
#table .rowa {
	background: #50a9f7;
	height: 20px;
}
#table .rowb {
	background: #dfe0d9;
	height: 20px;
}
#table .cell {
	padding: 3px;
	border: 1px solid #fff;
}