*  {
margin : 0;
padding : 0;
border: 0;
}
body {
font : 73% "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
background : transparent url(images/back.jpg) top no-repeat;
color : #000;
}
a:link {
text-decoration : none;
background : transparent;
color : #a52a2a;
}
a:visited {
text-decoration : none;
color : #a52a2a;
}
a:hover {
text-decoration : none;
color : #484500;
}
a:active {
text-decoration : none;
color : #484500;
}
img {
border : none;
}
#container {	
width : 880px;
margin : 5px auto;
line-height: 2em;
background : transparent;
color : #333;
}
#top {
height:200px;
border-bottom : 0px solid #808080;
}
#top h1 {
padding : 60px 0 5px 70px;
font-family: arial, sans-serif;
font-size: 2em;
letter-spacing: 5px;
background : transparent;
color: #eee;
}

#top img {
float : right;
top : -40px;
padding : 0 20px;
}

#leftnav {
float : left;
width : 200px;
padding : 0 1em;
}
#content {
margin : 0 0 20px 240px;
border-left : 0px solid #808080;
padding : 0 1em;
}
#content p {
padding : 0 20px;
}
#footer{
clear : both;
padding : 1em 0 0 0;
background : transparent;
color : #000;
}
#leftnav p {
margin : 0 0 1em 0;
}
h2 {
margin : 1em 0;
font-size: 1.5em;
color: #666;
}
#footer p {
padding-left : 5px;
}
blockquote {
padding : 15px;
border-left: 3px solid #C5C5C5;
color: #4099BB;
}
.logo {
padding : 0.5em 0 0 8em;
font-size: 1.1em;
font-style: italic;
color:#eee;
}
.quote {
border-top : 1px dotted #C5C5C5;
border-bottom : 1px dotted #C5C5C5;
padding : 10px;
}
.clear {
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url(images/menu.gif) repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:#fff; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url(images/menu.gif) 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url(images/menu.gif) 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:#fff;}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url(images/menu.gif) 0px -90px no-repeat; color:#fff;}
.menu li a.active span, .menu li a.active:hover span{background:url(images/menu.gif) 100% -90px no-repeat;}

.sidenav {
margin : 10px 10px;
padding : 0;
list-style-type : none;
background : inherit;
color : #fff;
}
.sidenav a {
letter-spacing : 1px;
border-bottom : 1px solid #aaa;
margin-bottom : 5px;
padding-left : 20px;
display : block;
text-decoration : none;
background : url(images/arrow.gif) no-repeat left center;
color : #4099BB;
}

.sidenav ol {
letter-spacing : 1px;
border-bottom : 1px solid #aaa;
margin-bottom : 5px;
padding-left : 20px;
display : block;
text-decoration : none;
background : url(images/arrow.gif) no-repeat left center;
color : #000000;
}

.sidenav a#current, .sidenav a:hover {
text-decoration : none;
background : url(images/arrow.gif) no-repeat left center;
color : #333;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}