body, p, td { font: normal 11px tahoma;}
body {margin: 0; padding: 0 0 15px 0; background: #333 url(images/bg.gif) top left repeat-x;}

div {margin: 0; padding: 0;}



/* FONTS */
h1,h2,h3,h4,p,dl {font-weight: normal; margin: 0; padding: 0;}
p {padding: 5px 10px;}
h1 {margin: 0 10px; padding: 5px 0; font-size: 22px; border-bottom: 1px solid #CCC;}
h2 {padding: 5px 10px; font-size: 18px;}
h3 {text-transform: uppercase; font-size: 16px;}
h4 {margin: 20px 10px 5px 10px; color: #C00; font-size: 14px; border-bottom: 1px solid #E9E9E9;}

a {text-decoration: underline; font-weight: bold; color: #F00;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #000;}
a:active {text-decoration: none;}


/* EXTRAS */
img {border: 0;}

span {margin: 10px 0; padding: 0; width: 200px; float: left;}

table {margin: 0 15px; padding: 0; width: 500px; text-align: center;}

address {margin: 5px 10px; padding: 0; width: 250px; float: left; font-style: normal;}



/* LAYOUT */
div#container {margin: 0 auto; width: 770px; background: url(images/container_bg.gif) top left repeat-y; position: relative;}
div#header {width: 770px; height: 150px; background: #036 url(images/bg_header.gif) top left no-repeat;}
div#body {width: 770px;	clear: both; background: url(images/body_bg.gif) top left no-repeat;}
div#content {float: left; width: 620px;	background: url(images/content_bg.gif) top left no-repeat;}
div#element {margin-top: 20px; width: 620px; background: url(images/bg_element.gif) top left repeat-y; float: left;}
div#ender {padding-bottom: 10px; width: 620px; background: url(images/bottom_cap.gif) bottom left no-repeat; float: left;}
div#diy {margin: 0 3px;}
div#map {margin: 0 0 15px 10px; width: 598px; height: 350px; border: 1px solid #000;}
div#footer {clear: both; width: 770px; font-size: 10px;	background: none;}



/* GENERAL DEFINITION LIST */
div#content dl {margin: 0px; padding: 5px 10px;}
div#content dt {}
div#content dd {margin: 0;}



/* COPYRIGHT */
div#copyright {margin-left: 150px; font-size: 9px; color: #FFF;	padding: 3px 0; text-align: center; background: #999;}
div#copyright a {text-decoration: none;	color: #FFF;}
div#copyright a:hover {text-decoration: underline; color: #C00;}



/* VERTICAL NAVIGATION */
div#nav {clear: both; float: left; width: 150px;}
div#nav ul {width: 150px; margin: 0; padding: 0; font-size: 85%; text-transform: uppercase; list-style-type: none;} 
div#nav li {margin: 0; padding: 0; list-style-image: none;}
div#nav li a {display: block; padding: 7px 0; color: #CCC; text-decoration: none; background: url(images/nav_off.gif) left center no-repeat; width: 100%; text-indent: 15px; text-align: left;}
html>body #nav li a {width: auto;}
div#nav li a:hover {background: #999 url(images/nav_on.gif) left center no-repeat; color: #333;}
div#nav li a#current, div#nav li a#current:hover{background: #900 url(images/nav_current.gif) left center no-repeat; color: #FFF; text-transform:uppercase;}



/* UTILITY NAV */
div#utilnav {margin-left: 150px; padding: 3px 0; text-align: center; font-size: 10px; color: #FFF; background: #666;}
div#utilnav a {text-decoration: none; font-size: 11px; color: #FFF;}
div#utilnav a:hover {text-decoration: underline; color: #C00;}



/* SIGNIN CONTAINER */
div#signin {position: absolute;	top: 0;	left: 585px; clear: both; width: 180px;}
div#signin dl {margin: 0; padding: 0; font-size: 85%; text-transform: lowercase;}
div#signin dt {float: left; margin: 0; padding: 0; line-height: normal;	text-indent: 0;}
div#signin dt a {display: block; padding: 7px 0; width: 90px; color: #600; 	text-decoration: none; font-weight: normal; text-align: center;}
div#signin dt a:hover {color: #FFF; background: #900;}



/* WEB AUDIO */
div#applet {position:relative; width: 180px; height: 100px; background: url(images/webaudio.gif) top left no-repeat;}
div#applet div {position: absolute; top: 49px; left: 87px; width: 68px;	height: 30px;}
div#applet a {display: block; position: absolute; top: 85px; left: 0px;	width: 180px; height: 10px;}



/* CLASSES */
.top {margin-top: 10px;}
.right {float: right;}
.clear {clear: both;}
.cards {position: absolute; right: 0;}