/*@CHARSET "ISO-8859-1";*/


BODY {
	background-color: #CBCFB3;
}
h1{
	font-family: 'Century Gothic', 'Trebuchet MS', sans-serif;
	font-size: 28px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #9B8F2E;
}
h2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px; /* 18 */
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #9B8F2E;
	display: inline;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #B4B4B4;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	color: #9B8F2E;
}

form{
	margin-top: 7px;
}


A {
	text-decoration: none;
	color: #CCCCCC;
}

A:hover{
	/* color: #746B22; */
	color: #FF6E00;
}

#headline, #headline H1{
	font-family: 'Century Gothic', 'Trebuchet MS', sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0px;
	color: #FFFFFF;
}

#content{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
}
	
.footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.footer A{
	text-decoration: none;
	color: #333333;
}
.footer A:hover {
	color: #746B22;
	font-weight: normal;
}





.mainnav {
	margin: 0px;
	padding: 0px;
	float: left;
}
.menutext, .menutext A, .menutextselected, .menutextselected A {
	margin: 0px;
	float: left;
	display: block;
  
	width: 72px;
	height: 39px;
	color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.menutext A:hover{
	color: #FFFFFF;
	background-image: url(../images/menu_bg_roll.gif);
	background-position: center center; 
}
.menutextselected, .menutextselected A{
	color: #FFFFFF;
	background-image: url(../images/menu_bg_roll.gif);
	background-position: center center; 
	}
	
	
.menutext .submenu A:hover{
	/* get rid of bg on submenu*/
	background: none;
	background-color: #8A1B11;
}




.submenu LI, .submenu A{
	/* reset here*/
	background: none;
	list-style-type: none;
	height: 21px;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF; 
	margin: 0px;
	padding: 0px;
}
.submenu A{
	position: relative;
	top: 4px;
	left: 14px;
	height: 17px;
	width: 115px;
	cursor: pointer;
	cursor: hand;	
}
.submenu{
	/* whole thing reverted to pre cvs version 1.07 immediately below 
	 * (menu position was shifted, since the menu wasn't complete and the js wasn't uploaded)
	 * Commented out section below that is the newest bleeding edge, awaiting completion of the multilayer menu
	 */
	
	position: absolute; 
	width: 120px; 
	height: 55px; 
	top: 39px; 
	left: 144px; /* 0px, then 216px (216-72 = 144px)*/
	margin: 0px;
	padding: 0px;
	/*background-color: #9B8F2E;*/
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	visibility: hidden; 
	z-index: 9000;
	
	/* top, left and height removed and set in /js/sse_menu.js 
	position: absolute; 
	width: 120px;  
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	visibility: hidden; 
	z-index: 9000;
	*/
}

.submenu LI:hover, .submenu A:hover{
	background-color: #8A1B11;
}




#topmatte{
	position: absolute;
	top: 72px;
	left: 0px;
	width: 1080px;
	height: 5px;
	font-size: 5px; /* required to let the matte be as little as 5px on IE6*/
	background-color: #000000;
	z-index: 8500;
	
	/* SIDJA Cross-Platform/Browser Opacity */
	opacity: 0.7;
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}

#bottommatte{
	position: absolute;
	top: 427px;
	left: 0px;
	width: 1080px;
	height: 5px;	
	font-size: 5px;	/* required to let the matte be as little as 5px on IE6*/
	background-color: #000000;
	z-index: 8500;
	
	/* SIDJA Cross-Platform/Browser Opacity */
	opacity: 0.7;
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
			
}


.side_nav {
	/**
	 * Position here is BUGGY and NOT cross-browser compatible
	 */
	position: relative;
	top: -12px;
	left: -40px;
}
	
.side_nav LI IMG{
/*
	position: relative;
	top: 28px;
	left: 3px;
*/
	position: absolute;
	top: 52px; /* +68 */
	left: 225px; /* 225px */
	
	margin: 0px;
	padding: 0px;
}

.list_item {		
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	color: #9B8F2E;
	list-style-type: none;
	/**
	 * From the CSS Directory
	 */
	background: url(../images/bios/thumbs/peter.jpg) center left no-repeat;
	/*list-style-image: url(images/bios/thumbs/peter.jpg) center left no-repeat;*/
	height: 69px;
	width: 195px;
	cursor: pointer;
	cursor: hand;
}
.list_item_selected {		
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	color: #9B8F2E;

	list-style-type: none;
	/**
	 * From the CSS Directory
	 */
	background: url(../images/bios/thumbs/peter.jpg) center left no-repeat;
	/*list-style-image: url(../images/bios/thumbs/peter.jpg) center left no-repeat;*/
	height: 69px;
	width: 195px;
	cursor: pointer;
	cursor: hand;
	
	background-color: #8A1B11;
}

