/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(images/bg.gif);
	}

a img,:link img,:visited img { border:none; }
	
h1 {
	padding: 0;
	margin: 5px 0 30px;
	font-size: 1.3em;
	}

h2 {
	padding: 0;
	margin: 5px 0;
	font-size: 0.9em;
	}

h3 {
	padding: 0;
	margin: 10px 0 0;
	font-size: 0.9em;
	font-style:italic;
	font-weight: normal;
	}

h4 {
	font-size:0.9em;
	padding: 0;
	margin: 0;
	font-style: italic;
	font-weight: normal;
	}

h5 {
	margin: 1em 0;
	padding: 0;
	}
	

p {
	font-size: 0.9em;
	padding: 2px 0;
	margin: 2px 0;

	}

ul {
	font-size: 0.9em;
	padding: 0;
	margin: 0;

	}




form.events {
	/*border: 1px solid #000000;*/
	/*padding: 10px 25px;
	/*background-color: #FFFF99;*/
}

#banner {
	margin-bottom: 30px;
	background-image: url(images/banner_left.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	}

img.banner_img {	
	margin-left: 310px;
	}
	
#wrapper {
	background-color: #FFFFFF;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/banner_loop.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}

#contentwrapper {
width: 100%;
float: left;}

#left {
	width: 158px;
	text-align: right;
	float: left;
	/*padding-right: 10px;*/
	background-color: #FFFFFF;
	margin-left: -800px;
	}

#left a:active, #left a:link, #left a:visited {
	text-decoration: none;	
	color: #000000;
	
	}

#left a:hover {
	text-decoration: underline;
	}

#left ul {
	list-style-type: none;
	padding-right: 33px;
	margin: 5px 0px;
	font-size:0.85em;
	}
	
#left li {
	padding: 3px 0;
	}

#left li ul {
	padding: 2px 0;
	font-size: 1em;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	margin-left: 35px;
	}

#left li ul li{
	padding: 2px 10px 2px 0;
	background: url(images/bullet.gif) center right no-repeat;
	}


ul#menu_news a:hover {
	background-color: #FFFF99;
	border-bottom: 1px solid #48312A;
	text-decoration: none;
	}

ul#menu_about a:hover {
	background-color: #7AB8E2;
	border-bottom: 1px solid #48312A;
	text-decoration: none;
	}

ul#menu_system a:hover {
	background-color: #E6FAFF;
	border-bottom: 1px solid #48312A;
	text-decoration: none;
	}

ul#menu_funding a:hover {
	background-color: #FFCC66;
	border-bottom: 1px solid #48312A;
	text-decoration: none;
	}

a#current_news {
	font-weight: normal;
	background-color: #FFFF99;
	}

a#current_system {
	font-weight: normal;
	background-color: #E6FAFF;
	}

a#current_about {
	font-weight: normal;
	background-color: #7AB8E2;
	}

a#current_funding {
	font-weight: normal;
	background-color: #FFCC66;
	}

a#current_main {
	font-weight: bold;
	}

div#content_title {
	margin-bottom: 10px;
	}

#content_title img {
	}

#content_title h1 {
	margin:0 0 0 10px;
	}

#second_title{
	font-size:1.6em;
	margin:0 0 0 10px;
	padding-top:0;
	font-weight:600;
		}
		
		
		
		
#contentnews_content {
	clear: both;
	}

h2.search_guidance{
	padding:10px 0 5px 0;
	}

h2.list_title{
	padding:20px 0 5px 0;
	font-size: 1.2em;
	}

#contentnews_intro{
	padding:20px 0 0 0;
	}

#content {
	border-left: 1px solid;
	border-right: 1px solid;
	width: 436px;
	float:left;
	/*margin: 0px 20px;*/
	margin: 0 204px 0 158px;
	/*padding: 0px 30px;*/
	}

#content_home, #content_news, #content_funding, #content_about, #content_faq, #content_contact, #content_system {
	/*border-left: 1px solid;
	border-right: 1px solid;
	width: 458px;
	float:left;
	margin: 0px 20px;
	margin: 0 174px 0 128px;*/
	padding: 0px 30px;
	/*background-color: #FFFFFF;*/
	}

.button{
	padding-top:13px;
	}


/*#content_news h1 {
	padding: 120px 0 0 0;
	margin: 0;
	border-bottom: 5px solid #C9A217;
	font-size: 1.5m;}

#content_news h2 {
	font-size: 1.2em;
	color: #C9A217;}*/

