html {
  height: 100%;
  margin-bottom: 1px;
  line-height: 125%;
}

body,td {
  line-height: 125%;
  font-family: Arial, Helvetica, Verdana, sans-serif;  
  text-align: left;
  color: #4e4e4e;
}

body {
background: #efc3b3 url(http://static.motelavalon.co.nz/images/body-bg.png) repeat-x scroll 0 0;
margin: 0;
padding: 0;
font-size: 0.8em;  
}


ul li{
font-size: 0.9em;
}

p {
  /* setup some more readable paragraph spacing */
margin-top: 10px;
margin-bottom: 15px;
text-align: left;
}

a:link, a:hover, a:visited { color: #a11925; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 15px 0 5px 0;
font-family: Arial, Helvetica, Verdana, sans-serif;  
font-weight: bold;
line-height: 1em;
padding-right: 20px;
}

h1 { 
font-size: 1.7em;
color: #421705;
padding-bottom: 10px;
}

h2 {
color:#A11925;
font-size:1.5em;
font-weight:normal;
}

h3 {
color:#000000;
font-size:1.2em;
margin: 25px 0 5px 0;
}

h4 {
font-size: 1.1em%;
}

div.wrapper {
margin: 0 auto;
padding: 0px;
border: 0px;
width: 980px;
}

#top{
height: 23px;
background-color: #421706; 
color: #f0c4b7;
font-size: 0.8em;
text-align: center;
padding-top: 3px;
}

#header {
margin: 0;
height:341px;
}

#banner-image{
height: 341px;
width: 980px;
}

div#menu-l{
background: transparent url(http://static.motelavalon.co.nz/images/menu-bg-l.png) no-repeat scroll 0 1px;
padding-left: 10px;
margin-bottom: 10px;
}

div#menu-r{
background: transparent url(http://static.motelavalon.co.nz/images/menu-bg-r.png) no-repeat scroll 100% 1px;
padding-right: 10px;
}

div#menu{
background: transparent url(http://static.motelavalon.co.nz/images/menu-bg.png) repeat-x scroll 0 1px;
text-align: center;
height: 39px;
}

a.navigatorLink, span.navigatorLinkCurrent {
color: #ffffff;
display: inline;
line-height: 39px;
height: 39px;
padding: 0 22px;
font-size: 1.4em;
}

a.navigatorLink:hover, span.navigatorLinkCurrent {
text-decoration: underline;
background-color: #b22b3a;
padding:9px 22px;
}

a.navigatorLink {
text-decoration: none;
}

#mainbody{
background: transparent url(http://static.motelavalon.co.nz/images/mainbody-t.png) no-repeat scroll 0 0;
padding-top: 10px;
clear: both;
}

#mainbody-b{
background: transparent url(http://static.motelavalon.co.nz/images/mainbody-b.png) no-repeat scroll 0 100%;
padding-bottom: 10px;
}

#mainbody-m{
background: #fff6db url(http://static.motelavalon.co.nz/images/mainbody-m.png) repeat-y scroll 0 0;
padding: 0px;
clear:both;
height: auto;
}

div.left_side{
float: left;
padding: 0 10px 10px 10px;
width: 220px;

}

div.booking{}
form.booking{ padding:0; margin: 0;}

div.booking-header{ 
background: #890823 url(http://static.motelavalon.co.nz/images/booking-header.png) no-repeat scroll 0 0;
height: 38px;
line-height: 39px;
color: #ffffff;
font-size: 1.5em;
text-align: center;
Font-weight: bold;
}

div.booking-content{ 
background-color: #e7d3b2;
border: 1px solid #890823; 
padding: 15px 0 10px 15px; 
}

td#searchbaritems{ color: #421705; font-weight: bold; }

div.icons{
text-align: center;
margin: 20px 0 20px 0;
}

div.icons img{
margin: 30px 0 0 0;
}

div.icons p{
text-align: center;
font-size: 0.8em;
margin-bottom: 0;
}

div.middle{
float:left;
height:auto;
padding:0 0 0 20px;
width:490px;
}

p.editorialmenu{
text-align: left;
padding-right: 20px;
}

div.right_side{
float:right;
height:auto;
padding:10px 15px 10px 20px;
width:190px;
color: #333333;
}


div.rightsidebarheading {
color:#421705;
font-size:1.7em;
font-weight:normal;
line-height:1.1em;
margin:0 0 5px;
}

div.news-events{ }

#bottom-nav{
padding: 5px 255px 5px 260px;
text-align: center;
font-size: 0.9em;
color: #b22b3a;
}

#bottom-nav a{
color: #b22b3a;
text-decoration: none;
padding: 0 5px;
}


#footer {
clear:both;
color:#421706;
font-size:0.9em;
margin:0 0 20px;
text-align:center;
}

#footer  p, #footer  a{
color: #421706;
text-decoration: none;
text-align: center;
}

.clear{
clear: both;
}

.imageright {
float: right;
margin: 1px 0 5px 15px;
border: 4px solid #e7d3b2;
}

.imageleft {
float: left;
margin: 1px 15px 5px 0px;
border: 4px solid #e7d3b2;
}
