body {
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 90%; 
	margin: 0; 
	padding: 0;
	background: #fff url(images/body_bg.gif) repeat-x top;
	color:#777;
}

a {color: #ff7f18; text-decoration: underline;}
a:hover {text-decoration: none;}
p {text-align: justify; margin: 0 0 1.2em 0; line-height: 160%;}


h1 { 
	font-family: arial, verdana;
	background: transparent url(images/h1_bg.gif) no-repeat bottom left;
	color: #ffb479;
	font-size: 280%;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 0 40px 0;
	margin: 0 0 0.2em 0;

}

h2 { 
	margin: 0px 10px 5px 0px;
	padding: 0; 
	color: #2db4fe;
	font-size: 160%;
	text-transform: none;
	font-weight: 300;
	text-align: left;
}

h3 { 
	margin: 0px 10px 5px 0px;
	padding: 0; 
	color: #2db4fe;
	font-size: 130%;
	text-transform: none;
	text-align: left;
	font-weight: 300;
	color: #999;
}

.imgleft, span.imgleft { display:inline; float:left; margin: 0.5em 1.4em 0.3em 0; }
.imgright, span.imgright  { display:inline; float:right; margin: 0.5em 0 0.3em 1.4em; }
span.imgleft { margin: 0em 1.4em 0em 0; color: #aaa}
span.imgright {margin: 0em 0 0em 1.4em;  color: #aaa}
.hideit {display:none}
.clearboth {clear:both; padding: 0; margin: 0; height: 0;}

/************** FORM STUFF */

label {margin-bottom: 0.3em; color: #8485B2;   height: 1.8em; clear: both; border-bottom: 3px solid #fff;  border-left: 4px solid #fff; padding: 0 0 0 0em; font-size: 90% }

.form p {line-height: 80%;margin: 0.9em 0 0.4em 0; color: #4f8ee1}
input {
	padding: 0.4em 0.2em 0  0.4em; 
	margin-bottom: 0.3em; 
	height: 1.6em;  
	background: #fff url(images/input_bg.gif) no-repeat; 
	font-size: 90%; 
	font-family:Courier New, Arial;  
	color:#888;
	border: 1px solid #ccc;

}

input.ffsubmit,  input.button {

float: left;
	color:#2db4fe;
	font-family: "Trebuchet MS", Arial, verdana, sans-serif;
	background:#fff ;
	font-weight: bold;
	text-transform:uppercase;
	border:none;	
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	font-size:110%;
	letter-spacing:1px;
	padding:5px 7px 5px 7px;
	height: 2em;  
	margin: 0 0 0 0; 
}




textarea {width: 340px; clear: both; background: #fff url(images/input_bg.gif) no-repeat top left;

font-family:Arial, Helvetica, sans-serif;  font-size: 90%;color:#888; padding: 0.4em 0.2em 0  0.4em; border: 1px solid #ddd; }

.address textarea {height: 90px;}

option, select {color:#888;}

/*****END FORMS**/

#header {	
	background: transparent url(images/header_bg.gif) no-repeat left top;
	text-align: left;
	height: 192px;
	
}
#header .logo {
	position: absolute;
	top: 15px;
	left: 48px;
	background: transparent;
	
	
}

#menu {
	background: transparent url(images/menu_bg.gif) no-repeat 29px 0px;
	position: absolute;
	left: 0px;
	width: 379px;
	z-index: 3;
	height: 400px;
	
}
#content {
	position: absolute;
	left: 383px;
	padding: 16px 35px 16px 0;
	z-index: 0;

}
#menu, #content {
	top: 195px;
}

#menu ul {
	margin: 116px 0 0 82px;
	padding: 0;
	list-style: none;
	width: 250px; /* Width of Menu Items */

	}

#menu ul li {
	position: relative;
	/*border: 1px solid red;*/
	}
	
#menu li ul {
	position: absolute;
	left: 250px; /* Set 1px less than menu width */
	width: 160px;
	border: 5px solid #fff;
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	top: 0;
	display: none;
	margin:0;
	padding: 18px 5px 5px 5px;
	background: #fff url(images/menu_2nd_lev_bg.gif) repeat-x;
	
}


#menu li ul li {

}

#menu ul li a {
	display: block;
	font-size: 120%;
	text-decoration: none;
	color: #777;
	text-align: left;
	/*background: #fff; /* IE6 Bug */
	padding: 5px 6px;
	 letter-spacing: 1px;

	}



/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu ul li.menuactive,#menu ul li a.menuactive, #menu li ul li.menuactive {  background:  transparent url("images/menu_hover.gif") repeat-y left; color: #ff7f18; }


#menu ul li a:hover { color: #D84323; background:  #f8f8f8; text-decoration: none} /* Hover Styles */
#menu ul li a.menuparent:hover { color: #D84323; background:  #f8f8f8 url("images/menu_parent_hover.gif") no-repeat top right; text-decoration: none; cursor: default} /* Hover Styles */
#menu li ul li a:hover { color: #D84323; background:  #f8f8f8 url("images/arrow_rt_sm.gif") no-repeat 110px; text-decoration: none} /* Hover Styles */
		
#menu ul li a.menuparent {
	background:  transparent url("images/menu_parent.gif") no-repeat top right;
	}

		
#menu li ul li a { /* Sub Menu Styles */
 	color: #999;
	padding: 4px 7px; 
	font-size: 95%;
	border: 0;
	text-align: left;
} 
		
#menu li:hover ul,  #menu li.menuparenth ul { display: block;} /* The magic */

#content img {border: 7px solid #abdffd}
#content ul { margin: 0.2em 0em 1.2em 1em; padding: 0 0 0 2em;  color: #666;}
#content li {padding: 0.1em 0 0.3em 0; list-style-image: url(images/li.gif); text-align: justify; line-height: 140%;}

#footer {clear: both; margin: 1em 0; background: #fff url(images/footer_bg.gif) repeat-x left top; height: 100px; padding: 0.5em 0.8em; color: #fff;  font-size: 90%;}
#footer .left {float: left;margin:0;padding:0}
#footer .right{float: right; margin:0;padding:0;text-align: right;}
#footer .peninsula{color: #888; margin-top: 1.3em;  font-size: 90%}
#footer .peninsula a{color: #aaa}
#footer a {color: #fff;}