html { margin: 0px; padding: 0px; text-align:center;}
a:link {color: #1e72a5; text-decoration: none; font-weight: bold;}
a:visited {color: #005387; text-decoration: none;}
a:hover {color: #fff; background-color: #1e72a5; text-decoration: none;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help;}
img {border: 0px; margin: 0px;}

body {
color: #666;
font: 12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
background-color: #000;
background-image: url(img/bg_underwater.jpg);
background-attachment: fixed;
background-repeat:repeat-x;
background-position: 0 0;
margin:auto;}

.navTable {position: relative; top: 230px}
 
#pagewidth{ 
 width:780px; 
 text-align:left; 
 margin-left:auto; 
 margin-right:auto;
} 
 
#header{ 
 height:249px; 
 width:100%; 
 background-color:#FFFFFF; 
padding: 0px; 
} 


 
#outer{ 
 border:solid #ccc 0px; 
  background-color: #ccc; /* center column colour */ 
width: auto; 
 } 


div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 70%;
  font-size: 10px;
  }

div.row span.right {
  float: right;
  text-align: right;
  width: 51px;
}


.order {float: right; padding: 5px; border-top: 5px solid #333;  border-bottom: 5px solid #333;  border-left: 1px solid #333;  border-right: 1px solid #333; background: #fefefe; width: 200px; text-align: center; background-image: url(img/canvas.gif);
background-attachment: scroll;
}

.order a:link {color: #fff; text-decoration: none;}
.order a:hover {color: #fff; text-decoration: none;}

.aboutPICS {position: relative; top: 230px; left: 100px}

.whiteborder {border: 1px solid #fff; margin: 0px 5px;}

.underline {border-bottom: 1px solid #000; margin: 10px 0 1em 0}



div.extLinks {
	float: left;
	width: 160px;
	padding: 0 0 0 0;
	margin: 0 15px 2em 0;
	text-align: left;
}
 
#footer {
 height:auto; 
 width:780px; 
 text-align: center; 
 background-color:#cccccc;
 margin:auto;
}



.sidelinks {
	list-style-type: none;
	list-style-position: outside;
	color: #fff;
	padding: 5px;
	width: 125px;
	background: #005387;
	line-height: 1em;
	height: 1em;
	
} 

.details {
font-size: 10px;
font-weight: normal;
color: #0078a8;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 30px;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 750px;
 position: relative; 
 margin: 0 -8px 0 -2px; 
}

#maincol li	{
	line-height: 1.4;
	margin-bottom: 5px;
	list-style: disc url(img/bullet.gif) outside;
	vertical-align: top;
	font-size: 11px;
	color: #333;
	}
	
#maincol ul {
	margin-top: 1em;
	list-style: disc url(img/bullet.gif) outside;
	vertical-align: top;
}

.mainphoto {
margin-right: 1.2em;
margin-top: 0em;
margin-bottom: 0.2em;
border: 1px solid #fff;
}

.charter {margin: 0 10px 0 0; border: 1px solid #333;}

.charterPhoto {margin: 0; padding: 20px;}

.info {margin: 5px 0.5em 40px 50px; font-size: 10px; padding-left: 10px; line-height: 1.2; float: right; border-left: 1px dotted #ccc;}

 

 
#outer>#inner {border-bottom: 0px solid #FFFFFF;}
 
.clr{clear:both;}

.spacer {height:15px;}
 
.content{padding:15px;} /*padding for content */ 

.smallNavLink {padding: 1px 3px 1px 50px; border-top: 1px solid #1e72a5; border-bottom: 1px solid #1e72a5; }

 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

blockquote {
	padding: 20px;
	background: #fff;
	border: 1px solid #666;
	margin: 0px 20px 10px 20px;
	width: 90%;
	background-image: url(img/bg_charterbox.gif);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: 0 0;


}
 
p {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #3F4348;
line-height: 1.4em;
padding-left: 0px;
}

h1 {
font: bold 24px "Century Gothic", Helvetica, Arial, sans-serif;
color: #f08d1d;
letter-spacing: -1px;
margin-top: 12px;
margin-bottom: 15px;
}

h2 {
color: #f08d1d;
font: bold 18px "Century Gothic", Helvetica, Arial, sans-serif;
letter-spacing: -1px;
margin-top: 15px;
margin-bottom: 0.2em;
}

h3 {
color: #1e72a5;
font: normal 14px Helvetica, Arial, sans-serif;
letter-spacing: -1px;
margin-top: 1em;
margin-bottom: 0em;
}

h4 {font-size: 12px;
margin-top: 0.8em;
margin-bottom: 0.2em;
font-weight: normal}


h5 {
	font-size: 24px;
}


.thumb {border: 2px solid #fff; margin: 0 10px 10px 0;}

.floatRight {float: right; width: 350px; height:185px; margin:0 15px; padding:0; border: 1px solid #333; background: transparent; background-image:url(img/bg_order.jpg)}

.floatRight p {padding:30px}


.bigBold {
	font-size: 19px;
	font-weight: bold;
}
.item {
	font-size: 14px;
	font-weight: bold;
}
.red {color: #990000}



/*  Horizontal nav */

#menu {
margin: 0;
padding: 0;
}

#menu ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
clear: left;
}

#menu ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}



#menu ul li a {
	background: #ccc;
	width: 150px;
	height: 1.4em;
	border-top: 1px dashed #fff;
	border-left: 0px solid #ccc;
	border-bottom: 0px dashed #fff;
	border-right: none;
	padding: 0;
	margin: 0 0 0px 0px;
	color: #1e72a5;
	display: block;
	text-align: left;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.4;
	font-size:    13px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:    13px;
	font-family: Myriad, helvetica, arial;
	text-transform: none;
}
html>#menu ul li a  {
font-size: x-small;   
} 


#menu ul li a:hover {
color: #fff;
background: #1e72a5;
border-top: 1px solid #1e72a5;
}

#menu a:active	{
color: #fff;
background: #1e72a5;
}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a,
body#sectionsix #menu li#six a,
body#sectionseven #menu li#seven a {
	color: #fff;
	font-weight: bold;
	background-color: #1e72a5;
}
 

 
 /*printer styles*/ 
@media print{ 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}