#pagelayout { position: relative;
 top: -1px;
 border-top: #880114 solid 1px;
 margin: 0 auto;
 width:80em;
 text-align: left;
 z-index: 1;
 }

/*---------------------
middle bit
---------------------*/
/*for home page*/
body#hm #m{ margin-top: 242px;
 background: #fff;

}
/*for content pages*/
#m{ margin-top: 135px;
 background: #fff;

}

#maincontent{ float: left;
 width: 61em;

}

#main{float: right;
 width: 49.6em;

}





/*------------------------------------
left hand column  with menu and address
------------------------------------*/
#info { float: left;
 width: 10.9em;
 text-align: center;

  }

#menu { text-align: left;
}
#menu ul {border-color: #fff; border-style: solid; border-width: 1px 1px 0 1px;
  padding:10px 0 0 0;
 background: #880114 url(../images/mtop.gif) 0% 0 repeat-x ;
  }
#menu ul li {font-style: italic;
 background: #880114;
 padding: 0;
 list-style: none;
 margin: 0;
 }
#menu ul li.top  { background: url(../images/menu2.gif) right top no-repeat;
}
#menu ul li.btm  {background: #880114 url(../images/mbtm.gif) 0% 0 repeat-x ;
}
#menu ul li.sp  {background: #880114 url(../images/msp.gif) 0% 25% repeat-x ;
}
#menu ul li.sp a {padding: 12px 10px 12px;
 background: none;
 }
#menu ul li.sp a:hover{background: #a00f14;
 color: #e9a4a4}
#menu ul li a { background: url(../images/menu2.gif) no-repeat right bottom;
 padding: 4px 10px 8px;
 display: block;
 color: #f6eeb0;
}
#menu ul li a:hover,
#menu p a:hover {background: #f6f4ed url(../images/mro.gif) 0% 5% repeat-x ;
color: #880114;
 }
 
 /*newslettet sign up*/
#menu p {border-color: #fff; border-style: solid; border-width: 0 1px 1px 1px; padding: 0 0 5px 0;background: #880114 url(../images/menu2.gif) 0% bottom repeat-x; font-size: 1.2em;}
#menu p a{padding: 4px 10px 8px ; display: block;color: #f6eeb0;}
 
#info h2 {padding: 30px  0 0 10px;
 text-align: left;
 font-size: 1em;
 font-style: italic;
 font-variant: normal;
 background: none;
 border: none;
}

#info address {padding: 0 0 30px 10px;
 text-align: left;
 background: url(../images/flower.jpg) 20% 100% no-repeat;
}
/*---------------------*/

/*---------------------
right hand column  with images
---------------------*/
#rcol {position: relative;
 border-left: #F7F5EC solid 4px;
 float: right;
 width: 180px;
  text-align: right;
}
#rcol p, #rcol ul, #rcol address {padding: 10px;
}



#buttons ul {font-style: italic;
  text-align: center;
 position: absolute;
 left: -50px ;
top: -82px;
 width: 231px;
 background: url(../images/button2.jpg) center top no-repeat;
 height: 39px;
 }
body#hm #buttons ul {left: -35px ;
top: -16px;
 background-image: url(../images/button.jpg);
}
#buttons li{ background: url(../images/button.jpg) 90% 50% no-repeat;
 display: inline;
 padding: 0 7px;
 }
#buttons li.first { background: url(../images/button.jpg) 10% 50% no-repeat;
 /*border-right: #E5DD9A solid 1px;*/
  }
#buttons li a {padding-top: 0;
 color: #f6eeb0;
 background: #850215;
}
#buttons li a:hover {color: #F5EECD;
}

#features {margin-top: 1em;
 text-align: left;
  border-bottom: 2px dotted #F7F5EC;
 }
#features h3, #features p {padding: 5px 15px;
}
#features h3 {border-bottom: 3px dotted #F7F5EC;
background: #f8f6ee url(../images/bg2.jpg) repeat-x 55.95% -105px;
}

