body
{
margin: 0;
padding: 0;
color: white;
font-family: Georgia, serif;
font-size: small;
background-color: #1E1E1E;
}
a
{
color: #99ccff;
}
a:link, a:visited, a:active {color: #99ccff; text-decoration:underline;}
a:hover {background-color: #333399;}
p
{
margin: 0px;
padding: 5px 30px;
}
ul
{	
margin: 0px;
padding: 5px 10px 5px 25px;
}
img {border-style: none;}

h1
{
margin: 0px;
padding: 20px 10px;
font-weight: bold;
font-size: x-large;
color: #ffffff;
}
h1 a:link, h1 a:visited {color: #ffffff; text-decoration: none; border-bottom: dotted #ffffff 1px; }
h1 a:hover {color: #99ccff; background-color: #333333; text-decoration: none; border-bottom: dotted #99ccff 1px; }

h2, h3
{
margin: 0px;
padding: 5px 10px;
font-weight: bold;
}
h2
{
font-size: 150%;
color: #ffffff;
}
h3 {font-size: 90%; font-style:italic;}

h2 a:link, h2 a:visited {color: #ffffff; text-decoration: none; border-bottom: dotted #ffffff 1px; }
h2 a:hover {color: #99ccff; background-color: #333333; text-decoration: none; border-bottom: dotted #99ccff 1px; }

#header
{
clear: both;
width: 100%;
text-align: center;
margin: 0px;
padding: 0px 10px;
}
#header h1
{
font-weight: bold;
font-size: xx-large;
color: #ffffff;
}
#header h1 a:link, #header h1 a:visited {color: #ffffff; text-decoration: none; border-bottom: dotted #ffffff 1px; }
#header h1 a:hover {color: #99ccff; background-color: #333333; text-decoration: none; border-bottom: dotted #99ccff 1px; }

#content
{
margin: auto;
width: 860px;
background-color: #1E1E1E;
line-height: 165%;
}


#content p
{
line-height: 165%;
}
.nav
{
padding: 5px 30px;
margin-top: 50px;
margin-bottom: 10px;
background-color: #333333;
}
.nav a:hover {background-color: #1E1E1E;}

#footer
{
clear: both;
width: 100%;
text-align: center;
padding-top: 25px;
padding-bottom: 50px;
color: #ccffcc;
}
#footer a:link, #footer a:visited {color: #ccffcc; border-bottom: dotted #ccffcc 1px; text-decoration: none;
}
#footer a:hover {background-color: #666666; border-bottom: solid #ccffcc 1px; text-decoration: none;}

div.figure3, div.figure3r, div.figure2, div.figure2r
{
background-color: #333333;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 50px;
border: 1px #5c7099 solid;
}

div.figure3, div.figure3r
{
width: 800px;
}
div.figure2, div.figure2r
{
width: 600px;
}

div.figure3r, div.figure2r
{
float: right;
clear: both;
}

.figure3 p, .figure3r p, .figure2 p, .figure2r p  
{
font-style: italic;
}

#map_small
{
background-color: #fff;
padding: 0px;
margin: 10px;
border: 1px silver solid;
width: 320px;
height: 240px;
}
#map_big
{
padding: 0px;
margin: 25px auto;
border: 1px silver solid;
width: 800px;
height: 600px;
}
#encode
{
margin: 5px 10px;
text-align: right;
}