@charset "utf-8";
/* CSS Document */
body {
	font-family: "Times New Roman", Verdana, Arial;
	background: #101D28;
	margin: 0; 
	padding: 0; 
	color: #000000;
}

#container {
	width: 850px; 
	background: #101D28;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 4px inset #CCCCCC;
	-moz-border-radius: 8px;
	padding: 0px;

}

/*general definitions */

p{
color: #FFFFFF
} 
h1 {
	color: #FFFFFF;
	font-family: "Times New Roman", Verdana, Arial, ;
	margin: 0px; 
	padding: 3px 6px;
	text-align:left;
}

h3{
font-family: Verdana, sans-serif, 'Times New Roman'; 
font-size:16px;
color: #FFFF33;
position: relative;
padding: 8px 0px 5px 0px;
margin: 0px;
}

a img{
	border-style:none;
}
a:hover img{
border-width:medium;
 border-style:inset;
 border-color:#00CC99;
}

/*Here are the necessary definitions for the transparent div backgrounds */

.box {
     border: 1px solid #000000;
     position: relative;
     width: 100%;
}
.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
.box_background {
     background-color:#101d28 ;
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

/*ALL Header Definitions*/

#header {
	background:  #101D28; 
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#header a{
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}

/*Underneath the Header */

#messageBox{
background-image:url(http://www.yachtpartnership.org/images/yacht_menuBar_solidBack.jpg);
background-repeat:no-repeat;
margin: 0px;
width::850px;
height:34px;
text-align:center;
}

/*the Body of the page */

#mainContent {
	background:#666666;
	background-image:url(http://www.yachtpartnership.org/images/colorful_yachtHeader.jpg);
	background-repeat:no-repeat;
	height: 598px;
	margin: 4px 0px 0px 0px;;
	padding: 0px;	
}

#theShapamaText{

padding: 10px 15px 10px 15px;
}
#theShapamaText ul{
list-style:none;
}
#theShapamaText li{
padding-left: 60px;
}
#theShapamaText h2{
	color:#FFFFFF;
	font-style:italic;
	font-size:36px;
	margin: 20px;
} 
#theShapamaText h5{
	margin: 0px 0px 0px 110px;
	font-family: "Times New Roman", Arial, Verdana;
	color:#FFFFFF;
	font-style: italic;
	font-size:28px;
}
#theShapamaText p{
	font-family: "Times New Roman", Arial, Verdana;
	color:#FFFFFF;
	font-size:14px;
}
#editArea{
margin: 0px 0px 0px 0px;
z-index: 98;
}
#editArea a{
color: #FFFFFF;
}
#editArea p{
color: #FFFFFF;
font-size:14px;
margin: 0px 10px 0px 10px;
}
#editArea h4{
color: #FFFFFF;
font-size:16px;
}

/* that little menu box that is within the body */

#littleLinker{ 
	position: absolute;
	z-index: 100; 
	border: solid  #737373; 
	border-width: 1px; 
	margin:0px 0px 0px 480px; 
	width: 300px; 
	height: 20px;
	color:#999999; 
	text-align:center; 	  
	font-size:13px; 
	padding: 5px;
}
#littleLinker a{
font-size: 14px;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, 'Times New Roman';
z-index: 100;
}
#littleLinker a:hover{
font-weight:bold;
text-decoration:underline;
}
/* Here are the definitions for the contact form */
.button {background-color: rgb(128,128,128); color:#ffffff; font-size: 8pt;}
.inputc {font-size: 10pt;}
.style3 {font-size: x-small}
.style3 a{text-decoration:none; color: #FFFFFF;}
.style3 a:hover{text-decoration:underline; color: #FFFFFF;}


/* The bottom menu bar (the one with the sliding javascript). This is contained within the MainContent Div. */

/*Here is where the Yachty menu starts.*/
* {margin:0; padding:0}
#menuContainer {position:relative; width:850px; margin-top: auto; margin-bottom: 5px; padding:0px;}
.menu {position:relative; background:url(http://www.yachtpartnership.org/images/menuBar_trans.png) no-repeat; height:58px; margin: 0px 9px 0px 9px;}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:20px 5px;}
.menu li {float: left}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#FFF; padding:10px; font-family:Verdana, 'Times New Roman', Arial; font-size:16px; font-weight:bold}
#slide {position:absolute; top:14px; height:30px; background:#101d28; z-index:10}


/* The Footer definitions */

#footer { 
	text-align:center;
	padding: 0 10px; 
	background:#101d28;
} 
#footer p, #footer a{
	letter-spacing: 5px;
	color:#FFFFFF;
	text-decoration: none;
	margin: 0; 
	padding: 10px 0; 
	font-size:11px;
}
#footer a:hover{
text-decoration:underline;
}