/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 90%; /* Set to gallery width, in px or percentage */
height: 150px; /* Set to gallery height */
margin : 10px 0 15px 40px;
color : #000;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
height: 150px;

}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */ 

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;
color: #000;
}
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

	
body{ margin:0 auto 0 auto; padding:0;  background:#fff; color:#000; font: 0.8em Verdana, arial, helvetica,sans-serif; }

a { color: #3c52be;	 background: inherit; text-decoration:none;}
a:hover { color: #883225;  background:inherit; text-decoration: none;	border-bottom: dashed 1px #883225;}

.bodyimg{ float:left; padding: 4px 5px 3px 10px;}
.hide{display:none;}

.orng{ background:inherit; color:#cc6600;}
.brown{ background:inherit; color:#643200;}

#wrapper { margin: 0 auto 0 auto;
  background-image: url(images/beach-sand.jpg);
  background-position: right top;
  background-repeat:no-repeat;width:100%;}

h1{
 background: inherit;
 color:#8f2936;
 margin:0;
 padding:40px  0 0 0;
 font:normal 290%  "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h2{
	margin:0 0 0 32px;
	padding:20px 0 0 0;

  color:#8f2936;
  font:normal 200% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h3{
	margin:36px 0 0 32px;
	padding:0;
  background:inherit;
  color:#4e6241;
  font:normal 130% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}
h4{
color:#000; line-height:1.5em; padding: 8px 20px 0 34px; margin:0;}
h5{
color:#000; padding:0 0 40px 34px; margin:0;  
  font:normal 110% Verdana, Arial, Helvetica, sans-serif;}


#banner{
 width:100%;
 height:200px;
 color:#000;
 background:  #000;
 text-align:center;
 padding:0 0 8px 0;
 margin:0; border-bottom:solid 1px #A6A6A6;
}

#bnrlft{
 width:416px;
 height:200px;
 float:left;
 background: transparent url(images/ohia_logo.png); background-repeat:no-repeat;
 padding:0;
 margin:0;
}

#bnrrit{
 width:302px;
 height:200px;
 float:right;
 background: transparent url(images/flower.png); background-repeat:no-repeat;
 padding:0;
 margin:0;
}

#main{
  width:100%;
  float:left;
  color:#454456;
  background-image: url(images/beach-sand.jpg);
  background-position: right top;
  background-repeat:repeat;
  padding:0;
  margin:0;
}

#content{
  width:76%;
  float:right;
  color:#fafee9;
  background-image: url(images/beach-sand.jpg); 
  background-position: right top;
  background-repeat:repeat;
  padding:0;
  margin:0;
}
#personal label {
position:absolute;
font-size:90%;
padding: .2em;
}
#personal input {
margin-left: 14em;
line-height:1.4em;
margin-bottom:.2em;
}

#left{
  width:24%;
  float:left;
  padding: 0;
  margin:0;
  background: #fafee9;
  color:#000;	
}

#left p{ line-height:1.5em;
padding: 2px 8px 0 14px; 
margin:0;
}

#left ul{
  margin: 12px 0 2px 0;
  padding:0;
  list-style:none;
}

#left li {
  margin:0 0 4px 18px;
  padding:0;
  list-style:none;
}

#left a { background:inherit; color:#3c52be; font-size:100%;}
#left a:hover { background:inherit; color:#AA1835;}

#left img{
width: 90%;
}

.titlebox{
  width:100%;
  background:#687d4a url(images/sideback.jpg); 
  color:#333000;
  margin: 24px 0 0 0;
  padding: 10px 0 10px 0;
  border-top:1px solid #3f3c1e;
  border-bottom:1px solid #3f3c1e;
}

.lefttitle{
  margin:0 0 0 9px;
  padding:0;
  font:bold 100% Verdana, Arial, Helvetica, sans-serif, color:#333000;
}