.subtitle {
	color: #C9A217;}
	

#img_content {
	padding-right: 0.5em;
	}

#rectangle {
	padding-right: 0.5em;
	}
	
#news_content {
	margin-top: 30px;
	}

#news_content p, #news_announcements p {
	margin: 0;
	padding: 0;
	}

#news_content h2 {
	font-size: 1.2em;
	}

#news_content h3, #news_announcements h3 {
	margin-top: 10px;
	font-weight: bold;
	font-style: normal;
	color: #303030;
	vertical-align: middle;
	padding-left: 15px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	}

#news_content h4 {
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	}

#news_announcements {
	margin-top: 50px;
	}

#content_home a {
	color: #E51E25;
	text-decoration:none;
	}

#content_news a {
	color: #C9A217;
	text-decoration:none;
	}

#content_about a {
	color: #0565CE;
	text-decoration:none;
	}

#content_funding a {
	color: #F26822;
	text-decoration:none;
	}

#content_system a {
	color: #6297A3;
	text-decoration:none;
	}
	
#content_faq a {
	color: #41B649;
	text-decoration:none;
	}

/*#content_faq h2 a, #content_faq h2 a:hover, #content_faq h2 a:active, #content_faq h2 a:visited {
	color: #000000;
	text-decoration: none;
	}*/

#content_faq ul {
	list-style-type: none;
	margin: 30px 0;
	}

#content_faq ul h2 {
	font-size: 1em;
	font-weight: normal;
	}

#content_contact a {
	color: #A0248E;
	text-decoration:none;
	}

#content_home a:active, #content_home a:hover {
	background-color: #FFCCCC;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}

#content_news a:active, #content_news a:hover {
	background-color: #FFFF99;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}

#content_about a:active, #content_about a:hover {
	background-color: #7AB8E2;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}

#content_funding a:active, #content_funding a:hover {
	background-color: #FFCC66;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}

#content_system a:active, #content_system a:hover {
	background-color: #E6FAFF;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}

#content_faq a:active, #content_faq a:hover {
	background-color: #D9FBD5;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}

#content_contact a:active, #content_contact a:hover {
	background-color: #E8D6FF;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}


	
.artsnews, .projects {
	padding-top: 10px;
	padding-bottom: 20px;
	clear:both;
}

.system ul, .projects ul {
	padding-left: 5px;
	margin-left: 5px;
	}

.artsnews_img, .projects_img {
	float:left;
	padding: 0 10px 5px 0;
	width: 125px;
}

.artsnews_img p, .projects_img p {
	font-size: 0.8em;
	}
	
.artsnews_text h1, .projects_text h1 {
	font-size: 1.1em;
	}

.artsnews_text h3, .projects_text h3 {
font-style:italic;
margin: 0;
padding: 1px 0;
	}

.system {
	margin: 20px 0;
}

.system h1, .projects h1 {
	margin: 5px 0;
	padding: 5px 0;
}


#search_eventsartists, #search_pastevents{
	border-bottom: 1px solid #000000;
	padding-bottom: 15px;
}

.select_discipline, .select_dates, .select_venue{
	background-color:#F6EE24;
}


#right {
	float: left;
	width: 204px;
	padding-top: 184px;
	/*padding-left: 10px;*/
	margin-left: -204px;
}

#right h2, #right h5 {
	padding-left: 33px;
	}

#footer {
	width: 800px;
	text-align:right;
	clear:both;
	padding-top: 30px;
	font-size: 0.8em;	
	background-color: #FFFFFF;

	}

#footer a, #footer a:visited {
	color: #282828;
	font-weight: bold;
	text-decoration: none;
	}

#footer a:hover {
	background-color:#000000;
	color:#FFFFFF;
	text-decoration: none;
	}

#containerul, #containerul ul {
  text-align:left;
  margin:0;
  padding:0;
}

#containerul li {
  margin:0;
  padding: 0;
  list-style-type:none;
}

ul#containerul {
	padding-left: 33px;
	}

#containerul ul {
	padding: 10px;
  margin: 10px 0;
  background-color: #F2F2F2;
}

ul#containerul li {
	padding: 2px 0;}

ul#containerul li a {	
	color: #282828;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	font-size: 1.1em;
}

#containerul p {
	padding-bottom: 10px;
	margin: 0;
	font-size: 1em;}

#containerul li ul li {

	}
#containerul li ul li a {	
	color: #282828;
	text-decoration: none;
	font-weight: bold;
}

#containerul ul li a:hover {	
	text-decoration: none;
	border-bottom: 1px solid;
	background-color:#000000;
	color:#FFFFFF;
}

