body{
background-image:url(images/mainbg2.gif);
}

#page-wrapper{
width:729px;
margin:20px;
background-image:url(images/logobg.gif);
}

#header{
height:77px;
width:729px;
font-size:.75em;
}

#footer{
width:729px;
height:40px;
color:#FFFFFF;
margin-top:8px; 
padding-top:8px;
text-align:center;
clear:both;
border-top:1px solid #327331;
}

#spacer2{
height:8px;
clear:both
}

#headerlogo{
background-image:url(images/logobg.gif);
height:77px;
float:left;
}

#leftbarwrapper{
width:220px;
float:left;
}

#nav-wrapper{
width:180px;
height:215px;
float:left;
background-image:url(images/navbackg.gif);
background-repeat:no-repeat;
padding:23px 20px 20px 20px;
}

#mainnav-wrapper{
width:509px;
height:30px;
float:right;
margin-top:10px;
}

#breadcrumb{
width:729px;
height:10px;
background-color:#ffffff;
}

* html #body-wrapper{
width:729px;
w\idth:900px;
min-height:429px;
background-image: url(images/bodywrapper_bg.gif);
}



#content-wrapper{
width:509px;
float:right;
}

.title{
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color:#337130;
font-weight:bold;
background-color: #F6F1B0;
}

.title2{
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color:#357833;
font-weight:bold;
background-color: #ffffff;
}

#content{
width:509px;
float:left;

}

.content-image{
width:387px;
height:290px;
float:left;
margin:10px 61px 10px 61px;
}

#TARIFFbox{
width:387px;
float:left;
margin:10px 61px 10px 61px;
background-color: #FFFFFF;
border:1px solid #337432;
}

#roomthumbs{
width:387px;
float:left;
margin:10px 67px 10px 55px;
}

#location_map{
padding:10px;
}

#contactform{
padding:10px 10px 50px 10px;
clear:both;
}

.form{
background-color:#ffffff;
border:0;
border:1px solid #337432;
}


#content-text{
width:387px;
height:171px;
background-image:url(images/textbox.jpg);
float:left;
}

.content-texth2{
width:377px;
padding:7px 0px 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#ffffff;
font-weight:bold;
}


#ad-wrapper{
width:122px;
float:right;
}

#attractionswrapper{
height:240px;
width:104px;
background-image:url(images/attractionsbg.jpg);
padding:9px;
text-align:center;
}

#attractionsimage, #attractionsimage2{
height:79px;
width:104px;
font-size:.75em;

}

#rightbarlower{
padding-top:10px;
height:161px;
width:122px;
background-image:url(images/accredition.gif);
text-align:center;
}

.reservationwrapper{
width:220px;
float:left;
background-image:url(images/reservationwrapperbg.gif);
background-position:bottom;

}

#roomcount{
width:220px;
float:left;
background-image: url(images/reservationwrapperbg.gif); 
padding:0 0 10px 0;

}

#contactbarwrapper{
border-top:1px solid #fff;
width:220px;
float:left;
background-image:url(images/navbackg.gif);
background-position:bottom;
padding-bottom:10px;
}

.roomcounth2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color:#357833;
padding:0;
padding:10px 0 0 22px;
font-weight:bold;
margin:0;
}



.menu {
font-family: arial, sans-serif; 
font-weight:bold; 
position:relative; 
z-index:5;
float:right;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:83px; 
height:30px; 
text-align:center; 
color:#fff; 
background-image:url(images/navbutton.gif); 
line-height:30px; 
overflow:hidden;
}/*inactive background color*/

.menu ul {padding:0; margin:0;list-style-type: none; }

.menu ul li {float:left; margin-right:1px; position:relative;}