form { padding: 0;	margin: 0;}
.input {  border:1px solid #454545; background: #fafee9; padding: 2px;  color: #333; }
.submit {  border:1px solid #3f3c1e; background: #687d4a; padding: 1px; margin-right:8px;color: #edeeca; cursor:pointer ;}

#center{ width:75%;
  color:#fafee9; float:left;  padding:0 0 40px 0; margin:0;  
  font:normal 130% Verdana, Arial, Helvetica, sans-serif;}

#center p{ line-height:1.5em; padding: 8px 20px 0 34px; margin:0;}
 #map{
  width:70%;
  padding: 8px 20px 0 34px;
  margin:0;}
#right{
  width:2%;
  float:left;
  padding: 0 0 0px 0;
  margin:0;
  background: #fafafa;
  color:#000;	
}

#right p { line-height:1.5em; padding: 4px 8px 0 8px; margin:0;}

.righttitle{

  color:#8f2936;
  margin:0 0 0 8px;
	padding: 30px 0 0 0;
  font:normal 190% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}


#footer{
  margin:0;
  clear:both;
  width:100%;
  text-align:center;
  background: #486127;
  color:#e0eac8;
  padding: 8px 0 8px 0;
  border-top: 1px solid  #3f3c1e;
}

#footer p{
	margin: 0;
	padding:0;
  font:normal 100%  Verdana, Arial,Helvetica, serif;
}

#topmenu {
	background: url(images/navbck.png) repeat-x top #687d4a;
	 /*background: url(../images/bg_nav.jpg) repeat-x top #5E0000; */
	white-space:nowrap;
	height: 34px;
}
	#topmenu ul {
		margin: 0px;
		padding: 0;
		overflow:hidden;
		list-style: none;
		font:normal 100% verdana, "Century Gothic",  Arial, Helvetica, sans-serif;
		font-family: "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
	}
	#topmenu li {
		float: left;
		margin: 0;
		padding: 0;
	}
	#topmenu td {
		text-align: center;
	}
	#topmenu a {
		padding: 6px 13px 6px 12px;
		display: block;
		text-decoration: none;
		color: #F7F0E1;
		border-left: 1px solid #E0C68D;
	}
	
	#topmenu .first {margin: 0;}
	#topmenu .first a {border: none; padding: 6px 13px;}
	
		#topmenu a:hover {
			background: url(../images/bg_nav-hover.jpg) repeat-x top #9E0000;
			color: #FFFFFF;
		}
		#topmenu a.current {
			background-color: #000000;
		}
		
	/* SUCKERFISH DROPDOWNS */
		#topmenu ul li ul { /* second-level lists */
		position: absolute;
		border: 1px solid #CEB681;
		border-top: none;
		background: #660000;
		width: 8em;
		overflow: visible;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
			
		#topmenu ul li ul li {
		display: block;
		border-top: 1px solid #CEB681;
		width: 100%;
		height: 1%;}
		
		#topmenu ul li ul a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		border: none;
		padding: 4px 5px;
		height: 1%;
		}
		
		#topmenu ul li ul ul { /* third-and-above-level lists */
		margin: -23px 0 0 8em;
		}
		
		#topmenu ul li ul li ul { /* third-level lists */
		background: #CEB681;
		border: 1px solid #660000;
		border-top: none;
		}
		#topmenu ul li ul li ul li {
		border-top: 1px solid #660000;
		}
		
		#topmenu ul ul ul a {color: #660000}
		
		#topmenu ul li:hover ul ul, 
		#topmenu ul li:hover ul ul ul, 
		#topmenu ul li.sfhover ul ul, 
		#topmenu ul li.sfhover ul ul ul {
		left: -999em;
		}
		
		#topmenu ul li:hover ul, 
		#topmenu ul li li:hover ul, 
		#topmenu ul li li li:hover ul, 
		#topmenu ul li.sfhover ul, 
		#topmenu ul li li.sfhover ul, 
		#topmenu ul li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		}

	
	/* END SUCKERFISH */