/* CSS Document */

#navcontainer
{
width: 178px;
float: left;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a#current, li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

h2 { color: white;}
h3 { color: yellow;}

a:link { color: white; }
a:visited { color: yellow; }

body
{
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: blue;
color: white;
font-size: 12px;
font-weight: bold;
}

#header
{
padding-top: 10px;
padding-left: 16px;
padding-bottom: 10px;
width: auto;
border-style: inset;
border-width: 7px;
border-color: #5F9EA0;
background-color: #48D1CC;
color: white;
}

#header h2
{
border: 0;
padding: 0;
}

#header .x
{
display: block;
text-decoration: none;
color: white;
}

#content
{
border-style: inset;
border-width: 7px;
padding: 7px;
margin-left: 178px;
margin-bottom: 0;
font-weight: bold;
color: white;
}

#content ul
{
padding-left: 20px;
}

#content li
{
color: yellow;
line-height: 2em;
}

#content.fav
{
border-color: maroon;
background-color: #A52A2A;
}

#content.ax
{
border-color: green;
background-color: #2E8B57;
}

#content.hist
{
background-color: #0000CD;
border-color: #00008B;
}

#content.pur
{
border-color: gray;
background-color: #A9A9A9;
}

#content.down
{
border-color: #9932CC;
background-color: #9370DB;
}