.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#FF7437; }/*main topbar items*/
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:108px;}/*TOP determins the height of the active area*/
.menu ul li:hover ul li a.hide {background:#000000; color:#fff;}/*flyout*/
.menu ul li:hover ul li:hover a.hide {background:#fff; color:#000;}/*flyout hover*/
.menu ul li:hover ul li ul {display: none; }
.menu ul li:hover ul li a {display:block; background:#000000; color:#fff;}/*individual list items*/
.menu ul li:hover ul li a:hover {background:#fff; color:#000;} /*standard hover bg & txt colour*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:108px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-108px;}


.sidemenu {
font-family: arial, sans-serif; 
font-weight:bold;
font-size:.9em;
float:left;
}

.sidemenu ul li a, .sidemenu ul li a:visited {
display:block; 
text-decoration:none; 
width:220px;
/*height:30px;*/ 
text-align:left; 
color:#337331; 
line-height:30px; 
overflow:hidden; 
}/*inactive background color*/

.sidemenu ul {padding:0; margin:0;list-style-type: none; }

.sidemenu ul li {float:left; margin-right:1px; position:relative;}

.sidemenu ul li ul {display: none;}


/* specific to non IE browsers */
.sidemenu ul li:hover a {color:#4AA546;}/*main topbar items*/
.sidemenu ul li:hover ul {display:block; position:absolute; top:10px; left:0; /*width:108px;*/}/*TOP determins the height of the active area*/
.sidemenu ul li:hover ul li a.hide {color:#fff;}/*flyout*/
.sidemenu ul li:hover ul li:hover a.hide {color:#000;}/*flyout hover*/
.sidemenu ul li:hover ul li ul {display: none; }
.sidemenu ul li:hover ul li a {display:block; color:#fff;}/*individual list items*/
.sidemenu ul li:hover ul li a:hover {color:#000;} /*standard hover bg & txt colour*/
.sidemenu ul li:hover ul li:hover ul {display:block; position:absolute; left:108px; top:0;}
.sidemenu ul li:hover ul li:hover ul.left {left:-108px;}






h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#337130;
padding:0;
margin:0;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#ffffff;
margin:0;
background-color:#357833;
padding:7px 0px 7px 22px;
}

.formtext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
color:#337130;
padding:0;
margin:0;
font-weight:bold;
}

.formtext2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
color:#003399;
padding:0;
margin:0;
font-weight:bold;
padding:10px 0 10px 20px;
margin-bottom:10px;
}


#rooms2 {
    color: #003399;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	background-image:url(images/formsbg.gif);
	padding:10px;
	margin:10px;
	border:1px solid #357833 ;
}


/*
.bodytext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
color:#337130;
padding:0;
margin:0;
font-weight:bold;
padding:10px;
}
*/
.bodytext{
font: 0.9em Arial,Verdana, Arial, sans-serif;
color:#000000;
line-height:1.5em;
font-weight:100;
padding:10px;
margin:0;
}
#bookingInfo{
color:#003399;
}

.required{
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;

}



.bookingRequirements{
font-weight:normal;
color:#003399;
}

.required table{
width:100%;
font-weight:bold;

}


.required p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 170px; /*width of left column containing the label elements*/
height: 1%;
}

.required label{
font-weight: bold;
float: left;
margin-left: -180px; /*width of left column*/
/*width of s. Should be smaller than left column (155px) to create some right margin*/
}*/

.required input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

}
input.radioCheck{
width:33px;
margin:0;
paddding:0;
}

.required textarea{
width:200px;
}

.clear{
clear:both;
}









/** {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  /*width: 400px;
}*/

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 0 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
  padding-top:0px;
    color:#357833;
}
/*
label u {
  font-style: normal;
  text-decoration: underline;
}
*/
/*input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
}*/

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  
  height: expression('1%');
  margin: 0;
  padding-top: 5px;
}

form fieldset div.notes {
  float: right;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #003399;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #347533;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #003399;
  margin: 0 0 0 0px;
  padding: 0 5px 5px 5px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

/*form div label {
  display: block;
  float: left;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}*/

/*form div.optional label, label.optional {
  font-weight: normal;
}

/*form div.required label, label.required {
  font-weight: bold;
}

/*form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}*/

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
}

/*form div img {
  border: 1px solid #003399;
}*/

.contacterror{
background-image:url(images/errorbackg.gif);
color:#FFFFFF;
margin:10px;
padding:10px;
border:1px solid #FF0000;
}

.contacterror li{
list-style-type:none;
font-weight:bold;

}

input.error{
  background-image:url(images/errorbackg.gif);
  }


p.error {
  color: #ffffff;
  background-color:#FF0000;
  padding: 3px 3px 5px 0px;
  border:1px solid #FF0000;
  margin: auto 100px;
}

form div.error {
  background-image:url(images/errorbackg.gif);
  color: #ffffff;
  border:1px solid #FF0000;
  
}
form div.errorMessage {
color:#FFFFFF;
  background-image:url(images/errorbackg.gif);
 border: 1px solid #ff0000;
 padding:5px;
}
form div.errorMessage ul{
}
form div.errorMessage li{
list-style-type:none;
margin:0;
padding:0;
font-weight:bold;
}

form div.error p.error {

  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin:0;
  background-image:url(images/errorbackg.gif);
  border:1px solid #FF0000;
}

/*form div input, form div select, form div textarea {
  padding: 1px 3px;
  margin: 0 0 0 0;
}
form div input.inputFile {

}

/*form div select.selectOne, form div select.selectMultiple {

  padding: 1px 3px;
}*/

/*form div .inputCheckbox, input.inputCheckbox {
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 0px;
}*/

/*form div.submit {
  padding: 0 0 0 0px;
}

form div.submit div {

  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

/*form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}*/

/*form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}*/

/*form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}
*/
/*.error, input.error{
	color: #ffffff;
	background-color:#FF0000;
	font-weight:bold;
}
.warning {
color:#3333CC;
}*/
.bookingRequirements{
font-weight:normal;
color:#003399;
text-align:left;
}

th{
padding:15px 0 15px 0;
text-align:left;
color:#357833;
}

td{
padding-top:0px;
text-align:left;

}

#bookingInfo label{
display:block;
margin-bottom:20px;
}

#bookingInfo select{
position:absolute;
left:173px;
}

fieldset{
border:none;
padding:0;
}

/*fieldset label{
padding:10px;
margin-top:20px;
}*/

#booking_form_now{
margin:10px;
padding:10px;
background-image:url(images/formsbg.gif);
border:1px solid #357833;

}

#bookingDetails{
height:100px;
padding:0;
margin:0;
}

#bookingDetails td{
border-bottom:1px dotted #003399;
width:90%;
}

#SubmitGo{

margin-top:20px;}

.dateSelect{
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;
font-weight:bold;
padding:0;
margin:0;
}

#Name{
width:200px;
}

#Email{
width:200px;
}

#Telephone_number{
width:200px;
}

a:link{
text-decoration:none;
}

a:hover{
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:active{
text-decoration:none;
}

content li{
text-decoration:none;
list-style-type:circle;

}

content ul{
text-decoration:none;
list-style-type:circle;
}