body { 
	font:1.0em Tahoma, arial, sans-serif; 
	background:#FFF; 
	margin:0;
	padding:0;
	}


img {
	border-style: none;
    }




a.menu:link, a.menu:visited, a.menu:active {

	color:#fff;
	font:bold 1em Tahoma, arial, sans-serif;
	

			    }


a.menu:hover {

	color:#fff;
	font:bold 1em Tahoma, arial, sans-serif;
	
	}



a.vechile:link, a.vechile:visited, a.vechile:active {

	color:#666;
	font:bold 11px Tahoma, arial, sans-serif;
	margin-left: 10px; 

			    }


a.vechile:hover {

	color:#666;
	font:bold 11px Tahoma, arial, sans-serif;
	margin-left: 10px; 
	}






a:link, a:visited, a:active {

	color:#666;
	font:bold 8pt Tahoma, arial, sans-serif;
	margin: 0px; 
			    }


a:hover {

	color:#f57825;
	font:bold 8pt Tahoma, arial, sans-serif;
	margin: 0px; 
	}







p      { 
	font: 0.8em Tahoma, arial, sans-serif; 
	margin: 0px; 
	text-align: justify;
	}
	


h1 {

	font:20pt Tahoma, arial, sans-serif;
	color:#666;
	margin:0
	padding:23px;
  }



h2 {

	font:14pt Tahoma, arial, sans-serif;
	color:#666;
	padding:3px;
	margin-left:1px;

   }

.ets h2 {

	font:13.5pt Tahoma, arial, sans-serif;
	color:#666;
	padding:3px;
	margin-left:1px;

   }


h3 {

	font:11pt Tahoma, arial, sans-serif;
	color:#fff;
	padding-top:6px;
	padding-left:1px;
	margin:0;

   }



h4 {
	margin-top:5px;
	font:13pt Tahoma, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	padding-left:63px;	
	padding-top:3px;
	margin:0;

   }



h5 {
	font:11pt Tahoma, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	padding-top:6px;
	padding-left:1px;
	margin:0;

   }



h6 {

	font:13pt Tahoma, arial, sans-serif;
	color:#666;
	padding-top:6px;
	padding-left:1px;
	margin:0;

   }




#contain {
	width:950px;
	margin-top:10px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	margin-left:auto;
	margin-right:auto;
	

	 }
	






#header {

	width:950px;
	
	border-top:1px solid #fff;
	

}


#secondheader {
	
	width:950px;
	height:32px;
	
	
	background:#ffffff;
		

}



#thirdheader {
	
	width:950px;
	height:48px;
	
	
	background:#fff;
		

}





.leftcolTwo {

	width:180px;
	height:10px;
	float:left;
	padding:1px 0 2px 0;
	background:#fff;
}



#leftcol {

	width:180px;
	height:340px;
	float:left;
	padding:1px 0 2px 0;

}

#leftcol p {

	padding:3px 3px 3px 8px;
	margin:0;

}

#leftcol img {

	font: 7.5pt Tahoma; 
	text-align:center;	
	
	margin:0;

}

#content {
	margin-top:3px;
	width:510px;
	float:left;
	padding:3px 3px 3px 3px;
	background:#ffffff;
	
}

#content p {

	padding:3px 3px 3px 3px;
	margin:0;

}

#rightcol {
	
	width:246px;
	float:left;
	margin:43px 1px 1px 1px;
        padding:1px 0 1px 0;
	text-align:right;
	background:#ffffff;
}

#rightcol p {

	font: 7.5pt Tahoma; 
	text-align:left;	
	text-indent:18px;
	margin:0;

}

#rightcol img {

	font: 7.5pt Tahoma; 
	text-align:center;	
	
	margin:0;

}






#contentService {
	margin-top:3px;
	width:740px;
	float:left;
	padding:3px 3px 3px 3px;
	background:#ffffff;
	
}

#contentService p {

	padding:3px 3px 3px 3px;
	margin:0;

}



#contentService ul
{

 font-size:0.2em;
 color:#fff;
}


#secondcontent {
	margin-top:13px;
	width:950px;
	float:left;
	padding:3px 3px 3px 3px;
	background:#fff;
	

}

#secondcontent p {

	
	margin:0;

}

#secondcontent ul {

	
	margin:0;
	padding:0px;
}



#footer {
	margin-top:10px;
	height:55px;
	width:950px;
	clear:both;
	
	border-bottom:1px solid #fff;
	background: url(largeFooter2.gif) no-repeat;
	padding:4px 0 4px 0;

}

#footer p {
	margin-left:20px;
	text-align:center;
	padding-right:4px;
	font:10pt Tahoma, arial, sans-serif;
	font-weight:bold;
	color:#fff;

}





#sailingcontent {
	width:950px;
	float:left;
	margin-top:1px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	font:0.65em Tahoma, arial, sans-serif; 
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	

	 }



#forNewWindow {
	width:810px;
	margin-top:10px;
	border:1px solid #2175bc;
	margin-left:auto;
	margin-right:auto;
	

	 }
	
.vanLeftSide{
	margin:1px;
	width:199px;
	height:360px;
	float:left;
	background:#fff;
	
	}


.vanLeftSide p.bottom{
	margin:6px;
	
	
	}


.vanShaded{
	margin:1px;
	width:200px;
	height:40px;
	float:left;
	background:#2175bc;
	color:#fff;
	}



.helpLeftSide{
	margin:1px;
	width:599px;
	height:960px;
	float:left;
	background:#fff;
	
	}


.helpLeftSide p.bottom{
	margin:6px;
	
	
	}


.helpShaded{
	margin:1px;
	width:600px;
	height:40px;
	float:left;
	background:#2175bc;
	color:#fff;
	}




