/*-------Default------------*/
@import "../common.css";

body{
 	background:#BB855B url(img/sand_tex.jpg);
}

#base{
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: #FAF4EF;
  border:2px solid #392617;
}

#header {
  height:200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background: #FAF4EF url(img/beach_bg.gif) repeat-x;
}

#header_lft{ float:left;}

#header_rt{
 position: absolute;
 right:10px;
}

#wrapper{
  background: #FAF4EF  url(img/menubar.jpg) left repeat-y;
}

#content{
  padding: 10px;
  margin-left:165px;
}

#menu{
  float:left;
  width:155px;
}

#footer{
	text-align: center;
	color: black;
}

#contactinfo{
  float:left;
  margin-top:50px;
}

#contactform{
  position:relative;
  width: 400px;
  margin-left:auto;
  margin-right:auto;
  font-weight:bold;
}

#contactform p{
 padding-left:5px;
 font-weight:bold;
}

#contactform fieldset{
border:0;
}

#contactform label{
  font-size:.8em;
}

#contactform input{
  width:95%;
  margin: 0 auto 0 auto;
  background:#fffaf0;
}

#contactform textarea{
  width:95%;
  height: 200px;
  overflow:auto;
  background:#fffaf0;
}

#contactform .submit{
width: auto;
background: orange;
}

#wait{
  position:absolute;
  z-index:100;
  height:76%;
  width:101%;
  top:0;
  left:-3px;
  background:black;
  filter:alpha(opacity=50);
  opacity:0.70;
  text-align:center;
  padding-top:30%;
}

#validationmsg, #message{
  font-weight:bold;
  color:red;
}

/* ---------------MENU STYLES---------------- */
ul#menuv{
  margin:0;
  padding:0px;
  list-style:none;
}

ul#menuv li{
  position:relative;
  margin:0;
  list-style:none;
  border-top: 1px solid #FAF4EF;
	border-bottom: 1px solid gray;
}

ul#menuv a{
  display:block;
  width:100%;
  padding:2px;
  text-decoration:none;
  font-size:.8em;
  font-weight:bold;
  background: #FAF4EF  url(img/menubar.jpg) left repeat-y;
}

ul#menuv a:hover{
  background: #392617;
  color:#fffaf0;
}

ul#menuv ul{
  background: #FAF4EF  url(img/menubar.jpg) left repeat-y;
}

ul#menuv li ul{
  position:absolute;
  z-index:1;
  display:none;
  top:0;
  left:110px;
  width:100%;
  padding:0;
  padding-left:5px;
  border:1px solid black;
}

ul#menuv li:hover > ul {
	display: block;/* makes the child block visible*/
}
