body {
 background: #E6E6E6;
 margin: 0;
 color: #000000;
 text-align: center;
 font-size: 12pt;
 font-family: helvetica, impact, sans-serif;
}

#header { 
 height: 10px;
 margin-left: 100px;
 margin-right: 100px;
 margin-top: 0px;
 font-weight: bold;
 font-size: 20pt;
}

#header a
{
 display: block;
 width: 50px;
 color: #000000;
 text-align: center;
}

#header a:hover
{
 color: #FFFFFF;
 background: #999999;
}

#header .nav_left { float: left; }
#header .nav_right { float: right; }

#photo-box {
 width: 750px;
 margin: 0px auto;
 padding: 20px;
}

#archive-box {
 margin-left: 180px;
 margin-right: 180px;
 padding: 10px;
}

#archive-left-nav {
 position:absolute;
 top:100px;
 left:20px;
 width:110px;
 background-color:#FFFFFF;
 border:1px solid #000000;
 text-align: center;
}

#about-box {
 margin-top: 20px;
 margin-left: 250px;
 margin-right: 200px;
 width: 400px;
 padding: 20px;
 background-color:#FFFFFF;
 border:1px solid #000000;
}

#about-left-nav {
 position:absolute;
 top:20px;
 left:20px;
 width:200px;
 background-color:#FFFFFF;
 border:1px solid #000000;
 text-align: center;
}


#footer {
 font-size: 12pt;
}

#footer p {
 text-align: center;
}

a {
 text-decoration: none;
}
a:link {  
 color: #000066;
}
a:hover {
 font-weight: bold;
}
a:active { 
 font-weight: bold;
 color: #000000;
}
a:visited { 
 color: #333333; 
}

p { 
 text-align: justify;
}