html, body	{ margin: 0;  padding: 0; border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; }
#container  { position: absolute; top: 0; left: 0; width: 100%; min-width: 800px; padding: 0px; }

/* --- fonts and colors ---*/
ul, li, p, .image, .imagefloat, .imagefooter, #date, body, dt, dd, .leftnav li, .leftnav a
			{ color: #000000; font-family: verdana, sans-serif; }
h1, h2, h3, h4
			{ color: #000000; font-family: Arial, Helvetica; sans-serif; font-weight: bold }
.image, .imagefooter
			{ color: #707070; font-family: Arial, Helvetica; sans-serif }
.novisable  { color: #ffffff; }
h1			{ font-size: 170%; }
h2			{ font-size: 140%; }
h3			{ font-size: 120%; }
h4			{ font-size: 105%; }
#nav li		{ font-size: 13px; }
p, body, li 
			{ font-size: 88%;}
.submenu, .menu
 			{ font-size: 11px; }
.tablecell 
			{ font-size: 88%; }
.tablecell p { font-size: 100%; }

.image, .imagefloat, .imagefooter, #date, .reference p, #bcrumbs  
			{ font-size: 78%; }
.menu 			
			{ background-color: #e0e0e0; }			
.submenu 			
			{ background-color: #f6f6f6; }
.image, .imagefooter, .mapimage 
			{ background-color: #f8f8f8; }
body	 	{ background-image: url('images/logo.gif'); background-repeat: no-repeat }

/* --- basics ---*/
.tableshow  { border: 1px solid gray; border-collapse: collapse; }
.tablecell  { border: 1px solid gray; padding: 5px; }
img			{ border: 0px none; padding: 2px; }
ul 			{ padding: 0; margin: 5px 0 5px 40px; }
a           { color: blue; text-decoration: none; }
a:hover     { background-color: #d0ffd0; text-decoration: none; }
.spacer     { height: 1px; border-top: 1px solid ffffe0; font-size: 1px; margin: 0; padding: 0; }

/* --- image boxes ---*/
.image, .imagefloat, .imagefooter
	        { padding: 10px 5px 10px 5px; text-align: center; }
.image, .imagefloat 
	        { border-bottom: 2px solid white; }
.imagefooter{ float: left; width: 170px; height: 165px; border: 1px solid white; border-right: 1px solid white; margin:0; padding: 10px 5px 10px 5px; }
.imagefloat { float: right; width: 140px; border-left: 2px solid #F5F5F5; margin-left: 5px; }
.mapimage	{ float: left; margin: 10px; padding: 0; }

/* --- top menu bar ---*/
#logo       		{ position: absolute; top: 30px; right: 0px; z-index: 1; width: 300px; height: 77px; }
#banner				{ height: 38px; background-image: url('images/dance-header-9.jpg'); background-repeat: repeat-x; }
#topnav     		{ width: 100%; border-top: 1px solid #666666; border-bottom: 1px solid #666666; background-color: #dddddd; }
#nav a   			{ display: block; width: 100px; border-right: 1px solid #666666; background-color: #dddddd; color: #333333; font-weight: bold;}
#nav a:hover 		{ background-color: #d0ffd0;  color: black;}
ul#nav 				{ margin: 0 0 0 10px; }
#nav, #nav ul  		{ list-style: none; padding: 0; margin: 0; }
#nav li  			{ float: left; text-align: center; font-weight: normal; padding: 0; margin: 0; } 
#nav li ul			{ position: absolute; left: -999px; width: 160px; border: 1px solid #666666; z-index: 20;}
#nav li ul li		{ font-weight: normal; text-align: left; font-size: 12px; }
#nav li ul a		{ width: 150px; background-color: #eeeeee; color: #333333; font-weight: normal;
						border-bottom: 1px solid #666666; border-right: 0px none; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:2px}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/*--- title bar ---*/
h1          		{ border-bottom: 1px solid #cc2222; margin: 0 0 0 185px; padding: 5px 0 0 0px; }
#bcrumbs    		{ color: gray; margin: 0 0 0 190px; padding: 10px 0 15px 0; }

/*--- left navbar ---*/
#leftcontainer		{ border: 0px black solid; float: left; width: 150px; padding: 20px 0 0 0; }
.leftnav    		{ border: 0px black solid; margin: 0; padding: 0; }
.leftnav ul 		{ list-style: none; margin: 0 ; padding: 0; }
.leftnav li 		{ text-align: left; margin: 0; padding: 0; }
.leftnav a  		{ display: block;  }
.menu       		{ line-height: 20px; padding-left: 10px; border-top: 1px solid black; border-bottom: 1px solid black; }
.submenu    		{ line-height: 16px; padding-left: 20px; padding-right: 5px; border-bottom: 1px solid #ffffff; }

/*-- center content --*/
#content    		{ border: 0px solid black; margin-left: 150px; margin-right: 10px; padding: 0 10px 0 10px; }
#contentmap 		{ padding: 10px 10px 10px -10px; }
#contentmap p 		{ margin:0; padding: 10px 10px 0 0; }
#content p  		{ text-align: justify; }
#date       		{ color: gray; text-align: right; }
.reference p		{ color: gray; margin: 0 0 5px 0; }
#content li			{ padding: 5px ; margin:0; }

/*--- right content -adjust width for increases in borders-*/
#rightcontainer    { float: right; width: 160px; padding: 20px 0 0 0; }

/*--- footer content ---*/
#footer     { padding: 0 10px 5px 10px; }

/* -- formating the popup box -- */
#map dl				{ position: absolute; left: -999px; width: 200px; border: 1px solid #669933; background-color: white; z-index: 20; margin: 0; padding: 0px; }
#map dl dt			{ font-weight: bold; text-align: center; font-size: 12px; color: white; background-color: #669933; padding: 2px; }
#map dl dd			{ list-style: square; text-align: left; font-size: 11px; margin: 2px 2px 2px 5px; padding: 2px 2px 2px 15px; background: url('images/arrow3.gif')  no-repeat 0px 5px; }
.popup dl			{ position: absolute; left: -999px; border: 1px solid #669933; background-color: white; z-index: 20; margin: 0px; padding: 0px; }
.popup dl dt		{ font-weight: bold; text-align: center; font-size: 12px; color: white; background-color: #669933; padding: 2px; }
.popup dl dd		{ list-style: none; margin: 0; padding: 0; }
.popup				{ position: relative; }
a.popup:hover dl  	{ left: 0; top: 20px; }

/* --- top menu bar....be sure it aligns with map image ---*/
#map				{ position: absolute; left: 10px; top: 87px; width: 800px; height: 650px; padding: 0; margin: 0; }
#map				{ list-style: none; }