/* CSS Document */

/* Main*/
body
	{
		margin: 0;
		padding: 0;
		background: #F7F7F6 url(images/background3.gif) repeat-y 50% 0;
	  	font:small Verdana,Sans-serif;
		line-height:1.6em;
 		text-align:center;
	}
address {margin:0 0 .75em;font-style:normal; line-height:1.6em;}
address strong {font-weight:Bold;color:#222;}

/* Typography */
h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#000;font-family:Verdana,Arial,Geneva,sans-serif;}
h1{
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; 
	font-size: 1.2em;
    line-height: 1.5em;
	color: #575C3F;
	font-weight: bold;
	background-color: transparent;
	margin : 0px 0px 0px 0px;
    border-bottom: 1px solid rgb(213, 214, 218);
    padding-bottom: 2px;
    position: relative;   
}
h4{
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
    line-height: 1.3em;
	color: #7B9905;
	font-weight: bold;
	background-color: transparent;
	margin : 0px 0px 0px 0px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 2px;
	padding-bottom: 2px;
    position: relative;   
}	
h2{
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
    line-height: 1.3em;
	color: #7B9905;
	font-weight: bold;
	background-color: transparent;
	margin : 0px 0px 0px 0px;
    padding-bottom: 2px;
	padding-top: 2px;
    position: relative;   
}	
h5{
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
    line-height: 1.3em;
	color: #7B9905;
	font-weight: bold;
	background-color: transparent;
	margin : 0px 0px 0px 0px;
    padding-top: 5px;
	padding-bottom: 2px;
    position: relative;
	clear:both; 
	  
}	

/* Links */	
a:link,a:visited {color:#60761B;}
a:hover {color:#C84A26;background:#F0F3B1; overflow:hidden; }

/* Main Content */
#mainContent h3{
margin: -13px 250px 4px 0px;
margin-top:-13px  !important; margin-top: 0px}

#breadcrumb ul li    
{
   margin: 0px 0px 0px -5px;
   padding:0 0 0 0;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    display: inline;
    color: rgb(177, 183, 166);
}
#mainContent li
{
background-image: url(images/bullet3.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.1em;

}
#fac ul {
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;}
#fac li {
background-image: url(images/bullet3.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.1em;}
#mainContent  ul
{
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;
}
.imageleft {
	float: right;
	padding: 7px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
	clear:both;
}
div.float {
  float: left;
  padding: 7px;
  margin-left: 15px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
	
  }

.imagecentre {
	margin : 0px 30px 0px 0px;
	padding: 0 0 0 0;
	float:right;
	display: inline;


}
img {margin:0;border:none;padding:0;display:block;}

/* Right Content */
.sideColSectionHeading    
{
	margin : 0px 0px 0px 0px;
	padding: 26px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px;
	position:relative;
}
.sideColSectionHeading2    
{
	margin : 0px 0px 0px 25px;
	padding: 75px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px;
	position:relative;
}


.clear {
	clear: both;
}
/* Background Images for elements */
#contactDetails
{
    background-image: url(images/heading_contact.gif);
	text-indent: -9999px;
}
#rates
{
    background-image: url(images/heading_rates.gif);
	margin: 10px 0px 4px 0px;
	text-indent: -9999px;
}
#rooms
{
	background-image: url(images/heading_rooms.jpg);
	text-indent: -9999px;
	
}

/* CSS containers */
#container {
   margin: 0px auto;
   text-align: left;
   width: 692px;
}
#header {
	width: 692px;
	height: 115px;
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;

}
#nav{
	width: 692px;
	height: 28px;
	float: left;
	background-image: url(images/bg_nav.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
#imageBanner{
	width: 692px;
	float: left;
	height: 103px;
	background-image: url(images/banner_1.jpg);
	background-repeat: no-repeat;
}
#mainContent{
	width:440px;
	float:left;
	margin-right:10px;
	margin-top:5px;
		position:relative;
	
}	
#subContent{
	width:242px;
	float: right;
	font-size: 90%;
	line-height: 1.5em;
	text-align: left;
}	
#subContent p {
	margin: 4px 2px 4px 4px;
	padding: 0;
	list-style: none;
	position:relative;
	}

#footer {	
	margin: 0px auto;
	position: relative;
	background-color: #717F51;
	width: 692px;
	padding: 5px 0;
	clear: both;
}


/* Main Navigation Elements */
#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #D3D8C4;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #D3D8C4;
	text-decoration: none;
	border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
	color: #F7F7F6;
	text-decoration: none;
	border-bottom: none;
	background-color: #A5003B;
}



#navbar{margin: 0px 0px 0px -20px; padding: 0;
}
#navbar ul li
{
list-style-type: none;
padding: 0;
margin-top:-13px  !important; margin-top: 0px;/* -13px was the only way to move menu to the left?? need hack so ie works*/
display: block;
float: left;
background: url(images/bg_navbar.gif) repeat-x 20px;
font: 10px/26px  verdana, sans-serif;
font-weight: bold;
text-align: center;
}
#navbar a
{
color: #000;
text-decoration: none;
display: block;
width: 85px;
padding: 0;
margin: 0px 0px 0px 0px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-right: 1px solid #A8B090;
color: #575C3F;
}
#navbar li#active { background: url(images/bg_navbar_hover.gif) repeat-x 20px;}
#navbar a:hover { background: url(images/bg_navbar_hover.gif) repeat-x 20px; }
/* Main form Elements */
.form {
        background-color: #FAFAFA;
        border: solid 1px #C6C6C6;
        padding: 2px;
        }

.formtext {
        background-color: #FAFAFA;
        border: solid 1px #C6C6C6;
        padding: 2px;
        border-bottom: 1px dotted #ccc
        }

.form:hover, .formtext:hover {
        background: white;
        }
        
.form:focus, .formtext:focus {
        background: white;
        border: solid 1px #000000;
        }
.formrequired    
{
    color: red;
    text-align: left;
}        
div.row {
  clear: both;
  padding-top: 6px;
  }

fieldset {
margin: 0 0 2em 0;
padding: 1em .5em .5em .5em;
border: 1px dotted #bac1a3;
width:420px;
background-color: #F8F8EF;
	position:relative;
	display: inline;
}
div.row span.label {
  float: left;
  width: 175px;
  text-align: right;
  padding-right: 10px;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  
 } 
 div.spacer {
  clear: both;
  }