#features img {border: #F7F5EC solid 5px; margin: 10px 0 10px 5px;}
#features img.noborder {border: none; margin: 10px 0 10px 5px;}
body#hm #features {margin-top: 3em;
}



/*---------------------
footer
---------------------*/
#f { color: #fdc27c;
 clear: both;
 height: 71px;
 background: url(../images/fcont.jpg) repeat-x left top;
}
#f p, #f ul#flinks {padding-top: 40px;
 padding-bottom: 0;
 font-size: 1.1em;
}
#f ul#flinks {
float: right;
 width: 31em; 
 padding-left: 0; 
 padding-right: 0;

}
#f ul#flinks li {display: inline; 
padding-left: 0.2em;
padding-right: 0.3em;
border-right: #fdc27c solid 1px; 
}
#f ul#flinks li.last {border: none;
}

#f p#copyright {float: left;
 width: 40em;
 line-height: 1.4em;
 padding-top: 35px;
 padding-left: 0.8em; 
 padding-right: 0;}

#f a{color: #f5eecd;
 background: #890014;


}
#f a:hover {color: white;
 background: #890014;
}

#f #logos {
text-align: left;
width: 180px;
position: absolute;
right: 0;
bottom: 60px;}
#f #logos img {padding: 6px 0 0 12px;}
#f #logos a {background: none;}

#fbg{ margin: 0 auto;
 margin-top: -48px;
 background: url(../images/f.jpg) left top repeat-x;
 z-index: 0;
 height: 80px;

}
#fbg p {margin-top: 50px;
 font-size: 1.1em;

}

/*---------------------
header
---------------------*/
#header{height: 135px;
 background:  url(../images/header2.jpg) left top repeat-x;
 width: 80em;
 position: absolute;
 top: 0;
  }
body#hm #header{height: 242px;
 background:  url(../images/header.jpg) left top repeat-x;
 width: 80em;
 }
#header img.l {position: absolute;
 top: 32px;
 left: -12px;
}
#header img.r {position: absolute;
 top: 32px;
 right: -12px;
}
#header img.main {position: absolute;
 top: 2px;
 left: 43.5em;
}
#header h1 {
position: absolute;
 top: 46px;
 left: 50px;
 background: url(../images/title2.jpg) left top no-repeat;
 height: 49px;
 width: 231px;
 margin: 0;
 padding: 0;
 border: 0;
}
body#hm #header h1 { top: 95px;
 left: 24px;
 background: url(../images/title.jpg) left top no-repeat;
 height: 84px;
 width: 430px;
}
#header h1 a { position: relative;
 left: -10px;
 top: -5px;
 height: 60px;
 width: 250px;
 padding: 0;
 display: block;
}
body#hm #header h1 a { position: relative; 
 left: -10px;
 height: 84px;
width: 430px;
 padding: 0;
 display: block;
}
#header h1 a:hover {text-decoration: none;
} 
#header h1 a span {position: relative;
 top: -3000px;
}
#header #addresstop  { position: absolute;
 top: 102px;
 left: -13px;
 } 
body#hm #header #addresstop  { position: absolute;
 top: 210px;
 left: -13px;
 } 

#header #addresstop address {font-weight: bold;
 font-size: 1.1em;
 } 
/*---------------------
global nav
-----------------------*/
#nav {position: absolute;
 top:0;
 left: 0;
}
#nav ul {
padding-left: 0;
 line-height: 9px;
 background: url(../images/navbg2.jpg) 100% bottom no-repeat;
}
#nav li {

 padding: 8px 0 8px 0;
 margin: 0;
 font-style: italic;
 display: inline;
 background: url(../images/navbg.jpg) left bottom no-repeat;
 }
#nav li.last {
 padding-right: 0px;
 }
#nav li a {
 padding: 8px 9px 8px 9px;
 color: #f6eeb0;
 background: #890014  url(../images/navbg.jpg) left bottom no-repeat;
 margin: 0;
}
#nav li a:hover {color: #F5EECD;
}