body {
margin: 25px;
background: #666;
font: 14px/20px Arial, Verdana, sans-serif;
text-align: center;
color: #000;
}

#container {
margin: 0 auto;
text-align: left;
width: 750px;
border: 5px solid #fff;
background: url(images/bg.jpg);
}

#header {
width: 750px;
height: 100px;
background: #000;
}

#header h1 {
width: 750px;
height: 100px;
text-indent: -9999px;
position: absolute;
margin: 0;
background: url(images/h1.jpg);
}

#navlist {
float: left;
width: 210px;
margin: 0;
font-size: 12px;
}

#navlist ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navlist li { margin: 0; }

#navlist li.active {
margin: 0;
width: 205px;
display: block;
padding: 3px 0 3px 5px;
border-bottom: 1px solid #fff;
background: #84847c url(images/active.gif) center right no-repeat;
color: #fff;
font-weight: bold;
}

#navlist li.subactive {
margin: 0;
width: 200px;
display: block;
padding: 3px 0 3px 10px;
border-bottom: 1px solid #fff;
background: #fff url(images/subactive.gif) center right no-repeat;
color: #3399cc;
font-weight: bold;
}

#navlist li a {
width: 205px;
display: block;
padding: 3px 0 3px 5px;
border-bottom: 1px solid #fff;
background: url(images/nav.jpg) top left;
}

#navlist li a:link, #navlist li a:visited {
font-weight: bold;
color: #fff;
text-decoration: none;
}

#navlist li.sub a:link, #navlist li.sub a:visited {
font-weight: bold;
color: #84847c;
text-decoration: none;
}

#navlist li a:hover, #navlist li.sub a:hover {
background: url(images/nav.jpg) top right;
color: #fff;
}

#navlist li.sub a {
width: 200px;
display: block;
padding: 3px 0 3px 10px;
border-bottom: 1px solid #fff;
background: url(images/nav.jpg) top center;
}

#navlist h2 {
font-weight: normal;
width: 203px;
margin: 0;
padding: 0 0 9px 7px;
border-bottom: 1px solid #fff;
background: #000;
font-size: 12px;
color: #aaaaa0;
}

#content {
width: 515px;
margin: 0 5px 0 217px;
}

html>body #content {
width: 535px;
margin: 0 5px 0 210px;
}

#content h3 {
font-family: Georgia, serif;
font-weight:  normal;
margin: 20px 0 15px 0;
padding: 0 0 15px 5px;
font-size: 28px;
color: #dc0a74;
border-bottom: 1px solid #dddddd;
}

#content p { margin: 0 0 10px 5px; }

#content ul {
margin: 0 0 10px 10px;
padding: 0;
list-style: none;
}

#content li, #content li.level2 {
margin: 0;
padding: 5px 0 5px 15px;
background: url(images/bullet.gif) no-repeat;
background-position: 0 1em;
}

#content li.level2 {
background: url(images/bullet_2.gif) no-repeat;
background-position: 0 1em;
}

#content li.gold {
background: url(images/bullet_yellow.gif) no-repeat;
background-position: 0 1em;
}

#content li.silver {
background: url(images/bullet_gray.gif) no-repeat;
background-position: 0 1em;
}

#content li.bronze {
background: url(images/bullet_orange.gif) no-repeat;
background-position: 0 1em;
}

#content li.ordered {
padding: 0;
background: none;
color: #aaaaa0;
font-weight: bold;
}

#content hr {
size: 1px;
height: 1px;
border: 0;
margin: 0 0 10px 0;
color: #fff;
background-color: #fff;
border-bottom: 1px solid #eeeeee;
}

/* My Comment */

#content a:link, #content a:visited {
font-weight: bold;
color: #3399cc;
text-decoration: underline;
}

#content a:hover {
color: #2c83ae;
text-decoration: none;
}

#content h4 {
margin: 15px 0 10px 0;
padding: 0 0 0 5px;
font-size: 17px;
color: #aaaaa0;
}

#content h4 {
margin: 15px 0 10px 0;
padding: 0 0 0 5px;
font-size: 17px;
color: #aaaaa0;
}


/* My Comment */

#content h5 {
margin: 10px 0 10px 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
background: #f3f3ea;
border: 1px solid #ddddd0;
}

img { border: 0; }

img.graph {
margin: 0 10px 10px 0;
border: 0;
}

#footer {
clear: both;
width: 530px;
margin: 15px 0 0 215px;
background: #000;
color: #84847c;
padding: 2px 0 2px 5px;
font-size: 11px;
}

#footer a:link, #footer a:visited {
font-weight: bold;
color: #ccccc2;
text-decoration: none;
}

#footer a:hover { color: #fff; }

.footeractive {
font-weight: bold;
color: #fff; }

.black {
color: #000;
font-weight: normal;
}

.gray {
color: #999999;
font-weight: bold;
}

.dark {
color: #666666;
font-weight: bold;
}

.pink {
color: #dc0a74;
font-weight: bold;
}

.orange {
color: #ff6633;
font-weight: bold;
}

.yellow {
color: #ff9900;
font-weight: bold;
}

.green {
color: #339966;
font-weight: bold;
}

.note {
color: #999999;
}