#containerul .symbols {
  float:left;
  width:12px;
  height:1.2em;
  background-position:0 50%;
  background-repeat:no-repeat;
  cursor: pointer;
  padding-right: 5px;
}

#containerul .symbols2 {
  float:left;
  width:3px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
  cursor: pointer;
  padding-right: 5px;
}

div.page_numbers {
	text-align: right;
	}

p.search_blurb {
	padding-top: 20px;
	}

p.caption {
	font-size: 0.8em;}

div.artists_event {
	border: 1px solid #ddd;
	padding: 10px;
	background-color: #f2f2f2;
	margin-top: 10px;
	}
	
div.artists_event h2 {
	padding: 0;
	margin: 8px 0 0 0;
	padding-left: 15px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	}

div.artists_event h3 {
	margin: 0;
	}

div.artists_event h4 {
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	}

div.artists_event p {
	margin: 0;
	padding: 0;}

div.home_events {
	clear: both;
	margin: 10px 0;
	overflow: hidden;}
	
div.home_img {
	float: right;
	width: 140px;
	}

div.home_text {
	float: left;
	width: 180px;}

img.top {
	float: right;	
	margin: 10px 0;
	}

img.top a, img.top a:link, img.top a:hover, img.top a:visited {
	text-decoration: none;
	background-color: none;
	}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/* css to display more and less of a box*/
/* always visible */
#outer .holder {margin-top: 10px; border: 1px solid #ddd; padding: 5px;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {cursor:pointer; color: #C9A217; font-size: 0.9em}
#outer div.more i.hide {display:none;}
#outer div.more p, #outer div.more h3 {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p, #outer div.click h3 {display:block; margin: 10px 0 0;}
#outer div.click img {display:block; float:left; padding-right:10px;}

/* Turn off list bullets 
ul.aqtree3clickable li { 
	list-style: none;
}

ul.aqtree3clickable, ul.aqtree3clickable li {
  margin: 3px 0; 
  padding: 0; 
}

ul.aqtree3clickable li p {
	padding-left: 10px;
	font-size: 1em;
}

ul.aqtree3clickable ul {
  margin-bottom: 10px;
  background-color: #F2F2F2;
}

 This controls the indent for each sublist 
ul.aqtree3clickable ul {
  padding: 5px 0 5px 5px;
	font-size: 0.95em;
	margin: 5px;
}

 Provide space for our own "bullet" inside the link 
ul.aqtree3clickable li a { 
	padding-left: 10px;
	}

 Show "bullets" in the links, depending on the class of the
   LI that the link's in 
ul.aqtree3clickable li.aq3open a {
    background: url(images/minus.gif) center left no-repeat;
	cursor: pointer;
}
ul.aqtree3clickable li.aq3closed a {
    background: url(images/plus.gif) center left no-repeat;
	cursor: pointer;
}
ul.aqtree3clickable li.aq3bullet a {
    background: url(images/bullet.gif) center left no-repeat;
	color: #282828;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

ul.aqtree3clickable li.aq3bullet a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
	background-color:#000000;
	color:#FFFFFF;
	}

 Actually show and hide sublists
ul.aqtree3clickable li.aq3open ul { display: block; }
ul.aqtree3clickable li.aq3closed ul { display: none; } */

.bold {
	font-weight: bold;
	}

/*

a.home {
	color: #735F60;
	text-decoration:none;
	}

a:active.home, a:hover.home {
	background-color: #FEF0F1;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}


a.news {
	color: #735F60;
	text-decoration:none;
	}

a:active.news, a:hover.news {
	background-color: #E3F4FF;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}
	
a.about {
	color: #735F60;
	text-decoration:none;
	}

a:active.about, a:hover.about {
	background-color: #FFFCCA;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}
	
a.funding {
	color: #735F60;
	text-decoration:none;
	}

a:active.funding, a:hover.funding {
	background-color: #EAEAEA;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}
	
a.system {
	color: #735F60;
	text-decoration:none;
	}

a:active.system, a:hover.system {
	background-color: #FFE0AE;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}
	
a.faq {
	color: #735F60;
	text-decoration:none;
	}

a:active.faq, a:hover.faq {
	background-color: #FBD7FF;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}
	
a.contact {
	color: #735F60;
	text-decoration:none;
	}

a:active.contact, a:hover.contact {
	background-color: #CCFFC7;
	border-bottom: 1px solid #48312A;
	color:#000000;
	text-decoration:none;
	}
*/

