body 
{
background-color: #ffffff;
color: #000080;
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: #fefcfa;
}

#header
{
color:#ffffff;
text-align:center;
background-color: #ecfae0;
background-image:url('images/banner.jpg');
height:398px;
width:960px;
}

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

#topmenu
{
color:#ffffff;
text-align:center;
width:960px;
background-color: #ecfae0;
}

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

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

#details
{
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
color:#000080;
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-image:url('images/main.jpg');
margin-top:0px;
padding-top:0px;
padding-right:45px; 
padding-left:45px;
}


#main table
{
 background-color:transparent;
}

#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: #fbfdf8;
}

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

#bottommenu
{
margin-top:0px; 
padding-top:0px;
color:#ffffff;
text-align:center;
width:960px;
background-color: #ecfae0;
}

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

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

#footer
{
background-image:url('images/main.jpg');
width:960px;
margin-top:10px;
}

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

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 {font-weight:500; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align:justify; list-style-image: url('images/button.jpg');}

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

.imageright 
{
border:1px solid black;
background-color: #eeeeee;
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:5px; padding-right:0px; padding-bottom:10px; padding-left:10px; margin-top:0px; margin-right:30px; margin-bottom:0px; margin-left:10px;}

.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: #003300; background-color:#ffffff; font-size:10px; line-height:12px;}
#topmenu a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffffff; font-size:10px; line-height: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: #003300; background-color:#ffffff; 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;}

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

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

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

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