/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background:url(images/pgbg.jpg) repeat-x #7fa54d;
	margin-top:0;
	text-align:justify;
	}
#top {
	width:850px;
	margin:0 auto;
	border-top:#ffffff 1px solid;
	background:url(images/footerbg.jpg) repeat-x;
	height:35px;
	min-height:35px;
	
	}
#container {
	width:850px;
	background-color:#FFFFFF;
	margin:0 auto;
	border:1px solid #7d5500;
	}
#header{
	background-color:#FFFFFF;
	width:100%;
	border-bottom:1px solid #ffffff;
	}
#rightside{
	float:right;
	width:auto;
	}
.img{
	padding:10px;
	float:right;
	}
#midbanner{
	float:left;
}
#logo{
	width:auto;
	}

#menu {
	float:left;
	width:100%;
	background:#fffff0;
	line-height:normal;
	background:url(images/mnbg.jpg) repeat-x;
	border-top: 1px solid #ffffff;
	font-size:100%;
	}
#menu ul {
	margin:0;
	padding:7px 7px 0 7px;
	list-style:none;
	}
#menu li {
	display:block;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	margin:0;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url(images/bullet.gif) top center no-repeat;
	padding:5px 8px;
	color:#23313A;
	border-right:1px groove #E9D096;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#660000;
				text-decoration:underline;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}
#menu a:active span {background-position:100% -42px;}


h1 {
  color: #7d5500;
  margin: 0;
  padding: 0 5px;
  font-size:200%;
  font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {
   color: #7d5500;
   font-size:130%;
}
h3{
	font-size:110%;
	font-weight:bold;}

/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/


.contactcontent { 
   background:url(images/contactsbg.jpg) no-repeat top center #e9eccd ;
  float:left;
  width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
	border-left:1px solid #ffffff;}
  
.bookingcontent { 
width: 75%;
  margin: 0;
  padding: 0 5px;
  background:url(images/bookingbg.jpg) no-repeat top center #e9eccd;
  float:right;}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background:url(images/abovefooterbg.jpg) repeat-x;  /* same bg color as h1 */
  color: #7d5500;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}
.underline{
 text-decoration:underline;}

.bigimg{
	padding:5px;
	margin-left:auto;
	margin-right:auto;}
a {
	text-decoration:underline;
	font-weight:bold;
	color:#8C4613;
	}
a:hover{
	text-decoration:none;
	}
.imgleft{
	float:left;
	padding:10px;}	
#zebrasbg{
	margin:auto;
	background:url(images/zebrasbg.jpg) no-repeat center;}

.topglossymenu{
 background:url(images/topmenu.jpg) top left;
 height:15px;}
.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
background:url(images/midmenu.jpg) left repeat-y ;
}
.belowglossymenu{
 background:url(images/bottommenu.jpg) bottom left;
 height:15px;}
.glossymenu li a{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:white;
}

.glossymenu li a:hover{
background:url(images/menuhover.jpg) no-repeat;
}

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}

.wrapper {
  margin: 1% 5%;
  padding: 0;
  border: thin solid #7d5500;
}
#main {
  clear: both;
  width: 850px;
   padding: 0;
   margin:0 auto;
  color: #000;
  background: #ffffff 25%;
  border:1px solid #ffffff;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}
.content {
  width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
	background:url(images/zebrasbg.jpg) no-repeat center #e9eccd;
	border-left:1px solid #ffffff;
}
.brown{
	background-color:#D2BA99;
	width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
		border-left:1px solid #ffffff;
	}
.blue {
background-color:#9BCEE1;
	width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
		border-left:1px solid #ffffff;}
.maroon{
	background-color:#E8A568;
	width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
		border-left:1px solid #ffffff;}
.purple{
	background-color:#E1CCF9;
	width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
		border-left:1px solid #ffffff;}

.greenish{
	background-color:#C5C69B;
	width: 75%;
  float: right;
  margin: 0;
  padding:10px;
	text-align:justify;
		border-left:1px solid #ffffff;}

.sidebar {
  margin-right: 73%;
  padding: 1%;
  font-size: 90%;
 
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
	background:#b5c9ea;  /* same bg color as h1 */
  color: #7d5500;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}

} /* end media rules */

#belowbanner{
	width:100%;
	min-width:100%;
	background:#0C4450;
	color:#fffff0;
	font-size:1.6em;
	height:35px;
	min-height:35px;
	font-family:"Times New Roman", Times, serif;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	}
#flash{
	width:850px;
	margin:0 auto;
	}