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

#container
{
    background-image: url(/images/seahorse.jpg);
    background-repeat: no-repeat;
    background-color: #FFF;
    text-align: left;
    width: 750px;
    margin-top: 10px;
    border: 2px solid black;
    padding: 0px;
}

#name
{
    width: 115px;
    height: 41px;
    float: left;
    border: 2px solid black;
    background: url(/images/color.jpg);
    margin: 20px 0 0 8px;
}

#heading
{
    width: auto;
    height: 73px;
    border-color: black;
    border-width: 2px;
    border-style: none none solid solid;
    margin-left: 148px;
    background: url(/images/heading.jpg) no-repeat 0px 0px;
}

#navigation
{
    background-image: url(/images/grey.jpg);
    background-repeat: no-repeat;
    width: 115px;
    height: 155px;
    float: left;
    border: 2px solid black;
    margin: 10px 0 0 8px;
}

#spacer
{
	float: left;
	height: 515px;
    width: 2px;
    background-color: black;
    margin: 0;
}

#content
{
    width: auto;
    margin: 10px 0 0 148px;
    border-top: 2px solid black;
    padding: 0px;
}

#widecentercontent
{
    width: 340px;
    margin: 10px 0 0 130px;
}

#rightcontent
{
    width: 150px;
    margin: 0 10px 0 0;
    float: right;
}

#centercontent
{
    width: 280px;
    margin: 10px 0 0 133px;
}

#contentitem p
{
    margin: 10px 65px 0 65px;
    background-color: #bbf;
    border: 1px solid #666;
    padding: 4px;
}

#mugshot
{
    margin: 4px 20px;
    width: 65px;
    height: 85px;
}

#login
{
    clear: both;
    width: auto;
    margin: 0 0 0 148px;
    border-color: black;
    border-width: 2px 0 2px 2px;
    border-style: solid solid none solid;
    background-color: #999;
    height: 20px;
    vertical-align: center;
}

H1 { color: #000; text-decoration: none; font: bold 12px/24px arial, sans-serif; }
H2 { color: #000; font: 12px/16px arial, sans serif; margin: 2px; }
b  { color: #000; text-decoration: none; font: 12px arial, sans-serif; }
p  { color: #000; text-decoration: none; font: 12px arial, sans-serif; margin: 18px 2px; padding: 0; }

a:link      { color: #fff; text-decoration: underline; }
a:visited   { color: #fff; text-decoration: underline; }
a:hover     { color: #000; text-decoration: none; }
a:active    { color: #900; text-decoration: none; }

#content a          { font-weight: bold; }
#content a:link     { color: #000; text-decoration: underline; }
#content a:visited  { color: #000; text-decoration: underline; }
#content a:hover    { color: #222; text-decoration: none; }
#content a:active   { color: #900; text-decoration: none; }

#active a:link      { color: #000; text-decoration: none; }
#active a:visited   { color: #000; text-decoration: none; }
#active a:hover     { color: #ccc; text-decoration: none; }
#active a:active    { color: #900; text-decoration: none; }