body {color: #000; background-color: #4b0650; font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 20px auto;}

h1 {font-size: 180%;}

h2 {font-size: 150%; margin-bottom: -10px;}

h3 {margin-bottom: -10px;}

#banner {width: 95%; margin: 10px auto; padding-top: 10px; background-color: #6E1474; clear: both; overflow: auto; }
#content {width: 70%; margin: 0 auto; float: right; padding-right: 20px; margin-bottom: 20px;}
#nav {width: 25%; float: left;}

#nav ul { margin: 0 0 0 1.6em; padding: 0; list-style-type: none; width: 80%;}

#nav li { padding: 8px 0; border-bottom: 1px solid #bbb;}
#nav li:hover { padding: 8px 0; border-bottom: 1px solid #bbb; }

#nav a { display: block; color: #000; padding: .2em ; text-decoration: none;}
#nav a:hover { color: #000; background-image: url("arrow.gif"); background-position: right; background-repeat: no-repeat;}



.left {margin: 10px 0 10px 10px; float: left;}
.right {margin: 10px 10px 10px 0; float: right; }
.wrapper {width: 768px; background-color: #FFF; margin: 0px auto; padding-top: 5px; clear: both; overflow: auto;}