*, h1, h2, h3, h4, h5, p, ul, li, img {
margin:0; 
padding:0; 
border:0; 
font: 100% Arial, Helvetica, sans-serif;
font-size: 14px;
color: #006600;

}

ul{ margin-left:20px;}
ol{ margin-left:35px;}

h1{ font-size:22px;}
h2{ font-size:20px; }
h3{ font-size:16px; font-weight:bold;}
h4{}

a {}
a:hover {}

.floatleft{ float:left;}
.floatright{ float:right;}
.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }



p { padding:10px; text-align:justify; line-spaciing:1.3em;}

body  {
	
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.container{
width:1000px;
	background-image: url(../assets/page_left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin:auto;
}
.innercontainer{
	background-image: url(../assets/page_right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.pagetop{
	height:360px;
	background-image: url(../assets/page_header.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	position:relative;
}

.logo{ position:absolute; left:650px; top:50px;}

.content{ text-align:left; padding-top:20px;}
.right-column{float:right; width:310px; padding-right:20px;}
.right-column li{ padding-left:10px; padding-bottom:6px; font-weight:bold; list-style:disc; list-style-position:inside;}
.right-column ul{ padding-top:10px; padding-bottom:20px;}
.main{
padding-right:20px;
padding-left:50px;
	margin-right:330px;
}

.right-column-admin{float:right; width:160px; padding-right:20px;}



.main-admin{

padding-right:20px;
padding-left:50px;
margin-right:170px;


}




.footer{
	height:95px;
	background-image: url(../assets/page_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.footer-content{ padding-top:55px; text-align:left; padding-left:30px; padding-right:30px;}

/* top menu*/

.navbar{  height:26px; position:absolute; left:10px; top:330px;
}
.navbar ul{list-style:none; padding-left: 5px;} 
.navbar li{
margin: 0px;
	float:left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 8px;

} 
.navbar li a{ 
font-size: 16px;
color: #5C743D;
text-decoration:none;
display: block;
}
.navbar li a:hover{ color: #FFFFFF;}
.strap{
text-align:right;
padding:5px;
margin:0px;}


/* side menu*/

.menbar{}
.menbar ul{list-style:none;} 
.menbar li{
margin: 0px;
	size:14px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 12px;
} 
.menbar li a{ 
color: #006600;
text-decoration:none;
font-weight:bold;
display: block;
}
.menbar li a:hover{ color: #CCCCCC;}

/* end of side menu*/






.rights_reserved{
	font-size: 10px;
	text-align: right;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* forms */



.formlabel {
	width:160px;
	float:left;
	clear: left;
	font-size: 14px;
	margin-left:10px;
	font-weight:bold;
	margin-bottom:5px;	
}

.forminput {
margin-bottom:5px;	
}

input, textarea, select {
border: 1px solid #006600;
font-size:14px;}
.formbutton input {margin-left:5px;}
#form div{ padding:7px;}
/* forms */

.slideshow{ padding-bottom:20px;}

.slideshow img{
	border: 1px solid #006600;
}



/* ADMIN STYLES  */


.main-table{ width:100%; border-collapse:collapse;}
.main-table th{ background-color:#CCCCCC; font-weight:bold; padding:4px;}
.main-table td{
	border: 1px solid #CCCCCC;
	padding:2px;
	font-size:12px;
	padding-top:4px; 
	padding-bottom:4px;
	
}
.main-table td a{

	font-size:12px;
	font-weight:bold;
}

.admin-menu{ margin-right:15px;}
.admin-menu ul{list-style:none;}
.admin-menu li{list-style:none;}

.admin-menu li a{
	color: #5C743D;
	text-decoration:none;
	display: block;
	border: 1px solid #006600;
	margin-top:2px;
	padding:2px;
	font-size:14px;
	width:100%;

}

.admin-menu li a:hover{
	background-color: #B9FFB9;
}


.gallery-images table{ width:500px; border: 1px solid #00CC66; }
.gallery-images td{padding:5px;
	border: 1px solid #00CC66;
}

/*   ADMIN STYLES END */


.month-table td{
	border: 1px solid #006600;
	text-align:center;

}


.month-table th{
	border: 1px solid #006600;
	text-align:center;
	background-color:#CCCCCC;

}

.month-table{border-collapse: collapse;}

.month-table div{}
.booked{ background-color:#86C62F;}
.square-booked{ float:left;
	background-color:#86C62F;
	width:20px;
	height:20px;
	border: 1px solid #006600;
}
.square-available{ border: 1px solid #006600;  width:20px;
	height:20px; float:left; }
.keylabel{float:left; padding-left:5px; padding-right:10px;}
.key{padding:5px;
}

#map{ border: 1px solid #006600; width:590px; height:400px; }


.price-table{ width:100%;}
.price-table th{ background-color:#CCCCCC; font-weight:bold;}
.price-table td{
	border: 1px solid #CCCCCC;
	padding:2px;
}

.thumnails{ float:right; padding-right:40px;}

.thumnails img{margin-left:10px; padding-bottom:10px; }

.gallery-thumnails{}

.gallery-thumnails img{margin-left:10px; padding-bottom:10px; }

.gallery-main{ float:left; text-align:center; padding-right:5px;}
.gallery-main h2{ font-size:16px;}
.gallery-viewer{ padding:10px;}


.addresses{ margin:10px;}
.location{ float:left; margin-right:20px;}
.testim p{ padding:20px; font-style:italic; font-size:14px; padding-bottom:5px; }
.testim h2{margin:0px; margin-left:20px; font-weight:bold; font-size:14px; }
.inpagelink a{ text-decoration:none; margin-left:10px; font-size:14px;}