body { 
	background-color: #CEDBE8; 
	margin: 10px auto;
	padding: 0px;
        font-family: Arial,Helvetica,Verdana, sans-serif;
        color: #333333;
     }

body.popup { 
	background-color: #FFFFFF; 
	margin: 0px;
	padding: 0px;
        font-family: Arial,Helvetica,Verdana, sans-serif;
        color: #333333;
     }

/*
Center main frame
*/

#main_frame {
        width: 777px;
	background-color: #FFFFFF;
	padding: 0px;
        margin: auto;
        border: 1px solid #4171AF;
            }

/*
Header, Logo, top picture elements
*/
#header {
        color: #4171AF;
        height: 20px;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 0.8em;
        font-family: Arial,Helvetica,Verdana, sans-serif;
        }

#header a {
        color: #4171AF;
        text-decoration: none;
          }

#header a:hover {
        color: #CEDBE8;
        text-decoration: none;
          }

#header_left {
        padding-left: 5px;
        float: left;
        }

#header_right a {
        padding-right: 5px;
        float: right;
        }


#top_picture {
        width: 777px;
        height: 100px;
	margin: 0px;
	padding: 0px;
        overflow: hidden;
            }

/*
 Main navigation including Logo 
*/

#mainnavigation {
        height: 58px;
        width: 777px;
        height: auto;
        padding: 0px;
        margin: 0px;
        border-bottom: 4px solid #4171AF;
        overflow: hidden;
}

#logo {
        width: 157px;
        height: 58px;
	margin: 0px;
	padding: 0px;
        float: left;
            }

#topnav { 
        margin: 0;
        padding: 0;
        list-style: none inside;
        float: left;
        overflow: hidden;
        }

#topnav li {
	font-size: 0.9em;
        font-weight: normal;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	text-decoration: none;
        width: 151px;
        height: 50px;
        float: left;
        background-color: #4171AF; 
        border-top: 4px #FFFFFF solid;
        border-bottom: 4px #FFFFFF solid;
        border-right: 4px #FFFFFF solid;
        text-align: center;
        }

#topnav li a {
        color: #FFFFFF;
        display: block;
        width: 151px;
        height: 50px;
        padding: 0;
        text-decoration: none;
        }

#topnav li a:hover {
        background-color: #212B4F;
        color: #FFFFFF; 
        text-decoration: none;
        }

#topnav .active a {
        clear: both;
        display: block;
        background-color: #212B4F;
        z-index: 3;
        color: #FFFFFF;
        } 

/*
Content window
*/

#content_layer {
        background: url("images/yachtservice_.gif") no-repeat;
        background-repeat: no-repeat;
        background-color: #CEDBE8;
        height: auto;
	padding: 0px;
	margin: 0px;
        width: 777px;
           }

#content_subnav {
        float: left;
        position: absolute;
        top: 205px;
        height: auto;
	padding: 0px;
	margin: 0px;
        width: 154px;
        text-align: left;
           }

#content_text {
        position: static;
        height: auto;
        float: right;
        background-color: #FFFFFF;
	padding: 10px;
	margin: 0px;
        width: 603px;
      }


/*
General font & image defs
*/

div.image_row {
        text-align: center;
    }

._left {
        float: left;
        margin-right: 0.5em;
    }

._right {
        float: right;
        margin-left: 0.5em;
        z-index: 3;
    }

h1 {
	color:#4171AF;
	text-align: left;
	font-size: 0.9em;
        font-weight: bold;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	margin: 0px;
        padding: 0px;
	padding-top: 5px;
	padding-bottom: 15px;
     }

h2 {
	color:#4171AF;
	text-align: left;
	font-size: 0.9em;
        font-weight: normal;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
	white-space: normal;
     }
     
h1 a, h2 a {
     color: #4171AF;
     text-decoration: underline;
     }

h1 a:hover, h2 a:hover {
     color: #FF0000;
     text-decoration: none;
     }
     

p {
	color:#333333;
	text-align: justify;
	font-size: 0.8em;
        line-height: 1.3;
        font-weight: normal;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	margin: 0px;
	padding-bottom: 15px;
	padding-top: 5px;
	white-space: normal;
     }
     
p.firstletter:first-letter {
	color:#333333;
	font-size:large;
	font-family: Arial,Helvetica,Verdana, sans-serif;
       
}

sup {
	color:#4171AF;
	font-family: Arial,Helvetica,Verdana, sans-serif;
}

sub {
	color:#FF0000;
	font-family: Arial,Helvetica,Verdana, sans-serif;
}

p a {
	color:#4171AF;
	text-decoration:underline;
       }
       
p a:hover {
	color:#FF0000;
	text-decoration:none;
             }


span.navact {
	color:#FF0000;
	text-decoration:overline underline;
             }

