/* CSS Document */

html {min-height: 100%; margin-bottom: 1px;}

body
{
background-color: #333333;
margin:0px 0px; 
padding:0px;
text-align:center;
}


div#page
{
width: 937px;
margin: 0 auto;
text-align: left;
}

body,page
{
font-size: 8pt;
}

div#textsize
{
padding: 0;
margin: 0;
position: relative;
left: 7px;
top: 29px;
font-family: verdana, arial, sans-serif;
color: #cccccc;
font-size: small;
}

div#textsize a {text-decoration: none; color: #cccccc;}
div#textsize a:link {text-decoration: none; color: #cccccc;}
div#textsize a:visited {text-decoration: none; color: #cccccc;}
div#textsize a:hover {text-decoration: none; color: #cccccc;}

div#dots
{
position: relative;
top: 43px;
left: 0px;
}


div#petername
{
position: relative; 
left: 7px;
top: 106px;
background-image:url(jpegs/petername.png);
height: 59px;
width: 604px;
}

div#dots2
{
position: relative;
top: 124px;
left: 0px;
}

#s{font-size: small}
#m{font-size: medium}
#l{font-size: large}

div#menu
{
position: relative;
left: 7px;
top: 140px;
font-family: verdana, arial, sans-serif;
color: #999999;
letter-spacing: 0.03em;
}

div#menu a
{
text-decoration: none;
color: #999999;
}

div#menu a:hover
{
text-decoration: none;
color: #cccccc;
}


div#menu b
{
font-weight: normal;
font-color: white
}


div#textblock
{
position: relative;
background-color: white;
float: left;
color: #333333;
width: 390px;
height: 90%;
top: 216px;
left: 0px;
font-family: verdana, arial, sans-serif;
padding-right: 15px;
padding-top: 25px;
padding-bottom: 60px;
line-height: 20px;
z-index: 1;
}

div#textblock i
{
font-style:normal;
font-weight: bold;
}

div#textblock b
{
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
}

div#textblock u
{
display: block;
text-decoration: none;
padding-left: 10px;
}


div#dots4
{
float: left;
left: 0px;
top: 300px;
z-index: 10;
}

div#photo
{
position: relative;
top: 236px;
float: right;
}


div#photoabout
{
position: relative;
top: 236px;
float: right;
right: 127px
}


div#bluebox
{
position: relative;
top:683px;
left: 727px;
z-index: 10;
background-color: #99cdff;
height: 17px;
width: 204px;
padding-left: 6px;
padding-top: 3px;
}

div#blueboxabout
{
position: relative;
top:642px;
left: 600px;
z-index: 10;
background-color: #fff888;
height: 17px;
width: 204px;
padding-left: 6px;
padding-top: 3px;
}

div#blueboxbuilding
{
position: relative;
top:571px;
left: 727px;
z-index: 10;
background-color: #ff9999;
height: 17px;
width: 204px;
padding-left: 6px;
padding-top: 3px;
}

div#blueboxlocal
{
position: relative;
top:635px;
left: 727px;
z-index: 10;
background-color: #99ff99;
height: 17px;
width: 204px;
padding-left: 6px;
padding-top: 3px;
}

div#caption
{
font-size: x-small;
color: #333333;
font-family: verdana, arial, sans-serif;
position: relative;
z-index: 12;
}

div#dots3
{
position:relative;
float: left;
top: 275px;
left: 0px;
}

div#dots4
{
position:relative;
float: left;
top: 295px;
left: 0px;
}

div#footer
{
display: block;
position: relative;
float: left;
padding-bottom: 30px;
top: 290px;
left: 7px;
font-family: verdana, arial, sans-serif;
color: #999999;
line-height: 20px;
z-index: 200;
}

div#footer b
{
color: #666666;
line-height: 20px;
font-weight: normal
}

div#footer b a
{
color:#666666;
}

div#footer b a:hover
{
text-decoration: none;
color: #999999;
}

div#footer a:hover
{
text-decoration: none;
color: #cccccc;
}

div#footer a
{
text-decoration: none;
color: #999999;
}