/*Divs*/
div#wrap { 
  /*center the div on the page*/
  margin-left:auto; 
  margin-right:auto;
  width: 952px;
}

div#content { 
  background-color: white;
  font-family: Verdana, Arial, sans-serif;
  padding: 0 2em .1em 2em;
  margin-bottom: 3em;
}

div#header { 
  height: 120px;
  width: 443px;
  padding-left: .25em;
/*
  border: 1px solid red;
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
*/
}

div#top-buttons { 
  position: relative;
  top: -120px;
  left: 500px;
  height: 100px;
  width: 400px;
}

div#login {
  position: relative;
  top: 0px; left: 320px;
  font-variant: small-caps;
}

div#login-the-boats {
  position: relative;
  top: 0px; left: 300px;
  font-variant: small-caps;
}

div#nav { 
  position: relative;
  height: 38px;
  margin: -85px 0 0 0;
  padding: 0;
  width: 100%;
  background-color: #223F6D;
}

div#index {  
  height: 38px;
  width: 109px;
  float: left;
  cursor: pointer;
}
div#index:hover {  
}
div#index-active {  
  height: 38px;
  width: 109px;
  float: left;
  cursor: pointer;
}

div#the-boats {  
  height: 38px;
  width: 111px;
  float: left;
  cursor: pointer;
}
div#the-boats:hover {  
}
div#the-boats-active {  
  height: 38px;
  width: 111px;
  float: left;
  cursor: pointer;
}

div#how-it-works {  
  height: 38px;
  width: 111px;
  float: left;
  cursor: pointer;
}
div#how-it-works:hover {  
}
div#how-it-works-active {  
  height: 38px;
  width: 111px;
  float: left;
  cursor: pointer;
}

div#why-join { 
  height: 38px; 
  width: 111px;
  float: left;
  cursor: pointer;
}
div#why-join:hover { 
}
div#why-join-active { 
  height: 38px; 
  width: 111px;
  float: left;
  cursor: pointer;
}

div#faq {  
  height: 38px;
  width: 104px;
  float: left;
  cursor: pointer;
}
div#faq:hover {  
}
div#faq-active {  
  height: 38px;
  width: 104px;
  float: left;
  cursor: pointer;
}

div#cruising-areas {  
  height: 38px;
  width: 113px;
  float: left;
  cursor: pointer;
}
div#cruising-areas:hover {  
}
div#cruising-areas-active {  
  height: 38px;
  width: 113px;
  float: left;
  cursor: pointer;
}

div#boat-rentals {  
  height: 38px;
  width: 124px;
  float: left;
  cursor: pointer;
}
div#boat-rentals:hover {  
}
div#boat-rentals-active {  
  height: 38px;
  width: 124px;
  float: left;
  cursor: pointer;
}

div#contact-us {  
  height: 38px;
  width: 103px;
  float: left;
  cursor: pointer;
}
div#contact-us:hover {  
}
div#contact-us-active {  
  height: 38px;
  width: 103px;
  float: left;
  cursor: pointer;
}

div#member-nav {
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-size: .85em;
  font-weight: bold;
}

div#footer-content { 
  height: 90px;
  margin-top: 2.2em;
  clear: both;
}

div#social {
  float: right;
  height: 37px;
  margin-top: -1em;
  padding-right: 1em;
}

div#social a:link img, div#social a:visited img, div#social a img {
  text-decoration: none;
   border: 0
}

div#footer {
  padding-left: 10.5em;
  padding-top: 2.9em;
  color: grey;
  font-size: .7em;
  font-variant: small-caps;
  background-color: white;
  background-image: url(../images/footer.jpg);
  background-repeat: no-repeat;
  clear: both;
}

div#footer p {
  font-size: .9em;
  text-align: right;
  margin-top: .5em;
}

html {  
  height: 100%;
}

body {  
  margin: 0;
  height: 100%;
  font-size: 100.1%;
  color: #0A152A;
  height: 100%;
  background-color: #0A152A;  
}

p, div p {  
 font-size: .8em;
}

h1 {  
  font-family: inherit;
  font-size: 1em;
}

h2 {
  font-family: inherit;
  font-size: .9em;
}

h3 {  
  font-size: .8em;
  margin-left: 1.8em;
  margin-bottom: .5em;
}

form, form td {  
  color: black;
  font-weight: bold;
  font-size: .9em;
}

input {  
  color: black;
  border: 1px solid black;
}

