@charset "UTF-8";
/* CSS Document */


/* 	brown : 736357 
	orange : DD8438


*/

html {
	background:url(../_images/bkgs/bkg.gif);
	}
	
body {
	font-size: 62.5%;
	line-height:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


a:hover {
	color:#DD8438;
	}

/* -------------------- background art ------------------------*/


		
body.artone {
	background:url(../_images/bkgs/artone.png) no-repeat  center -150px;
	}


/* -------------------- header ------------------------*/

	
#navigation {
	padding:30px 0px 70px;
	background:url(../_images/bkgs/branding_bkg.png) repeat-x bottom center;
	position:relative;
	}


/* --------------------  layout ------------------------*/

.container, #drawer {
	width:1024px;
	margin:0 auto;
	position:relative;
	}


/* --------------------  content ------------------------*/



#content .container {
	overflow:auto;
	padding-bottom:50px;
	}

body.home #content .container {	
	overflow:inherit;
	}


#content {
	background:url(../_images/bkgs/content_bkg.png) repeat-x bottom center;
	font-size:1.2em;
	line-height:1.6em;}



/* --------------------  content styles ------------------------*/

#content h1 {
	font-family:rockwell, "trebuchet ms",verdana, helvetica, sans-serif;	font-size:2em;
	color:#736357;
	font-weight:normal;
	margin-bottom:30px;
	}
	
#content p {
	line-height:1.8em;
	}



#content .imageandcaption {
	margin:20px 0px 30px 0px;
	}
	
#content .imageandcaption img {
	padding:10px;
	margin-bottom:10px;
	background:url(../_images/bkgs/img_bkg.gif) no-repeat;
	}
	


dl#details  {
	margin-bottom:50px;}


dl#details dd {
	margin:0px 0px 8px 0;
	}

dl#details dt {
	font-family:rockwell, "trebuchet ms",verdana, helvetica, sans-serif;	font-size:1.4em;
	color:#DB8238;
	float:left;
	padding-right:10px;}

dl#details dt.contact {
	padding:10px 10px;
	margin-left:15px;
	background:url(../_images/contact.png) no-repeat  center left;
	text-indent:-9999px;
	width:150px;
	}
	
dl#details dd.contact {	
	background:url(../_images/supporting_bkg.png);
	padding:10px 20px;
	margin-bottom:20px;
	}



#morephotos {
	background:url(../_images/supporting_bkg.png);
	overflow:auto;
	padding:15px 20px;
	width:400px;
	}
	
#morephotos ul li {
	margin:5px 10px 5px 0px;
	float:left;
	}
	
#morephotos ul li img {
	width:90px;
	padding:0px;
	background:0px;
	}
	
	
	
.twocol {
	width:40%;
	float:left;
	padding:5px 9% 20px 0;
	}	



#content table {
	clear:both;
	width:100%;
	
	}
	
#content table caption {
	text-align:left;
	margin-top:20px;
	}


#content table td {
	border-bottom:1px solid #E0DDDA;
	border-top:1px solid #E0DDDA;
	padding:5px ;
	}


		




/* --------------------  content text areas ------------------------*/


/* --------------------  (left column) ------------------------*/
	
	

#story,
#project, 
#profile, 
#maincontent {
	color:#736357;
	width:450px;
	float:left;
	}


#story h2 {
	font-family:TradeGothic, "trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.5em;
	color:#DD8438;
	font-weight:bold;
	margin:0px 0px 10px;
	}


#story h3 {
	font-weight:normal;
	font-size:1.1em;
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	margin-bottom:10px;
	}
	

#story img {
	width:390px;
	padding:11px;
	background:url(../_images/bkgs/img_bkg.gif) no-repeat left top;
	margin-bottom:30px;}	

#story p, 
#main p, 
#profile p {
	margin:5px 0 10px 0;
	}


#story p a {
	font-weight:bold;
	font-size:.9em;
	text-transform:uppercase;
	color:#736357;
	text-decoration:none;
}



#story p a:hover {color:#DD8438;
	font-weight:bold;
	background:url(../_images/supporting_bkg.png) repeat;
	}


#story #details {
	margin:10px 0 20px 0;
	font-weight:bold;
	}
	
