/* CSS Document */
/* Rebecca Esler */
/* 13/02/08 */

body{
background-image:url(images/bg.jpg);
background-position: top center;
background-repeat: repeat-y;
margin:0;
padding:0;}

/*-----centres site-----*/
#frame{
width: 953px;
margin: 0 auto;
padding:0;}

/*-----header image-----*/
#header{
background-image:url(images/header.jpg);
background-position: top left;
background-repeat: no-repeat;
margin:0;
padding:135px 0 0 215px;
width: 738px;
height: 72px;}

/*-----main navigation-----*/
#nav{
margin:0;
padding:0;
font:11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;}

#nav ul{
margin:0;
padding:0;}

#nav li{
background-image:url(images/divider.gif);
background-position: top right;
background-repeat: no-repeat;
margin:0;
padding:0 9px 0 2px;
list-style: none;
display: inline;}

#nav a:link, #nav a:visited{
margin:0;
padding:0;
text-decoration:none;
color: #dbd3cc;}

#nav a:hover{
margin:0;
padding:0;
text-decoration:none;
color: #aa9064;}

.on a:link, .on a:visited{
color: #aa9064;}

.on a:hover{
color: #aa9064;}

/*-----gold frame - around all content-----*/
#contentarea{
background-image:url(images/content.jpg);
background-position: top left;
background-repeat: no-repeat;
margin:0 0 20px 0;
padding:0px;
width: 953px;}

#contentarea a:link, #contentarea a:visited{
margin:0;
padding:0;
text-decoration:none;
color: #847248;}

#contentarea a:hover{
margin:0;
padding:0;
text-decoration:none;
color: #dbd3cc;}

/*-----brown bg area-----*/
#content{
border-bottom: 1px solid #33291d;
border-top: 1px solid #33291d;
background-color:#33291d;
margin:0px 17px 0px 17px;
padding:0 0 30px 0;
text-align: center;
min-height:330px;}

* html #content {height:330px;}

/*-----left side-----*/
#left{
float: left;
display: inline;
margin:0 22px;
padding:0;
width: 158px;
font:11px/14px Arial, Helvetica, sans-serif;
color: #847248;
text-align: left;}

#left ul{
margin:0;
padding:0;}

#left li{
margin:0;
padding:1px 0;
list-style: none;}

#left a:link, #left a:visited{
margin:0;
padding:0;
text-decoration:none;
color: #847248;}

#left a:hover{
margin:0;
padding:0;
text-decoration:none;
color: #dbd3cc;}

/*-----middle area-----*/
#middle{
float: left;
display: inline;
margin:0px;
padding:0;
width: 456px;
font:11px/15px Arial, Helvetica, sans-serif;
color: #dbd3cc;
text-align: left;}

#middle h1{
margin:0px 0 4px 0;
padding:0;
font:14px Arial, Helvetica, sans-serif;
color: #dbd3cc;
text-align: left;}

#middle p{
margin:0;
padding: 10px 0 0 0;}

#middle ul{
padding:0;
margin:10px 0 0 10px;}

#middle li{
margin:0 0 0 2px;
padding:0;}

/*-----right side-----*/
#right{
float: left;
display: inline;
margin:0 22px;
padding:0;
width: 217px;
font:11px/15px Arial, Helvetica, sans-serif;
color: #dbd3cc;
text-align: left;}

#right p{
margin:0;
padding:10px 0 0 0;}

#right h1{
margin:0px 0 4px 0;
padding:0;
font:14px Arial, Helvetica, sans-serif;
color: #dbd3cc;
text-align: left;}

/*-----copyright text-----*/
#footer{
margin:0px;
padding:3px 20px 0 0;
height:15px;
font: 10px Arial, Helvetica, sans-serif;
color: #1c1710;
text-align: right;}