.editmode {
	color:#FF0000;
	text-decoration: none;
        font-weight: bold;
	background-color: #CCCCCC;
        padding: 5px;
        margin-bottom: 5px;
          }
	  
.editmode a {
	color:#FF0000;
	text-decoration: none;
       }
       
.editmode a:hover {
	color:#FFFFFF;
	text-decoration: underline overline;
             }

.sqledit {
	color:#FF0000;
	text-decoration: none;
        margin-bottom: 5px;
          }
	  
.sqledit a {
	color:#FF0000;
	text-decoration: none;
       }
       
.sqledit a:hover {
	color:#FFFFFF;
	text-decoration: underline overline;
             }

strong {
	font-size: 0.9em;
        font-weight: bold;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	color: #4171AF;
       } 

ul.std {
        list-style-image: url("images/bullet.gif");
        background-color: #CEDBE8;
	color:#333333;
	text-align: justify;
	font-size: 0.8em;
        line-height: 1.8;
        font-weight: normal;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	margin: 2px;
	margin-left: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	white-space: normal;
     }
     
ul.pitter {
        list-style-image: url("images/pitter_icon.gif");
	color:#333333;
	text-align: justify;
	font-size: 0.8em;
        line-height: 1.4;
        font-weight: normal;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	margin: 0px;
	margin-left: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-top: 0px;
	white-space: normal;
     }

li.pitter { padding-bottom: 5px; }    

ul.std a {
	color:#4171AF;
	text-decoration:underline;
       }
       
ul.std a:hover {
	color:#FF0000;
	text-decoration:none;
             }

ul.pitter a {
	color:#4171AF;
        font-weight: bold;
	text-decoration:underline;
       }
       
ul.pitter a:hover {
	color:#FF0000;
	text-decoration:none;
             }
hr {
        color:#4171AF;
        height:2px;
 }

table {
        border: none;
        margin: 0px;
        padding: 0px;
             }

table.popup {
        border: none;
        margin: 0px;
        padding: 0px;
	font-size: 0.8em;
        font-weight: normal;
        color: #333333;
	font-family: Arial,Helvetica,Verdana, sans-serif;
             }

table.popup a {
        color: #4171AF;
        text-decoration: underline;
            }
	    
table.popup a:hover {
        color: #FF0000;
        text-decoration: none;
            }
	    
td.header {
	font-size: 0.8em;
        font-weight: bold;
        color: #FFFFFF;
	font-family: Arial,Helvetica,Verdana, sans-serif;
        background-color: #4171AF;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
             }

td.popup {
	font-size: 1.0em;
        font-weight: bold;
        color: #FFFFFF;
	font-family: Arial,Helvetica,Verdana, sans-serif;
        background-color: #4171AF;
	text-indent: 5px;
             }

tr.odd {
        margin: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #CEDBE8;
             }

tr.even {
        margin: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #FFFCCC;
             }

tr.odd, tr.even {
	font-size: 0.9em;
        color: #214B4F;
	font-family: Arial,Helvetica,Verdana, sans-serif;
   }

tr.odd a, tr.even a {
        color: #214B4F;
        text-decoration: underline; 
     }

tr.odd a:hover, tr.even a:hover {
        color: #FF0000;
        text-decoration: none; 
     }
td {
        margin: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-left: 3px;
        padding-right: 3px;
	font-family: Arial,Helvetica,Verdana, sans-serif;
        font-weight: normal;
        color: #212B4F;
   }
/*
Form elements
*/
form   {
        display: inline;
       }


input, textarea, select {
	border: 1px solid;
	border-left-color: #CEDBE8;
	border-top-color: #CEDBE8;
	border-right-color: #4171AF;
	border-bottom-color: #4171AF;
        background-color: #FFFFFF;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	font-size: 1.0em;
	background-color:#FFFCCC;
        color: #333333;
           }	   

.btn a {
	border: 2px solid #FFFFFF;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	font-size: 0.9em;
	background-color:#4171AF;
        color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
        }

.btn a:hover {
        background-color: #FFFFFF;
	border: 2px solid #4171AF;
	color: #FF0000;
        }	

table.edit {
        padding: 10px;
        background-color: #CCCCCC;
           }

p.forminput {
        color: #333333;
	font-family: Arial,Helvetica,Verdana, sans-serif;
	font-size: 0.7em;
        font-weight: bold;
        
        }

/*
Footer
*/

#footer {
        clear: both;
        color: #CEDBE8;
        background-color: #4171AF; 
        font-weight: normal;
        font-size: 0.7em;
	font-family: Arial,Helvetica,Verdana, sans-serif;
        text-align: center;
        border-top: 2px solid #FFFFFF;
        }

#footer a {
        color: #FFFFFF;
        text-decoration: none; 
          }

#footer a:hover {
        text-decoration: underline;
          }