#story #details p {
	margin:0px;}	

#story #details p a {
	font-weight:bold;
	font-size:1em;
	text-transform:none;
	color:#736357;
	text-decoration:underline;
}

	

#profile img {
	float:left;
	padding-right:30px;}

#profile h2 {color:#889114;
	font-family:TradeGothic, "trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.3em;	
		}	
	




#maincontent h2 {
	font-family:"trebuchet ms";
	text-transform:uppercase;
	font-size:1.7em;
	color:#DD8438;
	font-weight:normal;
	margin:0px 0px 10px;
	}
	

#maincontent h3, 
#content table caption {
	font-weight:bold;
	font-size:1.2em;
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	margin-bottom:10px;
	text-transform:uppercase;

	
	}	
	
#maincontent h4 {
	font-weight:bold;
	font-size:1.1em;
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	margin-bottom:10px;
		text-transform:uppercase;

	
	}		

#maincontent ul {
	list-style:disc outside;}	

#maincontent ol {
	list-style:decimal inside;}		
	
#maincontent .highlighted {
	background:#EBE2DA;
	padding:20px;
	margin:20px 0;}
	
#maincontent .highlighted h3 {
	display:inline;}	




/* --------------------  (right column) ------------------------*/


#subcontent {
	width:250px;
	float:right;
	padding-left:25px;
	color:#736357;}	




#newsandevents, 
#moreinfo, 
#main {
	float:right;
	clear:none;
	color:#736357;
	width:455px;
	}
	
body.home #newsandevents {
	float:none;}


#main {
	margin-bottom:50px;}
	

#content #main h2 {
	font-family:TradeGothic, "trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.7em;
	color:#DD8438;
	font-weight:bold;
	margin:0px 0px 10px;
	background:none;}

	

#moreinfo ul {
	margin-bottom:30px;}


#moreinfo {
	position:relative;}	
	
	


/* --------------------  news and events ------------------------*/


#content #main #newsandevents p {
	line-height:1.5em;}	

#content #main #newsandevents p.links {
	line-height:0px;}		




#newsandevents div {
	position:relative;
	}

body.home #main #newsandevents div {
	float:left;
	width:40%;
	padding-right:10%;
	padding-bottom:30px;
	}	


#newsandevents a, 
#moreinfo a {
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	color:#B6AEA8;
	font-weight:bold;
	text-decoration:none;
	}	


body.home #main #newsandevents a  {
	font-weight:normal;
	text-transform:lowercase;
	}	
	
#newsandevents a:hover {
	text-decoration:underline;
	color:#DD8438;
	}

#newsandevents div p {
	font-size:1em;
	margin: 5px;
	}

#newsandevents  p.links, 
#moreinfo  p.links {
	position:absolute;
	top:0px;
	right:0px;
	color:#B6AEA8;
	line-height:0px;
	margin:10px 50px 10px 0;
	} 



#newsandevents div p.links a, 
#moreinfo  p.links a { 
	font-weight:normal;
	}	

	
#moreinfo li   {
	padding:5px;
	}
		
#moreinfo h3 a {
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	color:#736357;
	font-weight:normal;
	font-size:1.1em;
	}


	
#newsandevents div li a {
	color:#736357;
	text-transform:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	
	}

#newsandevents div li p a { 
	font-size:.9em;}
	
	



#main #newsandevents h2, 
#newsandevents h2,
#moreinfo h2, 
#morephotos h2 {
	font-family:TradeGothic, "trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.3em;
	background:url(../_images/dotted-line.gif) repeat-x bottom;
	margin-bottom:5px;
	padding-bottom:5px;
	clear:both;
	}

body.home #content #main #newsandevents h2 {
	background:none;
	padding-bottom:0px;
	margin-bottom:0px;
	color:#736357;
	}

	
#morephotos h2 {
	border-bottom:1px #cccccc solid;}	
	
	
#newsandevents div li h3 {
	font-weight:normal;
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
}

#newsandevents div li h3 a {
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	font-size:1.1em;
	}


#moreinfo ul {
	overflow:auto;}

#newsandevents ul {
	background:#ffffff;
	}
	
