body 
{
background-color: #8ab790; /* defines bgcolor outside the main content area and can be used for the image right class */
color: #000000;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#container
{
margin-left: auto;
margin-right: auto;
width: 960px;
text-align: left;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
background-color: #fbe4d8; /* set to same colour as main content area */
}

#header
{
color:#ffffff;
text-align:center;
background-color: #fbe4d8; /* set to same colour as main content area */
background-image:url('images/banner.jpg');
height:392px;
width:960px;
}

.bannercaption
{position:relative;top:320px; color:white; font-size:small; font-weight:700; text-align:center;}

#topmenu
{
color:#000000;
text-align:center;
height:32px; /* normally dont set this */
width:960px;
background-color:#330044; /* normally should be same as topmenu td bgcolor */
}

#topmenu table
{
border-top: 1px solid white; 
border-bottom: 1px solid white;  
border-collapse:collapse;
}

#topmenu td
{
background-color: #330044; /* normally should be same as topmenu bgcolor */
color:#000000;
border-right: 1px solid white; 
line-height:12px; 
width:10%; /*adjust according to number of cells and bottom menu td too */
}

#details
{
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
color:#000000;
background-color: #fbe4d8; /* usually make same color as main content area */
text-align:center; 
height:20px;
width:960px;
/*background-image:url('images/main.jpg');*/
}

#main
{
/* width:960px; dont specify width - it results in the padding going wrong */
background-color: #fbe4d8;
margin-top:0px;
padding-top:0px;
padding-right:45px; 
padding-left:45px;
}


#main table
{
background-color:transparent; /*for price tables etc */
}

#maintextarealeft
{
width:400px; 
float:left;
}

#mainimagearearight
{
width:400px;
margin-left:45px;  /*change these values to move the boxes around*/ 
float:right;
}

#bottomimage
{
text-align:center; 
margin-bottom:0px; 
padding-bottom:0px; 
background-color: #fbe4d8; /* make same color as main content area */
}

#map
{
text-align:center;
width: 960px; 
height: 600px;
}

#bottommenu
{
color:#000000;
text-align:center;
width:960px;
background-color:#330044; 
}

#bottommenu table
{
border-top: 1px solid white; 
border-bottom: 1px solid white;  
border-collapse:collapse;
}

#bottommenu td
{
background-color: #330044;
color:#000000;
 line-height:12px;
border-right: 1px solid white; 
width:9%; /*adjust according to number of cells and bottom menu td too */
}

#footer
{
background-color: #fbe4d8; /* set to same colour as main content area */
width:960px;
margin-top:10px;
}

h1 {font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:100; color:#000000;}
h2 {font-size:17px; font-weight:600; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}
h3 {font-size:15px; font-weight:600; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}
h4 {font-size:12px; font-weight:600; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}

address {font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}

p {font-weight:500; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align:justify;}

ul, ol {font-weight:500; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align:justify; list-style-image: url('bullet.jpg');}

.imageright 
{
border:1px solid black;
background-color: #f3fff2;
width:400px;
}

.caption 
{
font-weight:900; 
text-align:center;
font-size:11px;
padding-top:5px;
padding-right:5px; 
padding-bottom:5px;  
padding-left:5px;
margin-top:0px; 
margin-right:0px; 
margin-bottom:0px; 
margin-left:0px;
}

.bigimagecaption {font-weight:900; font-size:12px; padding-top:0px; padding-right:0px; padding-bottom:10px; padding-left:10px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;
background-color:#fbe4d8}

.imagespacer
{
height:22px;
}

#topmenu a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; font-size:10px;  line-height:12px;}
#topmenu a:visited{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; font-size:10px;  line-height:12px;}
#topmenu a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color: #000000; background-color:#f3fff2; font-size:10px; line-height:12px;}
#topmenu a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#000000; background-color:#ffffff; font-size:10px; line-height:12px;}

#details a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;}

#main a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#800080; font-size:12px;}
#main a:visited{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#800080; font-size:12px;}
#main a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#f3fff2; background-color:#800080; font-size:12px;}
#main a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#800080; font-size:12px;}

#bottommenu a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; font-size:10px; line-height:12px;}
#bottommenu a:visited{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; font-size:10px;  line-height:12px;}
#bottommenu a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color: #000000; background-color:#f3fff2; font-size:10px; line-height:12px;}
#bottommenu a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; font-size:10px; line-height:12px;}

#footer a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold; color:#800080; font-size:10px;}
#footer a:visited{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#800080; font-size:10px;}
#footer a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#f3fff2; background-color:#800080; font-size:10px;}
#footer a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#800080; font-size:10px;}

.copyright {text-align:center; font-size:10px;}