/* CSS Document */
	
body {
	background-color:
	#CCFF99;
	font-family: Optima, Arial, Helvetica, sans-serif;
	font-size: medium;
	color:#009933;
}

div#headerNavigation div {
		color: #360;
	font-size: medium;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#336600;
	border:0;
	}

#headerNavigation a {
	text-decoration:none;
	font-weight:bold;
	color:#003300;
	border:0;
	}

a:hover {
	text-decoration:underline;
	}
	
	#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		clear:both;
		}

	#headerNavigation {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		clear:both;
		}
		
	#contentleft {
		width:300px;
		padding:0px;
		padding-top:15px;
		float:left;
		}
	
	#contentcenter {
		width:475px;
		padding-left:20px;
		float:left;
		padding-top:15px;
		}
	
	#contentheader {
		}
		
	#contentright {
	padding-top:20px;
		}
		
		
div#headerNavigation ul#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
div#headerNavigation ul li {
  float: left;
  position: relative;
  width: 106.25px;
  font-family: Optima, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  text-align:left;
  padding:4px;
  }
 
 div#headerNavigation ul li#navbar {
	background-color:#FFFFFF;
	text-align:center;
	}
  
div#headerNavigation li ul {
  display: none;
  position: absolute; 
  top: 1cm;
  left:auto;
  padding:2px;
  }
  
div#headerNavigation ul li > ul {
	top:auto;
	left:auto;
	}

div#headerNavigation li:hover ul, div#headerNavigation li.over ul{ display: block; }

div#headerNavigation ul ul a:hover {
    color:#FFFFFF;
	}

a#aboutUs {
	font-weight:bold;
	color:#9c3;
	}

div#headerNavigation ul ul#aboutUs {
	background-color: #9c3;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
a#News {
	font-weight:bold;
	color: #3c0;
}

div#headerNavigation ul ul#News {
	background-color: #3c0;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
a#theArt {
	font-weight:bold;
	color:#339933;}
	
div#headerNavigation ul ul#theArt {
	background-color:#339933;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}

a#events {
	font-weight:bold;
	color:#0c9;
	}
	
div#headerNavigation ul ul#events {
	background-color:#0c9;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}

	
a#programs {
	font-weight:bold;
	color:#CC9900;
	}
	
div#headerNavigation ul ul#programs {
	background-color: #CC9900;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
	
a#getInvolved {
	font-weight:bold;
	color:#0099CC;
	}
	
div#headerNavigation ul ul#getInvolved {
	background-color:#0099CC;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
a#ArtsBuilding {
	font-weight:bold;
	color:#6699CC;
	}
	
div#headerNavigation ul ul#ArtsBuilding {
	background-color:#6699CC;
	left:0px;
	top:100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	

.heading {
	font-weight:bold;
	font-size: x-large;
	color:#336600;
}

.subheading {
	font-weight:bold;
	font-size: large;
	color:#339900;
	}
	
.subheading2 {
	font-weight:bold;
	font-size: large;
	color:#336600;
	}
	
.emphasize {
	font-weight:bold;
	color:#339900;
	font-size:medium;
	}

.doublespace {
	line-height: 24px;
}
	
.quote {
	color:#339900;
	font-size:14px;
	line-height:18px;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
	}

.caption {
	text-align:left;
	color:#336600;
	margin-top:10px;
	font: x-small/1.5em Verdana, Arial, Helvetica, sans-serif;
}

.infobox {
	background-color:
#99CC66;
	margin:20px;
	padding:5px;
	text-align:center;
	font-size:medium;
	}

.infobox2 {
	background-color:#99CC66;
	margin:0px;
	padding:0px;
	font-size:medium;
	}

 div#contentcenter ul li#navbar {
	background-color:#CCFF99;
	font-size:medium;
	}

#footerNavigation
	{
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:40px;
		padding:0px;
		text-align:center;
		clear:both;
		color: #336600;
}

#footer {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top: 10px;
		padding:0px;
		text-align:center;
		clear:both;
		color: #336600;
	border-top: 1px solid #060;
}
		
#contentbottom {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:20px;
		padding:0px;
		text-align:center;
		clear:both;
		color: #336600;
		}

#contentbottom ul {
	margin-left: 0;
	padding-left: 1.5em;
	padding-bottom: .5em;
}

#contentbottom li {
	padding-bottom: .5em;
}

#contentcenter li {
	padding-top: .25em;
}

#contentcenter ul {
	margin-left: 0;
	padding-left: 1.5em;
	padding-bottom: .5em;
}
		