.splitterbox {
	margin-top:2px;
	width:550px;
	height:300px;
	float:left;
	border-bottom:1px solid #fff;
	padding:10px 20px 20px 20px;
	background-image:url(../images/card.gif); 
	background-repeat: no-repeat; 
 	  
}







.splitterbox p {

	padding:20px;
	margin:0;

}



.splitterboxFirstLeft {
	float:left;
	width:120px;
	height:170px;
	background:#2175bc;
	
	}



.splitterboxSecondLeft {
	float:left;
	margin-top:4px;	
	height:100px;
	width:290px;
	background:#2175bc;
	font:12pt Tahoma, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	border-top:2px solid #dee2ed;
	}


.splitterboxSecondLeft2 {

	float:left;
	width:290px;
	font:12pt Tahoma, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	background:#2175bc;
	border-bottom:0px solid #3c56ab;
	
	}



.splitterboxSecondLeft3 {

	float:left;
	padding-top:10px;
	width:290px;
	font:12pt Tahoma, arial, sans-serif;
	font-weight:bold;
	color:#fff;	
	background:#2175bc;
	border-top:2px solid #dee2ed;
	
	}






.splitterboxLine {

	width:298px;
	float:left;
	border-bottom:1px solid #CCC;
	padding:1px 1px 3px 1px;
}



.splitterboxLine p {

	
	margin:0;

}


.splitterbox2 {

	width:160px;
	float:left;
	
	padding:30px 3px 3px 3px;
}

.splitterbox2 p {

	padding:3px 3px 3px 3px;
	margin:0;

}



.roundcontHome {
	width: 600px;
	background-image:url(../boxs/box_home_mid.gif); background-repeat:repeat-Y;
       
}




.roundcont p {
	margin-left: 30px;
}

img.corner {
   
   border: none;
   display: block !important;
}




.helpportfolioText{ margin:1px; width:598px; border:1px solid #ccc; text-align:center;}


.vanportfolio{ margin:1px; border:1px solid #ccc; text-align:center;}

.vanportfolioText{ margin:1px; width:198px; height:120px; border:1px solid #ccc; text-align:center;}


.sailingportfolio{ border:1px solid #ccc;}



.sailingportfolioText{ 	font:9pt Tahoma, arial, sans-serif;
			color:#fff;	
			font-weight:bold;
			padding-top:6px;
			padding-left:1px;
			margin:0;border:1px solid #ccc;}



.sailingportfolioWhite{ border:1px solid #fff;}


.sailingportfolioOrange{ border:2px solid #f57825;}


.portfolio{ border:2px solid #ccc; text-align:center;}


.portfolioNoTop{ border-left:2px solid #ccc; border-right:2px solid #ccc; border-bottom:2px solid #ccc; text-align:center;}

.leftBackFirst{ width:160px;background-color: #dbcbef; border-bottom:1px solid #fff;}

.leftBack{  width:157px; background-color: #dbcbef;}

.rightBack{ background-color: #ffddcc;}





.solidblockmenu{
width:400px;
margin: 0px;
padding: 0;
float: left;
font: bold 13px Tahoma, arial, sans-serif;

border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.gif) center ;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}





/* BLUE BLOCK NAVIGATION */


#blueblock{
width: 160px;
border-right: 1px solid #f57825;
padding: 0 0 1em 0;

font-family: Tahoma, arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

* html #blueblock{ /*IE 6 only */
width: 139px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


/* THICK TAB STYLE */


#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma, arial, sans-serif;
}

#thicktabs li{
display: inline;


}

#thicktabs li a{
float: left;
width:132px;
color: #2175bc;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
text-align:center;
background: transparent url(buttonActive.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/

border-bottom: 3px solid #f57825; /*thick bottom border below tabs*/
}

#thicktabs li #leftmostitem{ /*Extra CSS for left most menu item*/
color: blue;
background-color: #2175bc;
background: transparent url(leftButtonActive2.gif) top right no-repeat;
width:139px;
text-align:left;
text-indent:3px;

border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
background: transparent url(leftButtonActive2.gif) top right no-repeat;
width:164px; padding: 0px; height:29px;
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}



#thicktabs li a:visited{
color: #2175bc;
}

#thicktabs li a:hover{
color: #2175bc;
background-image: url(buttonHover.gif); /*background image swap on hover*/
}



<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->






/* BOTTOM PICTURE NAVIGATION */

#tabsBottom{
margin-left:1px;
padding: 0;
float: left;
font:7pt Tahoma, arial, sans-serif;

text-align:left;

}

#tabsBottom ul{

margin:0px;
padding:0px;

}


#tabsBottom li{
display: inline;
margin:0px;
padding:0px;

}

#tabsBottom li a{
float: left;
width:40px;

padding: 1px 7px; /*padding of tabs*/
text-decoration: none;
text-align:center;



}



#tabsBottom img {
	border-style: none;
	text-align:left;
    }




/* FORM STYLE */


.tableBackground {
	font:0.8em Tahoma, arial, sans-serif; 
	border: 2px solid #f57825;
	background: #2175bc;
	color:#fff;
}



.tableheading {
	
	font-weight:bold;
	background: #f57825;
	
}


.tableBackgroundAddress {
	font:0.8em Tahoma, arial, sans-serif; 
	border: 2px solid #f57825;
	background: #2175bc;
	color:#fff;
	text-align:left;
}



<!--DROP SHADOW-->


<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 65px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 500px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: 3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}


<![endif]>







<!--DROP SHADOW-->


<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>



.shiftcontainerService{
position: relative;
left: 65px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainerService{
width: 720px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainerService .innerdivService{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: 3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}


<![endif]>





/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */