/* Coconut Graphics - CSS Style Sheet */

* { margin-top: 0 !important; margin-bottom: 0 !important; }

/* --------------------------- Font Styles */

body { 
	font-size: 11px;
	font-family: verdana;
	color: #e0e0e0;
	background: #333333 url(body.gif);
	margin: 0px; 
	padding: 0px;
	border: none;
	text-align:left;
	vertical-align:middle;
	}

p { 
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px; 
	}
	
table { width: 100%; }

tr {  }

table td.menu-item { font-weight: bold; padding: 9px 5px 3px 5px; border-bottom: 1px solid #CAC1B7;}

table td.menu-item span { font-weight: normal; font-size: 9px; }

table td.menu-price { width: 70px; text-align: right; padding: 9px 5px 3px 5px; border-bottom: 1px solid #877C63; }

table td.menu-photo { width: 200px; text-align: right; padding: 9px 5px 3px 5px; vertical-align: top}
table td.menu-list {padding: 9px 5px 3px 5px; vertical-align: top}

	
#header_text h1 { 
	font-size: 20px;
	color: #E9E6DC;
	font-style:normal;
	font-weight:normal;
	}

#content h1 { 
	font-size: 18px;
	padding: 5px 0px 5px 0px;
	background: url(h1.html) no-repeat left bottom;
	color: #DFDFCE;
	font-style:normal;
	font-weight:normal;
	}
	
#content h2 { 
	font-size: 14px;
	font-weight:normal;
	font-style: normal;
	padding: 15px 0 10px 0;
	background: url(h2.html) no-repeat left bottom;
	color:#dddddd;
	}
	
	
h3 { 
	padding: 5px 0px 10px 0px;
	font-size: 13px;
	font-weight:bold;
	color:#cccccc;
	}

h4 { 
	font-size: 16px;
	color:#cccccc;
	font-weight:normal;
	}
	
button {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #b0750d;
	background: url(button.html) no-repeat;
	width: 80px;
	height: 30px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	}

a, 
a:visited { 
	color:#e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
	text-decoration: none; 
	}

a:hover, 
a:active { 
	color: #990000;
	border-bottom: 1px dotted #990000; 
	text-decoration: none; 
	}

img {
	border:none;
	}
	
#content a, 
#content a:visited {
	color:#e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
	text-decoration: none; 
}

#content a:hover, 
#content a:active {
	color: #990000;
	border-bottom: 1px dotted #990000; 
	text-decoration: none;
}

#leftNav_links ul li a, #menu ul li a:visited {
border:medium none;
color:#7b7b7b;
display:block;
margin:0px 0px 0px 0px;
padding:10px 5px 10px 10px;
text-decoration:none;
}

#leftNav_links ul li a:hover  {
background:transparent url(bullet.html) right no-repeat;
}

#leftNav_links ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
}

#leftNav_links ul li{
border-bottom: 1px solid #777777;
}
#leftNav_links ul li.first{
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
}

	
/* --------------------------- Page Layout and Design */

#container {
	width: 870px; 
	margin-left: auto;
	margin-right:auto;
	clear: both; 
	position: relative;
	}
	
#header {
	height: 145px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(header.gif);
	background-repeat: no-repeat;
	}
	
#header_text{
	padding: 55px 0px 0px 200px;
	}

#content_container {
	width: 870px;
	background: url(content.gif) repeat-y ;
	float:left;
	}

#content {
	width:600px;
	margin-right: 20px;
	float:right;
	left:0px;
	}	
	
#leftNav {
	width:180px;
	margin-left: 20px;
	float:left:;
	}

#footer {
	clear:both;
	height: 170px;
	background: url(footer.gif) no-repeat;
	}
	
#footer_links a,
#footer_links a:visited { 
	text-decoration: none; 
	border-bottom:none;
	color: #e0e0e0;
	font-size: 10px;
	}
	
#footer_links a:hover, 
#footer_links a:active { 
	color:#990000;
	border-bottom: none;
	font-size: 10px;
	text-decoration: none; 
	font-weight: normal;
	}
	
	
#footer_links {
	text-align: left;
	font-size: 10px;
	padding-top: 140px;
	margin-left: 20px;
	width: 140px;
	}

#footer_links ul {
	padding: 0;
	list-style: none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

#footer_links li{
	display:inline;
	}

/* FORMS ---------------------------------- */

fieldset{
border: 1px solid #efefef;
background: none;
padding-left: 10px;
}

fieldset p{
font-size: 9px;
}

legend{
color: #aaaaaa;
font-size: 11px;
font-weight:bold;
}

input.text, textarea {
	border-bottom: 1px solid #7f9db9;
	border-left: 1px solid #7f9db9;
	border-right: 1px solid #7f9db9;
	border-top: 1px solid #7f9db9;
	font-family: Tahoma;
	padding: 3px 3px 4px 4px;
}

input.passenger{
	background: #efefef url(form_bg.html) no-repeat 0 0;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #efefef;
	border-top: 1px solid #ffffff;
	color: #777777;
	font-family: Tahoma;
	padding: 5px 5px 6px 6px;
	width: 80px; 
}

select {
	background: #ffffff url(form_bg.html) no-repeat 0 0;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #ededed;
	border-right: 1px solid #efefef;
	border-top: 1px solid #ededed;
	color: #777777;
	font-family: Tahoma;
}

label {
	padding-top: 8px;
	padding-bottom: 10px;
	text-align:right;
	width: 160px;
	padding-right: 20px;
}

label, input, select, textarea { 
display:block;
float: left;
margin-bottom: 15px;
}

br.clearleft { clear:left; }

textarea {
	margin-bottom: 1.5em;
	font-size: 11px;
}

button {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #888888;
	background: url(design_button.html) no-repeat;
	width: 90px;
	height: 21px;
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	}

button:hover {
	color: #ff6600;
	}
	
	
.form_error {
	background: #EEC7BF;
	border-bottom: 1px solid #ec1000;
	border-left: 1px solid #ec1000;
	border-right: 1px solid #ec1000;
	border-top: 1px solid #ec1000;
	color: #777777;
	font-family: Tahoma;
	padding: 3px 3px 4px 4px;
	width: 160px;
}
