#navigation {
padding-top: 6px;
background-color: #009933;
float: left;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigation li {
margin: 0px;
text-indent: 20px;
}
#navigation a {
display: block;
height: 21px;
background-image: url(images/button-inactive.png);
background-repeat: no-repeat;
background-position: 0% 50%;
background-color: #009933;
padding: 4px 4px 4px 25px;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;
}
#navigation a:link, #navigation a:visited {
color: #000000;
text-decoration: none;
}
#navigation a:hover, #navigation a:active {
color: #ffffff;
background-image: url(images/button-hover.png);
background-repeat: no-repeat;
background-position: 0% 50%;
text-decoration: none;
}
#sellink a:link, #sellink a:visited, #sellink a:hover, #sellink
a:active {
color: #000000;
background-image: url(images/button-active.png);
background-repeat: no-repeat;
background-position: 0% 50%;
text-decoration: none;
}
body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #257BC4;
}
#container {
width: 802px;
height: auto;
margin-left: -390px;
position: absolute;
left: 50%;
background-image: url(images/background.png);
background-repeat: repeat-y;
}
#header {
width: 800px;
height: 70px;
}
#number {
height: 30px;
margin: -60px 10px 0px 500px;
position: relative;
z-index: 2;
}
#header_img {
height: 70px;
margin: 0;
position:: relative;
width: 800px;
z-index: 1;
}
#buttons {
background-color: #009933;
}
#banner {
float: left;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
#spacer1 {
clear:both;
}
#sidebar {
float: left;
width: 201px ;
height: 100%;
}
#content {
width: 595px;
float: right;
height: 100%;
}
#footer {
clear: both;
background-color: #257BC4;
width: 100%;
}
#places_to_see {
float: right;
padding: 4px;
}
#map {
width: 500px; 
height: 300px;
}
#map_container {
padding-left: 44px;
padding-bottom: 10px;
}
#number p {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
text-align:right;
margin: 0;
}
#content p {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-align: justify;
padding-left: 4px;
padding-right: 4px;
font-size: 0.8em;
padding-top: 2px;
}
#content h2 {
color:#009933;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding-left: 4px;
padding-top: 2px;
}
#content h3 {
color: #FFFFFF;
padding-left: 2px;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: right;
padding: 0px;
margin: 0px;
}
#footer a:link {
color: #ffffff;
text-decoration: none;
}
#footer a:visited {
text-decoration: none;
color: #ffffff;
}
#footer a:hover {
color: #0033ff;
text-decoration: none;
}
#footer a:active {
color: #ffffff;
text-decoration: none;
}
#sidebar h2 {
color:#009933;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding-left: 4px;
padding-top: 2px;
}
#sidebar p {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding-left: 4px;
}
#sidebar a:link {
color: #ffffff;
text-decoration: none;
}
#sidebar a:visited {
text-decoration: none;
color: #ffffff;
}
#sidebar a:hover {
color: #999999;
text-decoration: none;
}
#sidebar a:active {
color: #ffffff;
text-decoration: none;
}
#sidebar h3 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding-left: 4px;
}
#sidebar h4 {
color: #009933;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding-left: 4px;
}
#content a:link {
border-width: 0px;
}
#content a:visited {
text-decoration: none;
border: 0px;
}
#content a:active {
text-decoration: none;
border: 0px;
}
.gallery {
text-align: center;
border: 0px;
width: 195px;
height: 150px;
float: left;
}
.gallery a img {
border: none;	
}
#content div.gallery p {
margin-top: 0;
text-align: center;
}
.pan-images {
width: 600px;	
}
.pan-images object {
margin-left: 10px;	
}
#gallery-text {
width: 500px;
height: 130px;
float: left;	
}
#gallery-squirrel {
margin-top: 10px;
float: left;	
}
#gallery-squirrel a img {
border: none	
}
#brochure h2 {
padding-top: 1px;
}
<!--[if IE 5]>
<style>
#navholder a {
height: 1em;
float: left;
clear: both;
width: 100%;
}
</style>
<![endif]-->
<!--[if IE 6]>
<style>
#navholder a { height: 1em;}
#navigation li {
margin: 0px;
padding: -2px;
text-indent: 20px;
}
#navigation {
font-weight: bolder;
}
</style>
<![endif]-->