body {
text-align: center;
}

p {
font-family: Arial;
font-style: bold;
}


#container {
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#header {
/*padding: .5em;*/
/*border-bottom: 1px solid gray;*/
background-image: url(top.png);
background-repeat: repeat-x;
}

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

#leftcol
{
float: left;
/*width: 160px;*/
width:: 200px;
margin: 0;
padding: 0;
}


#content {
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
}

#contenttop {
background-image: url(TopGradient.png);
background-repeat: repeat-x;
}

#footer {
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
}

/*Menu layout*/
ul.leftnav{
margin:0;
padding:0;
list-style-type:none;
display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;
}

ul.leftnav li{
margin:0;
padding:0;
border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;
}

ul.leftnav li a{
display:block;
text-decoration:none;
color:#fff;background:#3366CC;
padding:0 0 0 20px;
width:180px;
}

ul.leftnav li a:hover{
background:#900 url("/code/leftnav/images/leftnav_arrow.gif") no-repeat 0 9px;
}
ul.leftnav li a.current:hover{
background:#933 url("/code/leftnav/images/leftnav_arrow.gif") no-repeat 0 9px;
}


ul.leftnav li a.current { 
background:#3366CC url(%22/code/leftnav/images/leftnav_arrow.gif%22) no-repeat 9px;
 }