a.navbg				{ text-transform: uppercase; }
a.navbg:link,
a.navbg:visited 	{ position: relative; margin: 5px 0 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#3A3132; text-decoration:none; }
a.navbg:hover 		{ color:#06c; }
a.subnavbg:link,
a.subnavbg:visited	{ width:100%; height:100%; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
a.subnavbg:hover	{ color:#06c; }

#nav li:hover		{ color:#00FFCC; }

.navigation ul 			{ left:0px; top:40px; margin: 0; padding: 0; list-style: none; text-align:center; text-transform: uppercase; }
.navigation li 			{ display: block; float:left; position:relative; padding:10px 6px; border:none; text-align:center; color:#FFF; }

.navigation li ul		{ display: none; position: absolute; top: 1em; left: 0; background-color:#fff; }
.navigation li ul li	{ width: 124px; border: 1px solid #777; }
/* THIS IS A POOR WAY OF DOING THINGS HACKS ARE SUB RATE */
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
.navigation li>ul 		{ top: auto; left: 0px; }
.navigation li:hover ul,
.navigation li.over ul 	{ display: block; }

#content 				{ clear: left; }