body {
background-color: #9e9e9e;
font-size: 1em;
font-family: Verdana, Arial, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}

a {
color: #5485dd;
text-decoration: underline;
}

a:visited {
color: #5485dd;
}

a:hover {
text-decoration: none;
}

h1 {
font-size: 1.2em;
text-transform:uppercase;
background-color: #cecece;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0
}

h2 {
font-size: 1.1em;
font-weight: normal;
padding: 5px 10px;
margin:0;
}

h3 {
font-size: 1.0em;
font-weight: normal;
padding: 5px 10px;
margin: 0;
}

/* ----------container to center the layout-------------- */
div#container {
width: 95%;
margin-bottom: 10px;
margin: 0 auto;
background-color: #dfdfdf;
}

div#header {
width: 100%;
}

div#header h1 {
text-align: center;
}

/* -----------------content--------------------- */
div#content {
/*background-color: #ffffff;/*uuuuuuuuuuuuu */
background-color: #1a1a1a;
color: #9e9e9e;
padding: 0;
margin: 0 200px;
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre {
padding: 5px 10px;
margin:0px;
}

iframe#map {
}

div#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}

div#left p {
font-size: 0.8em;
}

div#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

div#right h2 {
}

div#right p {
font-size: 0.8em;
}

div#right li {
font-size: 0.8em;
}

div#right ul {
padding-left: 1.5em;
}



/* -----------footer--------------------------- */
div#footer {
background: #ccc;
clear: both;
margin: 0;
padding: 0;
text-align: right;
}

div#footer p {
font-size: 0.8em;
}