body {
 /*margin:20px;*/
 margin:0px;
 background:#fff;
 color: #333333;
 text-align:center;
 padding:0;
 font-family: georgia, times, "times new roman", serif;
 }

/* general page layout */
#page {
 margin:0px;
 padding:0;
 text-align:left;
 /*border:1px solid #000000;*/
 width:100%;
 }

#header {
 /*height:60px;*/
 margin:0px;
 padding:0;
 background:#fff;
 color: #333333;
 text-align:center;
 }
#header h1 {
	font: bold 3em "Comic sans ms";
	color: #009933;
	margin-top: 0em;
	margin-bottom: 0; 
	padding-top:0;
}
#header h2 {
	font:  bold 2.0em "Comic sans ms";
	color: #ff6633;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#bar {
 height:25px;
 background:#ccff99;
 color: #333333;
 border:solid #006633;	
 border-width:1px 0 1px 0;
 }

/* should have same background color as leftnav */
#bodyblock {
 position:relative;
 background: #ffffff;
 color: #333333;
 width:100%;
 padding:0;
 }

/* left column */
#left {
 float:left;
 background:#ffffff;
 color: #333333;
 width: 160px;
 margin: 0;
 text-align: left;
 padding-top: 1em;
 }

#content {
 margin-left: 180px;
 margin-top: 0;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 1.5em;
 padding-bottom: 1.5em;
 background:#ffffff;
 color: #333333;
 /*border:solid #000000;*/	
 /*border-width:0 0 0 1px;*/  
 text-align:left;
 }

#footer {
 clear: both;
 margin: 0;
 padding: .5em;
 height:25px;
 /*background:#c0c000;*/
 color: #333333;
 border:solid black;
 border-width:1px 0 1px 0;
 text-align: center;
 }

/* navigation menu in left column */ 
#menu {
	width: 90%;
	margin: 0 5%;
}

#menu a {
	display: block;
	font: bold 1.0em/2em Arial, Helvetica, sans-serif;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	border-top: 1px solid #003399;
	border-bottom: 2px solid #859CFE;
	color: #ffffff;
	padding-left: 10px;
	padding-bottom: 5px;
	background: #006633;
	text-decoration: none;
}

#menu a:hover {
	color: #333333;
	background:  #ff6600;
}
#menu_active a
{
	display: block;
	color: #FFF;
	background-color: #009966;
	padding: .2em .8em;
	text-decoration: none;
}


#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li { margin: 0 0 .2em 0; } 


#left p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
 
 
/* welcome section */
#welcome {
	font:  arial,sans serif;
	padding-top: 1em;
	height: 250px;
	color: #333333;
}

#welcome h2 {
	font: bold;
	color: #ff6633;
}

#welcome h2 em {color:#ff0000}


/* festival section */
#festival {
	font-family: georgia, times, serif;
	border: 4px solid #00ccdd;
	padding: 1em 10px;
	width: 90%;
	clear: right;
}

#festival h2 {
  color: #ff0000;
  text-align: center;
}
#festival h3 {
  font: bold;
  color: #ff6633;
  text-align: center;
}

#festival p {
  text-align: center;
}


/* description list for date/event lists */ 
#events {
	width: 90%;
	border-bottom: 2px solid #999;
	margin-top: 1.5em;
	padding-top: 1em;
	/*clear: right;*/
}
#events h3 { margin-top: 0.5em; margin-bottom: 0em;}

dl.event
{
  margin: 1em 0;
  padding: 0;
  width: 90%;
  font-family: georgia, times, serif;
}

.event dt
{
  position: relative;
  left: 0;
  top: 1.0em;
  width: 10em;
  font-weight: bold;
}

.event dd
{
  margin: 0 0 0 10em;
  padding: 0 0 .2em .2em;
  border-left: 1px solid #ff0000;
}


#clubs {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	width: 90%;
	padding-top: 1em;
	padding-bottom: 0;
	background: url(images/map.gif) no-repeat top right; 
	border-bottom: 1px solid #999;
}

dl.table-display
{
width: 42em;
margin: 1em 0;
margin-bottom: 0;
padding: 0;
font-family: georgia, times, serif;
}

.table-display dt
{
width: 15em;
  position: relative;
  left: 0;
  top: 1.0em;
/*float: left;*/
margin: 0 0 0 0;
/*padding: .5em;*/
/*border-top: 1px solid #999;*/
font-weight: bold;
}

.table-display dd
{
  margin: 0 0 0 15em;
  padding: 0 0 .2em .2em;
/*float: left;*/
/*width: 24em;*/
/*margin: 0 0 0 0;*/
/*padding: .5em;*/
/*border-top: 1px solid #999;*/
}


/* description list for information links */ 
div.info {
	width: 95%;
	border-bottom: 2px solid #999;
	margin-top: 1.5em;
	padding-top: 1em;
	/*clear: none;*/
  font-family: georgia, times, serif;
}
div.info h3 { margin-top: 0.5em; margin-bottom: .5em;}

div.info ul
{
	margin: 0;
	padding: 0;
	padding-left: 1em;
	list-style-type: none;
}

div.info li { margin: 0 0 .3em 0.5em; } 


/* description list for jff divs*/ 
div.jff {
	width: 85%;
	border: 2px solid #999;
	margin-top: 1.5em;
	margin-left: 5%;
	padding-top: 1em;
	/*clear: none;*/
  font-family: Georgia, times, serif;
}
div.jff h3 { margin-top: 0.5em; margin-bottom: .5em;}


/* description list for music divs*/ 
div.music {
	width: 85%;
	border: 2px solid #999;
	margin-top: 1.5em;
	margin-left: 5%;
	padding-top: 1em;
	/*clear: none;*/
  font-family: Georgia, times, serif;
}
div.music h3 { margin-top: 0.5em; margin-bottom: .5em;}
div.music ul
{
	margin: 0;
	padding: 0;
	padding-left: 1em;
	list-style-type: none;
}

div.music li { margin: 0 0 .2em 0.5em; } 



#webring 
{
	font: arial 0.9em/1.2em;
	background: #ffffcc;
	border: solid 2px red;
	padding: 2px;
	width: 80%;
	margin: 1em 10%;
}

/* images */

img#sqleft {
	float: left;
	width: 83px;
	height: 86px;
}
img#sqright {
	float: right;
	width: 83px;
	height: 86px;
}