.list_item_selected .side_nav_name{
	color: #CCCCCC;
}

.list_item_selected .side_nav_title{
	color: #000000;
}

.side_nav LI:hover, .list_item LI:hover{
	background-color: #9B8F2E; 
	color: #CCCCCC;
}

.side_nav LI:hover .side_nav_title{
	color: #000000;
}


.side_nav_name {
	position: relative;
	top: 18px;
	padding-left: 72px;
	font-size: 16px;
}

.side_nav_title {
	position: relative;
	top: 11px;	
	padding-left: 72px;
	color: #FFFFFF;
	font-size: 11px;
}

.selected_item {
	background-color: #8A1B11;
}




/* Left 50 & 55 Intro */
.left_intro {
	/**
	 * Position here is BUGGY and NOT cross-browser compatible
	 */
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	margin-left: 10px;
}






/* Second Left Drawer Template CSS (Yachts section, etc.)*/


.left_indented {
	/**
	 * Position here is BUGGY and NOT cross-browser compatible
	 */
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	
	position: absolute;
	top: 84px;
	width: 188px;
	margin-left: 11px;
}

.side_nav_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #9B8F2E;
	list-style-type: none;	
	
	border-top: 1px solid #9B8F2E;
	
	margin: 0px;
	padding: 0px;
	
	position: absolute;
	top: 211px;
	width: 195px;
}

.side_nav_small LI {
	padding-left: 12px;
	cursor: pointer;
	cursor: hand;
	padding-top: 2px;
	padding-bottom: 2px;
}

.side_nav_small LI:hover {
	background-color: #9B8F2E; 
	color: #CCCCCC;
}

/*this is only for the right hand selected arrow*/
.side_nav_small LI IMG{
	float: right;
	margin: 0px;
	margin-top: -13px;
	margin-right: 4px;
	padding-right: 0px;
	padding-top: 0px;
}

.list_nav_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #9B8F2E;
	list-style-type: none;	
	
	margin: 0px;
	padding: 0px;

	padding-left: 12px;
	cursor: pointer;
	cursor: hand;
	padding-top: 2px;
	padding-bottom: 2px;
}
.list_nav_small_selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	list-style-type: none;	
	
	margin: 0px;
	padding: 0px;

	padding-left: 12px;
	cursor: pointer;
	cursor: hand;
	padding-top: 2px;
	padding-bottom: 2px;
		
	background-color: #8A1B11;
}






#drawer_l_nav{	
	position: absolute; 
	left: 930px; 
	top: 32px; 
	z-index: 8000;	
	}


#drawer_r_nav_close{
	position: absolute; 
	/*
	 * left: 9px;
	 * top: 15px; then 2px
	 */ 
	left: 4px;
	top: 2px; 
	z-index: 8000;
	}
#drawer_r_nav_open{
	position: absolute; 
	left: 8px; 
	top: 2px; 
	z-index: 8000;	
	}
	
	
#midground{
	z-index: 4500;
}

.midgroundpic, .midgroundpic IMG{
	position: absolute;
	z-index: 4500;
	top: 0px;
}

#calloutlinks A IMG{
	border: 0px;
}


#midgroundoverlay{
	/* SIDJA Cross-Platform/Browser Opacity */
	opacity: 0.8;
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}


/* Contact Form SS Below */

input {
	background-color: #EAE9E4;
	border: 1px solid #96946B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	padding: 2px 0px 2px 4px;
	/*margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;*/
	margin-right: 0px;
	color: #96946B;
}
select {
	background-color: #EAE9E4;
	border: 1px solid #96946B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	padding: 0px 0px 0px 4px;
	/*margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;*/
	margin-right: 0px;
	color: #96946B;
}
/*
.inputfield{
	margin: 0px;
	width: 402px;
}
*/
.messageBox {
	background-color: #EAE9E4;
	border: 1px solid #96946B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	padding: 0px 0px 0px 4px;
	/*margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;*/
	margin-right: 0px;
	color: #96946B;
}


.formText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	padding: 0px 0px 0px 4px;
	color: #000000;
}
/* End Contact Form SS */