#body		{
position: relative;
font-family: arial;
font-family: sans-serif;
}
/* http://www.positioniseverything.net/explorer/unscrollable.html \*/
* html #body   {
height: 1%;
}
/* EOH */
#header		{
position: absolute;
top: 0; 
left: 3px;
background: #ffffff;
width: 100%;
margin: 0;
padding:0;
}

#topline	{
position: relative;
height: 10px;
top:50px;
background: #3333CC;
background: url("gradlong.png") ;
background-repeat: repeat-y;
border: 1px solid #000000;
margin: 0;
padding:0;
}

#sidebar		{

 background-color: #3333CC;
width: 100px;
height: 750px;
position: relative;
top: 49px;
left: 0;
margin:0;
padding:0;
border: 1px solid #000000;
border-top: none;
z-index: 1

}

#content		{
position: absolute;
top: 80px;
left: 160px;
}



#title		{
font-variant: small-caps;
color:#3333CC;
font-weight: bold;
font-family: arial;
font-family: sans-serif;
}

h2		{
font-variant: small-caps;
color:#3333CC;
}

/* #copyright 	{
font-size:8px;
position: absolute;
bottom: -50px ;
top: auto;
text-align: center ;

}
*/
#south   {  position: absolute; bottom:10px; }


/* sorta copped from http://www.alistapart.com/articles/taminglists/ */

#sidelist	{
position: absolute;
}

#sidelist ul	{
list-style: none;
border-bottom: 1px solid #ffffff ;
padding: 0;
margin: 0
}

#sidelist li {
margin: 0;
}

#sidelist li a 	{
display: block; 
color: #ffffff;
border-top: 1px solid #ffffff;
padding: 5px 5px 5px .5em;
width: 100px;
/* width: 100%;
 }

html>body #button li a {
width:auto;
*/
}
#sidelist li a:hover {
background-color: #4747EB;
}