#newsandevents ul li  {
	padding-left:20px;
	background:url(../_images/arrow.gif) no-repeat  left 5px #ffffff;
	margin:15px 0px;
	height:1%;
	}	
	
body.home #newsandevents ul li {
	padding-left:20px;
	background:url(../_images/arrow.gif) no-repeat  left center  #ffffff;
	margin:3px 0px;
	}	



#moreinfo ul li {
	width:120px;
	margin:5px 15px 15px 0px;
	float:left;
	}
#moreinfo ul li:hover  {
	background:#f1ece7;
 }
	
#moreinfo ul li h3 {
	padding-left:20px;
	display:block;
	background:url(../_images/arrow.gif) no-repeat left 5px #ffffff;
	}
	
#moreinfo ul li:hover h3 {
		background:url(../_images/arrow.gif) no-repeat left 5px #f1ece7;
}



/* -------------------- Calendar -------------------*/	
	

#newsandevents table {
	width:95%;
	margin-bottom:50px;
	}


#newsandevents table caption {
	text-align:left;
	color:#DD8438;
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.3em;
	margin-bottom:10px;
	}
	
#newsandevents table caption a {
	color:#DD8438;
	}

#newsandevents table th {
	border-bottom:3px #CCCCCC solid;
	}

#newsandevents table tbody {
	border-bottom:1px #CCCCCC solid;
	}
	
#newsandevents table td {
	border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
	padding:5px 10px 30px 10px;
	}
	




#newsandevents form {
	clear:both;
	background:url(../_images/supporting_bkg.png);
	width:420px;
	padding:8px 15px;
	margin:30px 0 0 0;}
	
#newsandevents form input {
	border:1px #CCCCCC solid;
	background:#ffffff;
	padding:3px 5px;
	margin-right:10px;}	
	
#newsandevents form input#submit {
	border:none;
	background:none;
	margin:0px;
	padding:0px;
	vertical-align:middle;}	
	
	
	




/* --------------------  Spotlight ------------------------*/

#spotlight {
	width:500px;
	color:#736357;
	float:none;
	position:relative;
	top:-60px;
	}
	
#spotlight p {
	padding-left:30px;}

#spotlight strong {
	font-family:TradeGothic, "trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.2em;
}
	
#spotlight img {
	padding:30px 30px 30px 35px;
	background:url(../_images/bkgs/home-photobkg2.png) no-repeat top center;
	}	
	


/* --------------------  Statement  ------------------------*/

.statement {
	font-family:rockwell, "trebuchet ms",verdana, helvetica, sans-serif;	font-size:1.7em;
	line-height:1.7em;
	float:right;
	width:455px;
	background:url(../_images/dotted-line.gif) repeat-x bottom center;
	padding:0px 0px 30px 0px;
	
	}


.date {
	color:#DD8438;}




	
/* --------------------  Drawer  ------------------------*/

#drawer {
	font-size:1.2em;
	clear:right;
	width:975px;
	padding:0px 24px;}	

		

	

#drawer h2 {
	margin-bottom:15px;
	padding-left:3px;}
	
#drawer p, #drawer li {
	font-size:.9em;
	line-height:1.5em;
	color:#000000;
	padding:3px;}

#drawer p a {
	color:#889114;
	font-weight:bold;
	text-decoration:none;}
	
#drawer p a:hover {
	color:#DD8438;
	font-weight:bold;
	background:url(../_images/supporting_bkg.png) repeat;
}	

#drawer li a {
	color:#000000;
	text-decoration:none;
	display:block;}
	
#drawer li a:hover {
	color:#DD8438;
	}
#drawer li:hover {
	background:url(../_images/supporting_bkg.png) repeat;
	}


	
/* --------------------  Supporting  ------------------------*/
	
	
#supporting {
	background:url(../_images/supporting_bkg.png) repeat;
	width:525px;
	padding:20px;
	overflow:auto;}

#supporting h2 {
	color:#889114;
	font-family:TradeGothic, "trebuchet ms",verdana, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.3em;
	margin-bottom:10px;
	}	

#supporting div {
	width:250px;
	float:left;
	margin-left:20px;
	}
	
