body{
    background-color:#8FACDD;
    
    padding:0;
    margin:0;
    color: #6D94AF;/*#000000;*/
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
}
/*GENERAL*/
form {
    margin: 0px;
    padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

/** TEXTS */

body, th, td {
    font-size: 12px;
    /*color: #9A9C9E;*/

    /*color: #4e4b4b;*/
    color: #00378F;/*#000000;*/
}
input, textarea, select {
    font-size: 11px;

    font-weight:bolder;
    color: #ff9900;
}
p, blockquote, ol, dl {
    margin-top: 0px;
    margin-bottom: 1em;
    text-align: justify;
}


ul {
    text-align:left;
    margin:0px 0px 0px 10px;
    padding-left: 10px;
    /*list-style: none;*/
    list-style-image: url(images/homepage16.gif);
    line-height:13px;


}
ul.forms{
	list-style: none;
	}
li{

    margin-top:8px;
    margin-bottom:8px;
}


/** LINKS */

a {
    color: #2b52eb;
    font-weight: bolder;
}

a:hover {
    text-decoration: none;
}

/** STYLES */


.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

img.left {
    float: left;
    margin: 3px 15px 0px 0px;
}

img.right {
    float: right;
    margin: 3px 0px 0px 15px;
}


/*END OF GENERAL*/
#body{
    margin: 0px auto;
    text-align:center;
    background-color:#ffffff;
    width: 964px;
    height:100%;
}

#header{
    width: 964px;
    height: 186px;
    padding: 0;
    margin: 0px auto;
    text-align: right;
    z-index:-1;
}

#mainMenu{
    width: 760px;
    height: 30px;
    padding: 10px 0px 10px 0px;
    margin: 0px auto;
    background-image: url("images/navbar1.gif") ;
    background-position: left top;
    background-repeat: repeat-x;
}
#mainMenu1 img{
    border:none;
    padding:0px 0px 0px 5px;
    float:left;
}
.mainMenu {
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    color:#FFFFFF;
    background-image: url("images/navbar1.gif");
        background-color: inherit;
}

a.mainMenu:link {
    padding:9px 30px 0px 10px;
    text-decoration: none;
}

a.mainMenu:visited {
    padding:9px 30px 0px 10px;
    text-decoration: none;
}

a.mainMenu:active {
    padding:9px 30px 0px 10px;
    text-decoration: none;
}

a.mainMenu:hover {
    padding:9px 30px 0px 10px;
    text-decoration: none;
    background-image: url("images/navbar.gif");
}
.selected{
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    background-color: inherit;
    color: #ff9900;
    text-decoration: none;
    background: #000000 url(images/headline.png) repeat-x;
}

.mainMenu li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    z-index: 10;
    position: relative;
}
/*
.mainMenu li li a, .mainMenu li li a:link, .mainMenu li li a:visited {
background: #0A0A0A;
width: 150px;
float: none;
text-transform: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #4B4B4B;
border-left: 1px solid #4B4B4B;
border-right: 1px solid #4B4B4B;
}

.mainMenu li li a:hover, .mainMenu li li a:active {
background: #393939;
padding: 7px 10px 7px 10px;
}
*/
/*___________________________________________________________LISTA________________________________________________________*/
.mainMenu li li a, .mainMenu li li a:link, .mainMenu li li a:visited {
    background: #ffffff;
	background-image:url(images/bgover.gif);
    width: 150px;
    float: none;
    text-transform: none;
    margin: 0px;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #6E94D2;
    border-left: 1px solid #6E94D2;
    border-right: 1px solid #6E94D2;
}

.mainMenu li li a:hover, .mainMenu li li a:active {
    background: #f7941d;
    padding: 7px 10px 7px 10px;
}
.mainMenu li ul {
    position: absolute;
    width: 10em;
    left: -999em;
}


#contentSection{
    width: 964px;
    background-color:#F5F5F5;
    text-align: left;
    padding:0;
    margin: 0px auto;
}

/* LEFT SIDE */

#leftSection{
    width:300px;
    float:left;
    padding: 0px 0px 0px 0px;
    display: inline;
    
    
}

/* RIGHT SIDE */
#rightSection{
    width: 650px;
    margin:0;
    padding:0;
    float:right;


}

/* THIS IS FOOTER */
#footerMenu{
    clear:both;
    width: 954px;
    height: 45px;
    padding: 0;
    margin: 0px auto;
    color:#FFFFFF;
    text-align:center;
    background-image: url("images/footerMenuImage.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color:#66A1D1;
}

.footerMenu {
    font-style: normal;
    font-weight: bold;
    line-height: 45px;

}

a.footerMenu:link {
    padding:5px 20px 5px 20px;
    color:#FFFFFF;
    text-decoration: none;
}

