.skiplink {visibility:hidden}


#top
{
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
border-top: 1px solid #999;
z-index: 1;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

#top ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#top li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#top li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}

#top li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#top li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}


#container
{
width: 90%; 
margin: 10px auto;
background-color: #FFFFFF;
border: 3px solid #494980;
line-height: 130%;
}

#top
{
padding: 0em;
}

#top h1
{
padding: 0;
margin: 0;
}

#navleft
{
float: left;
width: 275px;
margin: 0;
padding: 1em;
}

#navleft { margin-left: 5px; }

#navleft ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#navleft li { margin: 0;
}
#navleft a
{
display: block;
color: #333;
background-color: transparent;
width: 250px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
font-size: 12px;
}

#navleft a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

#navleft ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
}

#navleft li li a
{
display: block;
color: #333;
background-color: transparent;
width: 190px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 12px;
}


#content
{
font-family: verdana, arial, sans-serif;
margin-left: 290px;
padding: 1em;
}

#content a:link { color: #BF8660; }
#content v:link { color: #BF60A7; }

#content h3 {
color: #666;
font: bold Verdana, sans-serif;
}

#content h5 {
color: #000;
font: small Verdana, sans-serif;
}


#bar
 { background-color: #fff; background-image: url("graphics/purp.gif"); background-repeat: repeat-x; background-position: 50% bottom; padding: 0 }

#footer
{
clear: both;
margin: 0;
padding: 1.0em;
font: bold 12px Verdana, sans-serif;
text-align: right;
color: #333;
}

#footer a:link { color: #804080; }
#footer v:link { color: #BF60A7; }


#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* Color List
background  #804080 (rich purple) #BF8660 (brown)

peach #E68A73
light peach #E6D3CF

blue #5C5CA1
dark blue #494980
light blue #D2D2E6


header(top) #FFBFBF (pink)
container #FFBFBF (pink), #333 (gray) 
footer  #BF6060 (dark pink), #333 (gray)
navigation links #FFBFBF (pink), #FFBFEF (light purple), #FFD9BF (cream), #BF8660 (brown), #BF60A7 (purple) */

