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

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

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

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

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

#topmenu td
{
background-color: #000000;
color:#ffffff;
border-right: 1px solid white; 
width:7%; /*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;
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: #ffffff;
}

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

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

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

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

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

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;}

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

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


#main a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#355eff; font-size:13px;}
#main a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#355eff; font-size:13px;}
#main a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ac88c1; font-size:13px;}
#main a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ac88c1; font-size:13px;}



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