a.footerMenu:visited {
    padding:5px 20px 5px 20px;
    color:#FFFFFF;
    text-decoration: none;
}

a.footerMenu:active {
    padding:5px 20px 5px 20px;
    text-decoration: underline;
}

a.footerMenu:hover {
    padding:5px 20px 5px 20px;
    text-decoration: underline;
}


#footerSection{
    width: 774px;
    padding: 0;
    margin: 0;
}

.copyrightText{
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
/*BOXES*/
/** BOXED */
.boxed-title2 {
    background-image: url("images/headline.png");
    width:280px;
    height:30px;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #66a1d1;
}
.boxed-title2 h2 {
    padding: 9px 0px 0px 30px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.boxed-title {
    background: url("images/headline.png") repeat-x left top;
}

.boxed-title h3 {
    height: 31px;
    padding: 9px 0px 0px 50px;
    font-size: 12px;
    font-weight:bold;
    color: #ffffff;
}

.boxed-title h3 span{
    height: 31px;
    padding: 9px 0px 0px 40px;
    font-size: 12px;
    font-weight:bold;
    color: #ffffff;
}

.boxed-title h2 {
    height: 31px;
    padding: 9px 0px 0px 16px;
    font-size: 12px;
    font-weight:bold;
    color: #ffffff;
}



.boatList{
    width:590px;
    margin-left:10px;
}

.manList{
    width:520px;
    /*background-color: #EFEBE7;
    
    border: 1px solid;*/
    text-align:center;
}
.boatItem{
    width:180px;
    height:120px;
    float:left;
    font-size: 8pt;
    padding: 8px 6px 0px 5px;
    margin-left:3px;
    margin-bottom:3px;
    text-align:center;
    background-color: #EFFAFF;/*#EFEBE7;*/
    border: 1px solid  #DADADA;
}
.boatItem a{
    color: #ff6600;

}
.boatItem img{
    margin:0px auto;
   border: 2px solid  #8FACDD;
}

.man {
    border: 1px solid #DADADA;
    padding: 4px;
}

#navbar {
    background: #000000 url(images/navbar1.gif) repeat-x;
    width: 960px;
    height: 28px;
    font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #1A4182;
	border-bottom: 1px solid #1A4182;
}

#navbar a, #navbar a:visited {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px 3px;
}

#navbar a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    padding: 0px 0px 0px 3px;
}

#navbarleft {
    width: 100px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#navbarleft img{
    padding-top:5px;
}
#navbarright {
    width: 674px;
    font-size: 11px;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

#nav {
    
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#nav a, #nav a:visited {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 8px 10px 7px 10px;
}

#nav a:hover {
    background: #000000 url(images/headline.png) repeat-x;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 10px 7px 10px;
    text-decoration: none;
}

#nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    
    position: relative;
}
#nav ul li {
			float:left; 
			display:block; 
			width:150px; 
			background:#3569BC; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav ul li a {
			display:block; 
			padding: 8px 10px 7px 10px;
			font-weight:700;  
			 
			text-decoration:none; 
			color:white; 
			text-align:center; 
			
		}

		#nav ul li a:hover {
			
			background:none;
		}
	
		/* you can make a different style for default selected value */
		#nav ul li a.selected {
			
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			height:auto;
			
			float:left; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			
			padding: 8px 5px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

/*
#nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#nav a, #nav a:visited {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px 7px 15px;
}

#nav a:hover {
    background: #000000 url(images/headline.png) repeat-x;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 15px 7px 15px;
    text-decoration: none;
}

#nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    
    position: relative;
}

#nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    
    display:block;
    z-index: 10;
    position: relative;
}


#nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #799CD6;
	background-image:url(images/bgover.gif);
    width: 150px;
    float: none;
    text-transform: none;
    margin: 0px;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #6E94D2;
    border-left: 1px solid #6E94D2;
    border-right: 1px solid #6E94D2;
}

#nav li li a:hover, #nav li li a:active {
    background: #f7941d;
    padding: 7px 10px 7px 10px;
}
#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
}

#nav li:hover ul {
    left: auto;
    display: block;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
*/

#box5{
    background: #E8EDF1;
	/*float: left;
	width: 290px;*/
	margin: 5px 5px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #B1C3D4;
}

#toppanel{
    background: #E8EDF1;
	/*float: left;
	width: 290px;*/
	height:375px;
	width:930px;
	margin:0px auto;
	padding: 10px 10px 0px 10px;
	border: 1px solid #B1C3D4;
}

#box5l{
    background: #E8EDF1;
	/*float: left;*/
	width: 290px;
	margin: 5px 0px 15px 5px;
	padding: 10px 5px 5px 5px;
	border: 1px solid #B1C3D4;
}

.content{
    padding:10px;

}