a:link, a:visited, a {  
  color: #63729b;
  font-size: inherit;
  font-family: inherit;
}

a:hover { 
  color: navy;
}

blockquote, blockquote p {
  margin-left: 2em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9em;
}

li {
  font-size: .8em;
  color: #0A152A;
  margin-bottom: .2em;
}


/* Schedule calendar*/
table .scheduled, td .scheduled { 
  font-size: 1em;
  font-weight: bold;
  background-color: #8B99BD;
  color: black;
  cursor: pointer;
}

td .unavailable {  
  font-size: 1em;
  font-weight: bold;
  background-color: #BD8B98;
  color: black;	
}

td .available {  
  font-size: 1em;
  font-weight: bold;
  background-color: #94BD8B;
  color: black;
  cursor: pointer;
}

td .membership {  
  font-size: 1em;
  font-weight: bold;
  background-color: #A88BBD;
  color: black;
  cursor: pointer;
}

td, th {  
  font-family: inherit;
  font-size: 1em; 
  color: #4F5052;
}

th {  
  font-weight: bold;
}

.associate-with-next {  
  margin-bottom: .1em;
}

.associate-with-previous {  
  margin-top: -1em;
}

.associate-loosely {  
  margin-top: 0em;
  margin-bottom: 1em;
  font-size: inherit;
  margin-left: 1.6em;
}

.bold {  
  font-weight: bold;
}

.highlight {  
 color: #8F0100; 
}

.highlight2 {  
 color: #263151; 
}

.highlight3 {
  color: #63729b;
}

.bold {
  font-weight: bold;
}

.italic {
	font-style: italic;
}

.center {
	text-align: center;
}

.clear {  
  clear: both;
}

.float-left {  
  float: left;
}

.left-border {  
  border-left: 1px solid #0A152A;
  margin-left: 1em;
  padding-left: 2.25em;
  margin-top: 2em;
}

.right-border {  
  border-right: 1px solid #0A152A;
  margin-right: 1em;
  padding-right: 2.25em;
  margin-top: 2em;
}

.location { 
  margin-left: 2.8em;
  margin-bottom: 0;
  text-decoration: underline;
  font-weight: bold;
}

.location-mileage { 
  margin-left: 2.8em;
}

.name {  
  text-decoration: underline;
  font-weight: bold;
}

.location-place { 
  margin-top: -.1em;
  margin-left: 2.8em;
}

.snug { 
  margin-top: -1.3em;
}

.location-info { 
  margin-top: -1.3em;
  margin-left: 6.4em;
  margin-bottom: .5em;
  font-size: .7em;
}

.location-info-mileage { 
  margin-top: -.7em;
  margin-left: 6.4em;
  margin-bottom: .5em;
  font-size: .7em;
}

.snug-mileage { 
  margin-top: -1em;
}

.cruising-links a:link, .cruising-links a:visited, .cruising-links a {
  color: black;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 6.4em;  
}

.cruising a:link, .cruising a:visited, .cruising a {
  color: black;
  font-size: .7em;
  font-weight: bold;
  text-decoration: underline;
}

.all-access-email {
  position: relative; 
  top: 0px;
  left: 95px; 
  display: none; 
  border: solid black 1px; 
  padding: 10px; 
  background-color: #E9D618; 
  color: black; 
  font-size: .8em; 
  text-align: left;
  width: 275px; 
  z-index:1000; 
}

/*For the Cruising Areas drop down menu*/
a.pullmenu_menu_item {
   float: none;
   display: block;
   padding: 3px;
   text-decoration: none;
   white-space: nowrap;
   border-bottom: 1px solid white;
}

a.pullmenu_menu_item:link,
a.pullmenu_menu_item:active,
a.pullmenu_menu_item:visited {
  background-color: #211718;
  color: white;
}

a.pullmenu_menu_item:hover {  
  background-color: #223F6D;
  color: white;
  text-decoration: none;
}

a.pullmenu_item {
  color: white;
  font-family: Times, Times New Roman;
}

a.pullmenu_folder {
}

a.pullmenu_root_1 { 
  float: right; 
  cursor: default;
}

div.pullmenu_menu {
  position: absolute;
  text-align: left;
  padding: 2px;
  width: 113px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-left: 1px solid white;
  display: none;
  background-color: #211718;
  color: white;
  font-size: 11.5px;
  font-variant: small-caps;
}