@charset "UTF-8";
body {
	background-image:url(images/mainbodyBG.jpg);
	margin-top:0px;	
}

#outerwrapper {	
	width:800px;
	margin:auto;
	z-index:4;
}

#outerwrapper #tree {
	position: relative;
	left: 0px;
	top: 0px;
	z-index:5;
}
#wrapper {	
	width: 800px;
	background-image: url(images/wrapperbg.jpg);
	position:absolute;
	z-index:3;
	
}
#header {
	/*background-image: url(images/header.jpg);*/
	width: 800px;
	height: 150px;
	position:relative;
	z-index:3;
}
#footer {
	background-image: url(images/footer.jpg);	
	font-size:10px;
	height: 26px;
	width: 800px;
	clear: both;
}
#navbar {
	width: 163px;
	float: left;
	padding-bottom: 10px;
	padding-top: 139px;
	position:relative;
	z-index:3;
}
#navbar ul {
	margin:0;
	padding: 0;
	/*padding-right: 0;
	padding-bottom: 16;
	padding-left: 0;*/
}
#navbar ul li {
	list-style-type: none;
	height: 39px;
	width: 163px;
	margin-top:6px;
	padding-top:4px;
	text-align: center;
	vertical-align: 10%;	
}
#navbar ul li a {
	text-decoration: none;
	background-image: url(images/upbutton.jpg);
	height: 39px;
	width: 163px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top:10px;
	background-repeat: no-repeat;	/*background-position: left top;*/
	padding-right: 1px;
	padding-bottom: 0px;
	padding-top: 11px;
}
#navbar ul li a:hover {
	text-decoration: none;
	background-image: url(images/overbutton.jpg);
	height: 39px;
	width: 163px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	padding-top:10px;
	background-repeat: no-repeat;	/*background-position: left top;*/
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}

#content {font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:1.25;
	margin-top:5px;
	margin-bottom:5px;
}
	
#content #contenthead {
	background-image: url(images/contenttop.jpg);
	height: 23px;
	width: 630px;
}
#content #contentfooter {
	background-image: url(images/contentbottom.jpg);
	height: 22px;
	width: 630px;
}
#content #contentbody {
	width:600px;
	background-image: url(images/contentbg.jpg);
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	
}


#content {
	float: right;
	width: 635px;
}
#navbar ul li a img {
	text-decoration: none;
}
#content #contentbody {
	
}
#contentbody p {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 3px;
}


.gallery { /*header of expanding slides on amenities page*/
cursor: hand;
cursor: pointer;
font: Verdana;
margin: 10px 0;
}

.gallery p {
	padding-left:20px;
	
}

.galleryrow { /*thumbnail row of photogallery*/
	width:530px;
	padding-left:40px;
}

.headergraphic{
	padding-top:0px;	
	
}
.video{
	padding-left:95px;
}

/*.galleryview{
	padding-left: 15px;
	
}*/
#contentbody h3 {
	background-image: url(images/tinycasadenawebtree.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#amenities li {
	list-style-image: url(images/listtree.png);
}

#contentbody #form1 {
	text-align: right;
}


#rateTable {
	border: 2px inset #000;
}
.amenitiesR {
	float: right;
	padding-left:5px;
}
.amenitiesL {
	float: left;
	padding-right:23px;
	padding-top:5px;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: blue;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: black;
}


#galleryHeader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.divider {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footerlinks {
	list-style-type: none;
	text-align:center;
	margin-top: 3px;
	margin-bottom:0px;
	text-decoration: none;	
}

#footerlinks li{
	display:inline;
	margin-right: 7px;
	margin-left: 7px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#footerlinks li a{
	text-decoration:none;
	color: #000;	
}

#footerlinks li a:hover{
	text-decoration:none;
	color: #00F;
	background-color: #FFF;
}
/*style for links at top of informatin page*/
#toplinksL {
  float: left;  
  margin: 0;
  padding-left:20px;  
  /*list-style: none;*/
}

#toplinksR {
  float: right;  
  margin: 0;
  padding: 0;
  /*list-style: none;*/
}

#toplinksL li {
  font-weight:bold;	
  list-style-image: url(images/arrow.gif);
  padding-left:0px;
  padding-bottom:4px;
} 
#toplinksR li {
  font-weight:bold;	
  list-style-image: url(images/arrow.gif);
  padding-right:20px;
  padding-bottom:4px;
}

#toplinksL li a{
	text-decoration:none;
	color: #000;	
}
#toplinksR li a{
	text-decoration:none;
	color: #000;	
}
#toplinksL li a:hover{
	text-decoration:none;
	color:
	#00F
}
#toplinksR li a:hover{
	text-decoration:none;
	color:
	#00F
}