#supporting div div {
	width:110px;
	float:left;
	margin-right:10px;
	margin-left:0px;}	
	
#supporting ul {
	padding-bottom:25px;
	}	
	
#supporting div  img {
	float:left;
	padding-right:10px;}
#supporting div h2 img {
	float:none;
	padding-right:0px;}	
		
#supporting div.artist	{
	width:225px;
	margin-left:0px;
	}
#supporting #donate {
	clear:both;}		
	
	
#drawer #donate {
	text-align:right;
	margin:0px
	}
	
#drawer #donate a {
	color:#ffffff;
	display:block;
	width:230px;
	background:#889114;
	text-align:center;
	padding:10px;
	text-decoration:none;
	float:right;
	}
	

#drawer #donate a:hover {
	background:#DD8438;

	}			
	
	
/* ------------------- Art Scene --------------------*/
	
#artscene, #impactquote {
	width:350px;
	float:right;}
	
#artscene img {
	float:left;
	padding-right:10px;}	

#artscene h2 img {
	float:none;
	padding-right:0px;}	

#artscene h2 {
	font-family:rockwell, "trebuchet ms",verdana, helvetica, sans-serif;	font-weight:normal;
	font-size:1.6em;
	color:#736357
	}	
	

#impactquote {
	font-family:"trebuchet ms",verdana, helvetica, sans-serif;	
	font-weight:normal;
	font-size:1.6em;
	color:#736357;
	line-height:1.7em;
	}	
	
/* --------------------- Navigation ----------------------*/
	
	
ul#nav {
	position:absolute;
	top:10px;
	right:10px;
	width:420px;
	padding:0px 0 0 20px;
	background:url(../_images/bkgs/border.png) no-repeat center left;
	}


/* --------------------- subnav ----------------------*/



	
#subnav {
	width:180px;
	float:left;
	padding-right:45px;
	color:#736357;
	font-family:"trebuchet ms"}	
	
#subnav li {
	border-bottom:1px solid #E0DDDA;
	padding:3px 0px;
	}	
	
#subnav ul li {
	color:#AEA59D;
	border:none;
	margin-left:20px;
	}		
	
	
	
#subnav li a,
#subnav ul li a {
	color:#AEA59D;
	text-decoration:none;
	display:block;
	padding:3px;
	}			

#subnav li a {
	color:#736357;
	}

#subnav li a:hover,
#subnav ul li a:hover {
	color:#DD8438;
	background:url(../_images/supporting_bkg.png) repeat;
	}
	
	

/* --------------------- utility ----------------------*/
	
#utility {
	position:absolute;
	top:-20px;
	right:0px;
	width:420px;
	background:url(../_images/supporting_bkg.png);
	font-family:"trebuchet ms";
	color:#736357;
	text-transform:uppercase;
	font-size:1.1em;
	padding:0px 10px;
	}	
	
#utility a {
	color:#736357;
	text-decoration:none;
	}
	
#utility p {
	margin:0px;
	padding: 11px 0px 0 0;
	
	}
	
#utility p a:hover {
	margin:0px;
	background:url(../_images/supporting_bkg.png);

	
	}			
	
/* --------------------- search ----------------------*/
	
#utility form {
	float:right;
	margin:0px;
	padding:0px;
	}	
	
#utility form label, 
#utility form p {
	margin:0px;
	vertical-align:baseline;
	}

#utility form label	{
	padding: 0px 5px 0 0;
	float:left;} 
	
#utility form input {
	border:none;
	padding:0px;
	margin:0px;
	background:#ffffff;
	position:relative;
	top:-5px;
	}
	
#utility form input.text {
	width:160px;
	height:21px;
	padding:0px 5px;
	}	

#utility form input#search_submit {
	vertical-align:top;
	background:#ffffff;
	height:9px;
	padding:6px;
	}
	


/* --------------------- footer ----------------------*/
	
	
	
p#copyright {
	text-align:right;
	clear:right;
	color:#736357;
	margin:20px 0px;

	}	
	
#drawer address p {
	font-style:normal;
	float:left;
	width:600px;
	color:#736357;
	margin:20px 0px;
	}	


.noprint {
	display:none;}