@import url(coreforms.css);

/* SET DEFAULTS */
body {
	width:100%;
	margin: 0;
	padding: 0;
	color:#333333;
	background:#fff;
	text-align: center;
	position:relative;
	font-size: 62.5%;
	font-family: "helvetica neue", helvetica, arial, verdana, trebuchet, sans-serif;
}
* { 
	font-size: 1em; 
}
div, form,
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	padding:.4em 0 .1em 0;
	line-height: 1.2em;
}	

h1, h2 {
	text-transform:uppercase;
}
h1 {
	color:#222;
	line-height:.9em;
	font-size: 2.8em;
	padding:0 0 .3em 0;
}

h2 {font-size: 2.2em;}

li h2,
td h2{font-size: 1.6em;}

h3 {font-size: 1.8em;}
li h3,
td h3{font-size: 1.38em;}

h4 {font-size: 1.5em;}
li h4,
td h4{font-size: 1.15em;}

h5 {font-size: 1.4em;}
li h5,
td h5{font-size: 1.08em;}

h6 {font-size: 1.3em;}

p{
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 0 0 1em 0;  
}

ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none outside;
}
li, dt, dd {
	font-size: 1.3em;
	line-height: 1.4em;
}
li li, li dt ,li dd,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd  {
	font-size: 1em;
	padding:0;
}

li p, li h6, dd p, td p, td h6{
	font-size: 1em;
	padding-bottom:.2em;
}

table, tr, td, th{
	border-collapse:collapse;
}
table{margin-bottom:1em;}
th {font-weight:bold;}
th, 
td{
	margin:0;
	padding:0;
	font-size: 1.2em;
}
td * {padding-bottom:0;}


a {
	color:#00AEEF;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	/*background-color:#BFE7FC;*/
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
}	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
}	
	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:text-bottom;
}		

	

/* BOXES */
	#sectionImage{
		z-index:0;
		left:0;
		width:100%;
		height:220px;
		position:absolute;
		background: #00AEEF url(../images/bgs/sectionImage.jpg) center top repeat-x;
	}
		body.editmode #sectionImage{background-image:none;}

	#wrapper, #sidebar, #header, #content, #footer{position:relative;}
	#wrapper{
		z-index:10;
		width:950px;
		margin: 0px auto;
		text-align:center;
	}		
	#sidebar {
		z-index:100;
		float:left;
		width:230px;
		text-align:left;
		min-height:650px;
	}
	#header, #content {
		width:710px;
		float:right;
		text-align:left;
	}
	#header {
		z-index:2;
		height:220px;
	}
	#content {
		z-index:1;
	}
	#footer  {
		z-index:0;
		clear:both;
		width:950px;
		padding:20px 0;
		text-align:left;
	}




/* HEADER styles */
	#header{		
		text-align:right;
		text-transform:uppercase;
	}

		#header h1.logo,
		#header h2,
		#header p{color:#fff;}
			
		#header h1.logo{ 
			padding:0;
			float:left;
			width:230px;
			height:220px;
			text-align:left;
			font-size:4.6em;
			line-height:1em;
			background-color:#00AEEF;
		}
		#header h1.logo a{color:#000;}

		#header p{padding:0 0 .2em 0;}

		#header h2{ 
			padding:0;
			font-size:3em;
			line-height:1em;
			margin-left:270px;
		}
		#header h2 span{ 
			padding:0px 2px;
			line-height:1.4em;
			background-color:#00AEEF;
		}
	

/* SIDEBAR styles */
	#sidebar h2{color:#00AEEF;}
	

	/* MENU styles */
		#menu,
		#menu ul,
		#menu ul li,
		#menu ul li a{
			float:left;
			width:230px;
			display:inline;
		}
		#menu{
			margin-bottom:1.2em;
			min-height:650px;
			text-transform:uppercase;
			background:#00AEEF url(../images/bgs/menu.gif) left top repeat-x;
		}
			#menu ul{
				padding:10px 0;
			}
			#menu ul li{
				font-weight:bold;
				font-size:2em;
				line-height:1.2em;
			}
			#menu ul li a {
				color:#fff;
				width:220px;
				text-decoration:none;
				padding:1px 0 1px 10px;
			}
			#menu ul li a:hover{color:#fff;}
			#menu ul li.active .navitem a{padding:2px 0 2px 10px;}

			/* second-level lists */
				#menu ul ul {display:none;}
				#menu ul .active ul { 
					display:block;
					padding:0 0 3px 0;
					background:url(../images/bgs/mainNav-ul.gif) left top repeat-y;
				}

				#menu ul li li{font-size:.8em;}
				#menu ul li.active{margin:2px 0;}


			/* colour coded sections */
				#mainNav{
					height:auto !important;
					height:200px;
					min-height:200px;
					background:#000000;
				}
				#mainNav li.active,
				#menu #mainNav li ul,
				#mainNav li ul a:hover{background:#262626;}/* dark grey bg */
				#mainNav li .navitem a {color:#00AEEF;}
				#mainNav li.active .navitem a {color:#d7d7d7;}
				#mainNav li.active a:hover {background-color:#3c3c3c;} /*light grey bg */
	
	
				#helpingNav{
					height:auto !important;
					height:195px;
					min-height:195px;
					background:#FF007A; /* pink */
				}
				#helpingNav li .navitem a:hover {color:#000;}
				#helpingNav li.active,
				#menu #helpingNav li ul,
				#helpingNav li ul a:hover{background:#C8005D;}
				#helpingNav li.active .navitem a {color:#FF9CCC;}
				#helpingNav li.active a:hover,
				#helpingNav .activePath li.active a {background-color:#960046;}
	
				#menu #aboutNav{
					height:auto !important;
					height:80px;
					min-height:80px;
					background:#00AEEF; /* cyan */
				}
				#aboutNav li .navitem a:hover {color:#000;}
				#aboutNav li.active,
				#menu #aboutNav li ul,
				#aboutNav li ul a:hover{background:#017DBF;}
				#aboutNav li.active .navitem a {color:#7ACDF9;}
				#aboutNav li.active a:hover,
				#aboutNav .activePath li.active a  {background-color:#00599F;}
	
				#menu .donateNav a{color:#000;}
				#menu .donateNav a:hover{color:#000;}
	




	/* SEARCHBOX styles */
		#searchBox {
			clear:both;
			padding: 40px 10px 10px 10px;
		}



	/* SHORTCUTS styles */
		#shortcuts{
			clear:left;
			padding: 0 10px;
		}
			#shortcuts h2{padding-top:.7em;}
			#shortcuts p{
				color:#333;
				padding-top: 0;  
				font-size: 1.4em;
				font-weight:normal;
				line-height: 1.4em;
			}
			#shortcuts p.joinLink{text-align:right;margin-top:-.8em;}

		#shortcuts .YPAA {width:140px;}
		#shortcuts .YPAA p{
			color:#777;
			font-size:1em;
		}




/* CONTENT styles */
		#content .pageHeader{
			color:#00AEEF;
			font-size: 3.2em;
			padding: 20px 230px 15px 10px;
		}
		.helping #content .pageHeader{color:#F80074;}

		.helping #content a{ color:#F80074;}

		#content .date{
			color:#777;
			white-space:nowrap;
		}
		#content h2 .date{text-transform:none;}

		#content .more{white-space:nowrap;} 
		

	/* CONTENT BOXES styles */
		#content #feature{
			position:relative;
			padding: 0 0 0 10px;
			margin:0 0 1.5em 0;
		/*	border-bottom:1px solid green;*/
		}
		#content #highlight{
			padding:0 0 5px 0;
			margin:10px 0 0 480px;
		}

	/* FEATURE - BASE CONTENT styles */
		#feature h1{clear:left;}
		#feature h2,
		#feature h3,
		#feature h4{
			color:#00AEEF;
		}
			.helping #feature h2,
			.helping #feature h3,
			.helping #feature h4{
				color:#F80074;
			}
	
			#feature .contentItem h2,
			#feature .contentItem h3,
			#feature .contentItem h4{padding-bottom:.3em;} 

		#feature li,
		#feature dt,
		#feature dd{
			padding:0 35px;
		}	
		#feature li,
		#feature dt{
			clear:left;
			background: url(../images/icons/arrow.gif) 20px 5px no-repeat; 
		}	
			.helping #feature li,
			.helping #feature dt{
				background: url(../images/icons/arrow-pink.gif) 20px 5px no-repeat; 
			}	

		#feature dt{font-weight:bold;}	
		#feature dd{padding-bottom:.3em;}	

		#feature table{border:3px solid #efefef;}
			#feature th, 
			#feature td{
				padding:3px 0px 3px 10px;
			}
			#feature th {
				color:#00aeef;
				background:#efefef;
			}
			#feature td{border-bottom:1px solid #efefef;}



		#feature .captionBox,
		#feature .leaderImage,
		#feature .mainPic{
			float:left;
			width:220px;
			text-align:center;
			margin:0 12px 10px 0;
		}
		#feature .captionBox,
		#feature .mainPic{
			background:#EFEFEF;
		}
		#feature .imageRight .captionBox{
			float:right;
			margin: 0 0 10px 12px;
		}
			#feature .wideBox{float:none;border:0;}

			#feature .captionBox img,
			#feature .mainPic img{border:3px solid #EFEFEF;}
			#feature .captionBox p.caption,
			#feature .mainPic p.caption{padding:2px 0 5px 0;}

		#feature .leaderImage{margin-top:4px;}



	/* STEPTROUGHS, ALPHALIST & SWITCH styles */
			#content .stepThrough,
			#content .alphaList{
				color:#fff;
				font-weight:bold;
				padding:10px 15px;
				margin-bottom:1em;
				background:#efefef;
			}
				#feature .stepThrough{clear:left;}
				
				#highlight .stepThrough,
				.regional #feature .regionalHighlight .stepThrough{
					margin-bottom:0;
					padding:10px 0px 10px 20px;
				} 
					.regional #feature .regionalHighlight .stepThrough{float:none;clear:none;}
					#highlight .stepThrough a,
					.regional #feature .regionalHighlight .stepThrough a{
						margin:0 5px 0 0;
					}
					
				#content .alphaList	{margin:10px 0 0 0;}		
			
				#content .stepThrough .active,
				#content .alphaList li{
					display:inline;
					padding:2px 4px;
					background:#b3b3b3;
					border:1px solid #00aeef;
				}
				#content .stepThrough .ellipsis,
				#content .alphaList .ellipsis{
					color:#00aeef;
					font-size:.7em;
				}
				
				#content .stepThrough a,
				#content .alphaList a{
					color:#fff;
					padding:2px 4px;
					background:#00aeef;
					text-decoration:none;
					border:1px solid #00aeef;
				}
					.helping #content .stepThrough a,
					.helping #content .alphaList a{
						background:#ff007a;
						border:1px solid #ff007a;
					}


				#content .stepThrough a:hover,
				#content .alphaList a:hover{		
					color:#00aeef;
					background:#fff;
				}
					.helping #content .stepThrough a:hover,
					.helping #content .alphaList a:hover{		
						color:#ff007a;
					}


			/* ALPHALIST styles */
			#content .alphaList ul{
				float:left;
				width:100%;
				padding:0 0 .5em 0;
			}
				#content .alphaList li{
					border:0px;
					font-size:1.6em;
					margin-right:3px;
				}	
				#content .alphaList .active{
					border:1px solid #ff007a;
				}
				#content .alphaList .inactive{
					background:#d5d5d5;
					border:1px solid #d5d5d5;
				}
				#content .alphaList li,
				#content .alphaList li a{
					clear:none;
					padding:0;
					float:left;
					display:inline;
					text-align:center;
				}
					#content .alphaList .active,
					#content .alphaList .inactive,
					#content .alphaList li a{
						padding:0px 3px;
					}

				#content .alphaList p {
					clear:both;
					color:#666;
					padding-bottom:0;
					text-transform:capitalize;
				}
	

	/* BUTTON/BOX STYLED LINKS  */
		#content .boxLink{
			margin-bottom:.5em;
			margin-bottom:10px;
		}
			#feature .boxLink{clear:both;}
			#highlight .boxLink{width:230px;}
			
			#content .boxLink p{
				color:#fff;
				line-height:1em;
				font-size:1.4em;
				font-weight:bold;
				text-align:center;
				text-transform:uppercase;
				background:#00aeef;
				border:3px solid #009CD7; 
				padding:5px 0px 3px 0px;
			}
				.helping #content .boxLink p{
					background:#F80074;
					border:3px solid #DF0068; 
				}
			#content .boxLink a img{
				padding-bottom:3px;
				vertical-align:middle;
			}
			#content .boxLink a{ 
				color:#fff;
				text-decoration:none; 
			}
			#content .boxLink a:hover{color:#000;}


				.events #feature .boxLink{width:220px;}
				.projects #feature .boxLink{
				/*	width:228px; 
					float:right;
					display:inline;
					position:relative;*/
				}
				
				.profiles #feature .boxLink{
					margin:0;
					width:100%;
					border-top:5px solid #fff;
				}
				.profiles #feature .boxLink img{border:0px;}
				#feature .boxLink .joinButton{width:230px;}


	



	/* POPUP FILTER & BACKTAB styles */
		#content #filterTab,
		#content #backTab{
			top:0;
			right:0;
			width:230px;
			height:55px;
			position:absolute;
			background:#00AEEF;
		}
			.helping #content #filterTab,
			.helping #content #backTab{background:#F80074;}
		
			#content #filterTab p,
			#content #backTab p{
				font-weight:bold;
				font-size:1.5em;
				line-height:1.2em;
				text-align:center;
				padding:18px 0 0 0;
				text-transform:uppercase;
			}		
			#content #filterTab a,
			#content #backTab a{
				color:#fff;
				font-weight:bold;
				text-decoration:none;
			}		
			#content #filterTab a{padding-right:14px;}
				#content #filterTab a#navClose{background:url(../images/icons/filter-up.gif) right center no-repeat;}		
				#content #filterTab a#navShow{background:url(../images/icons/filter-down.gif) right center no-repeat;}
				.helping #content #filterTab a#navClose{background-image:url(../images/icons/filter-up-pink.gif) ;}		
				.helping #content #filterTab a#navShow{background-image:url(../images/icons/filter-down-pink.gif) ;}
					
			#content #backTab a{
				padding-left:14px;
				background:url(../images/icons/filter-back.gif) left center no-repeat;
			}
				.helping #content #backTab a{background:url(../images/icons/filter-back-pink.gif) left center no-repeat;}
			
			#content #filterTab a:hover,
			#content #backTab a:hover{
				color:#000;
			}		


		/* FILTER MENUS */
			#navFilter{
				width:704px;
				margin:0 0 10px 0;
				background:#F7F7F7;
				border:3px solid #00AEEF;
			}	
				.helping #navFilter{
				/*	background:#FECCE3; */
					border:3px solid #F80074;
				}				
	
	
			#navFilter a{
				color:#fff;
			}
				
				#navFilter fieldset,
				#navFilter ul{
					float:left;
					clear:none;
					width:auto;
					background:transparent;
					border:0;
				}
				#navFilter fieldset{
					padding:0 0 0 10px;
					width:260px;
				}
				#navFilter legend{
					color:#008CC1;
					text-transform:uppercase;
				}
					.helping #navFilter legend{color:#C8005D;}
					
				#navFilter fieldset.Regions{padding-left:0px;}
				#navFilter fieldset.Disciplines{
					border-left:1px solid #00AEEF;
					border-right:1px solid #00AEEF;
				}
					.helping #navFilter fieldset.Disciplines{border-color: #F80074;}
				
				#navFilter fieldset.NewsCategories{width:130px;}
				#navFilter fieldset li {
					float:left;
					width:130px;
				}
				#navFilter label{color:#333;}
				#navFilter form ul.multi input{margin-right:0px;}
				#navFilter label.deselected{/*color:#555;*/}
				#navFilter label.selected{font-weight:bold;}
				#navFilter .submitbutton{
					clear:both;
					display:block;
					margin:0 0 5px 0;
				}
			
			p.activeFilters{padding:10px 0 0 0;color:#666;}








/* INDEX styles */

	.index #content {
		width:710px;
		padding:10px 0px;
	}


	/* MODULE styles */
		.index #content .featureModule,
		.index #content .moduleItem{
			width:350px;
			position:relative;
			margin-bottom:10px;
		}
			.index #content .featureModule .icon,
			.index #content .moduleItem .icon{
				top:0;
				right:0;
				position:absolute;
			}
			.index #content .featureModule a:hover,
			.index #content .moduleItem a:hover{background:transparent;}
	
		.index #content .featureModule{
			clear:left;
			width:710px;
			height:350px;
			/* text-shadow: 1px 1px 3px #fff; */
			background-position:right top;
			background-repeat:no-repeat;
		}
				.index #content .featureModule .detail{
					width:330px;
					height:100%;
					min-height:100%;
					padding:0 10px;
					font-size:1.5em;
				}
			.index #content .featureModule h2 {padding-top:20px;font-size:2.1em;}
			.index #content .featureModule h2 span{font-size:.6em;line-height:1em;}

		.index #content .moduleItem .detail{font-size:1.2em;}
		.index #content .moduleItem .leaderImage{
			display:block;
			height:210px;
			overflow:hidden;
		}
		.index #content .col1,
		.index #content .col2{
			float:left;
			display:inline;
		}
		.index #content .col2{
			left:10px;
			position:relative;
		}
		.index #content .col1{clear:left;}
		

		/* module colour coding */
			.index #content .propel-arrow a, /* propel-arrow default */
			.index #content .propel-arrow h2{color:#00aeef;}
			.index #content .prop-fest a,
			.index #content .prop-fest h2{color:#2a3990;}
			.index #content .amplifier a,
			.index #content .amplifier h2{color:#3777bc;}
			.index #content .workshops a,
			.index #content .workshops h2{color:#6950a1;}
			.index #content .yculture-metro a,
			.index #content .yculture-metro h2{color:#ed0c6e;}
			.index #content .events a,
			.index #content .events h2{color:#ee3224;}
			.index #content .resources a,
			.index #content .resources h2{color:#f68b1f;}
			.index #content .pollinate-forums a,
			.index #content .pollinate-forums h2{color:#f2be1a;}
			.index #content .propel-ezine a,
			.index #content .propel-ezine h2{color:#d7df23;}
			.index #content .information a,
			.index #content .information h2{color:#75c594;}
			.index #content .arts-camp a,
			.index #content .arts-camp h2{color:#1AB57C;}
			.index #content .yculture-regional a,
			.index #content .yculture-regional h2{color:#929b3d;}

		/* featureModule special colour coding */
			.index #content .whiteWash,
			.index #content .whiteBlurb{
				color:#fff; 
				background-color:#000;
			}
			.index #content .whiteWash h2,
			.index #content .whiteWash a{
				color:#fff;
			}
			.index #content .blackWash h2,
			.index #content .blackWash a{
				color:#333;
			}
			.index #content .sectionBg .propel-arrow{background-color:#00aeef;}
			.index #content .sectionBg .prop-fest{background-color:#2a3990;}
			.index #content .sectionBg .amplifier {background-color:#3777bc;}
			.index #content .sectionBg .workshops {background-color:#6950a1;}
			.index #content .sectionBg .yculture-metro {background-color:#ed0c6e;}
			.index #content .sectionBg .events {background-color:#ee3224;}
			.index #content .sectionBg .resources {background-color:#f68b1f;}
			.index #content .sectionBg .pollinate-forums {background-color:#f2be1a;}
			.index #content .sectionBg .propel-ezine {background-color:#d7df23;}
			.index #content .sectionBg .information {background-color:#75c594;}
			.index #content .sectionBg .arts-camp {background-color:#1AB57C;}
			.index #content .sectionBg .yculture-regional {background-color:#929b3d;}
	

	/* PROFILE styles */
		.index #content .frontProfile {
			padding:10px 0;
			width:710px;	
			clear:both;
			background-color:#efefef;
		}
		.index #content .frontProfile .profileDetail {
			float:left;
			width:212px;	
			display:inline;
			font-size:1.2em;
			text-align:right;
			padding:15px 0 0 7px;
		}
			.index #content .profileDetail h2{color:#00aeef;}	
			.index #content .profileDetail h3{padding:0;}	
			.index #content .profileDetail h4{padding:0 0 .5em 0;}	

		.index #content .frontProfile .profileImages {
			height:310px;
			text-align:right;
			margin-left:233px;	
		}
			.index #content .frontProfile .profileImages a.leaderImage{
				display:block;
				margin:0;
				float:left;
				height: 300px;
				overflow:hidden;
				border:3px solid #999;
			}
			.index #content .frontProfile .profileImages a.leaderImage img{
				vertical-align:top;
			}




/* SHARED MODULE STYLES */


	/* shared module styles
	NEWS
	EVENTS
	ARTS Q&A styles 
	PROJECTS
	PROJECT REVIEWS
	ARTISTS &
	STAFF */
		
		/* pageheaders */
		.news #content .pageHeader,
		.events #content .pageHeader,
		.profiles #content .pageHeader,
		.projects #content .pageHeader,
		.reviews #content .pageHeader,
		.grants #content .pageHeader,
		.artists #content .pageHeader,
		.people #content .pageHeader,
		.jobs #content .pageHeader,
		.faq #content .pageHeader,
		.regionalFront #content .pageHeader,
		.regional #content .pageHeader{
			height:35px;
			padding-bottom:0px;
		}
		
		/* single items - headings dates  */
			#feature h1 .date,
			#feature h2 .date,
			#feature .newsHeadline .date,
			#feature .eventTitle .date,
			#feature .profileTitle .date {
				font-size:.65em;
				line-height:1.2em;
			}
			#feature h2 .date{font-size:.9em;}
			.profiles #feature .date{color:#999;}

		/* secondary headings   */
		/* NEWS, ARTS Q&A - PROFILES */
		.news #feature h2.author,
		.profiles #feature h2.leader,
		.reviews #feature h2.leader,
		.artists #feature h2.role,
		.people #feature h2.position,
		.jobs #feature h2.closingDate{
			font-size:2em;
			padding:0 0 .4em 0;
			text-transform:none;
			position:relative;
			top:-0.4em;
		}
		.news #feature h2.leader{padding-bottom:.7em;}
		.profiles #feature h3.author{font-size:1.5em;margin-top:-0.4em;}
		.jobs #feature h3.contactPerson{color:#777;font-size:1.5em;}

				
		/* narrow feature col lists */
			.news #feature,
			.news #feature .newsList,
			.events #feature,
			.events #feature .eventList,
			.profiles #feature,
			.regionalFront #feature,
			.projects #feature,
			.reviews #feature,
			.grants #feature,
			.faq #feature {
				float:left;
				width:460px;
				display:inline;
				margin-right:-5px;
			}


		/* wide feature col lists */
			#feature .projectList,
			#feature .grantList,
			#feature .artistList,
			#feature .staffList,
			#feature .sponsorList{
				float:left;
				width:700px;
				display:inline;
				margin-right:-5px;
			}

				#feature .artistList,
				#feature .staffList{
					margin-top:10px;
				}
	
				#feature .grantList{
					border-bottom:3px solid #efefef;
					margin-bottom:3em;
				}
				#feature .projectList{padding-bottom:3em;}
			
			
			/* single col lists styles */
				.news #feature .newsList li,
				#feature .eventList li,
				#feature .projectList li,
				#feature .grantList li,
				#feature .employmentList li,
				#feature .sponsorList li{
					float:left;
					width:100%;
					display:inline;
					padding:.5em 0;
					background-image:none;
					border-top:3px solid #efefef;
				}

				#feature .newsList li.first,
				#feature .eventList li.first,
				#feature .projectList li.first,
				#feature .grantList li.first,
				#feature .employmentList li.first,
				#feature .sponsorList li.first{
					border-top:0px;
				}
			
				#feature .newsList .date,
				#feature .eventList .date{font-size:.75em;}

				#feature .employmentList .date{font-size:1.2em;padding:0 0 .5em 0;}
	
			
	
			/* multi col wide lists */
				#feature .artistList li.artistItem,
				#feature .staffList li.staffItem{
					padding:0;
					clear:none;
					float:left;
					width:220px;
					display:inline;
					height:330px;
					border-right:solid 20px #fff;
					background-image:none;
				/*	border-bottom:3px solid #efefef;*/
				}
				#feature .artistList li.col3,
				#feature .staffList li.col3{
					border-right:0px;
				}

					#feature .artistList li .leaderImage,
					#feature .staffList li .leaderImage{
						display:block;
						margin:0;
						float:none;
						width:220px;
						height: 165px;
						overflow:hidden;
					}
					#feature .artistList li .leaderImage img,
					#feature .staffList li .leaderImage img{
						vertical-align:middle;
					}
				
					.artists #feature .artistList li .role,
					.people #feature .staffList li .position{
						color:#666;
						padding-top:0;
						font-size:1em;
						text-transform:uppercase;
					}
					.people #feature .staffList li .position{padding-bottom:.5em;}


		/* highlight col styles/lists */
			.news #content #highlight,
			.events #content #highlight,
			.regionalFront #content #highlight,
			.profiles #content #highlight,
			.projects #content #highlight,
			.reviews #content #highlight,
			.grants #content #highlight,
			.faq #content #highlight{
				padding-bottom:0;
			}
	
				.news #highlight,
				.profiles #highlight,
				.regionalFront #highlight,
				.projects #highlight,
				.reviews #highlight,
				.grants #highlight,
				.faq #highlight{background:#EFEFEF;}
	
				#highlight .listHeader{padding:12px 10px 0px 20px}
				#highlight .listHeader h2,
				#highlight .listHeader p{padding:0px}
		
	
	
				.news #highlight .newsList,
				.profiles #highlight .profileList,
				.regionalFront #highlight .regionList,
				.projects #highlight .projectList,
				.faq #highlight .categoryList,
				.grants #highlight .grantList{padding:0px;}
	
				.news #highlight .newsList li,
				.profiles #highlight .profileList li,
				.regionalFront #highlight .regionList li,
				.projects #highlight .projectList li,
				.grants #highlight .grantList li,
				.faq #highlight .categoryList li{
					padding:10px 10px 10px 20px;
					border-bottom:1px solid #fff;				
					background:url(../images/icons/arrow-white.gif) 6px 6px no-repeat;
				}
	
					.news #highlight .newsList li h3.newsHeadline,
	
					.profiles #highlight .profileList li h3.profileTitle{font-size:1.2em;}
					.profiles #highlight .profileList li h4.leader{font-size:1.1em;padding-top:0;}

					.projects #highlight .reviewList li h4.leader{color:#333;}




/* GALLERIES */
	#feature .profileGallery,
	#feature .reviewGallery,
	#feature .artistGallery{
		clear:both;
		padding-top:10px;
		border-top:3px solid #efefef;
	}	
		#feature .galleryList{
			position:relative;
			float:left;
			width:460px;
			display:inline;
			margin-right:-5px;
		}
		#feature .artistGallery .galleryList{width:700px;}
		#feature .galleryList li.galleryItem{
			padding:0; 
			clear:none;
			float:left;
			width:100px;
			height:100px;
			display:inline;
			font-size:1.1em;
			line-height:1.1em;
			background-image:none;
			background-color:#efefef;
			border-right:20px solid #fff;
			border-bottom:20px solid #fff;
			
		}	
		#feature .galleryList li.galleryItem a.itemLink,
		#feature .galleryList li.galleryItem a.sm2_link {
			color:#fff;
			z-index:2;
			outline:none;
			display:block;
			position:relative;
			text-decoration:none;
		}
		#feature .galleryList li.photoitem .itemLink{
			width:100px;
			height:100px;
		}	
	#feature .galleryList li.videoitem{background:#efefef url(../images/icons/video.gif) right bottom no-repeat;}
		.helping #feature .galleryList li.videoitem{background-image: url(../images/icons/video_p.gif);}
	#feature .galleryList li.audioitem{background:#efefef url(../images/icons/audio.gif) right bottom no-repeat;}
	 .helping #feature .galleryList li.audioitem{background-image: url(../images/icons/audio_p.gif);}
	
		#feature ul.playlist .dgButton a {display:inline !important;}

		#feature .galleryList li.col1{clear:left;}	
		#feature .profileGallery .galleryList li.col4,
		#feature .reviewGallery .galleryList li.col4,
		#feature .artistGallery .galleryList li.col6{
			width:100px;
			border-right:0px solid #fff;
			padding:0; 
		}	
	

/* EVENTS */
	/*CALENDAR */
	.calendarMonth {
		padding:10px 8px;
		margin-bottom:10px;
		position:relative;
		background:#00AEEF;
	}
		.calendarMonth a{
			color:#017FC1;
			font-weight:bold;
			text-decoration:none;
		}
		.calendarMonth a:hover{
			color:#000;
			background:transparent;
		}
		.calendarMonth h2{
			color:#000;
			font-size:1.8em;
			padding-bottom:.5em;
		}
		.calendarMonth h2.dateNav{
			color:#fff;
			text-align:right;
			font-size:1.5em;
			font-weight:normal;
			background:#008CC1;
			padding:6px 3px 2px 3px;
		}
		.calendarMonth h2.dateNav a{
			color:#fff;
			padding:0 3px;
		}

		.calendarMonth h2.dateNav strong{ float:left;	}


		.calendarMonth table.cal{
			border:0px;
			padding:0;
			margin:0 0 10px 0;
			color:#017FC1;
			background:#008CC1;
			border-collapse:separate;
			border:1px solid #008CC1;
		}
			.calendarMonth .cal th,
			.calendarMonth .cal td{
				width:28px;
				padding:2px 0px;
				font-size: 1.3em;
				text-align:center;
			}
			.calendarMonth .cal th{
				color:#fff;
				padding:3px 0px;
				background:#009CD7;
			}
	
			.calendarMonth .cal td{ background:#fff; }
	
			.calendarMonth .cal td.on{ background:#BFEBFB; }
			.calendarMonth .cal td.activeDate a{color:#000;}





/* ARTS Q&A - PROFILES 
   PROJECTS - REVIEWS
   ARTISTS & STAFF */
	.profiles #feature .mainPic,
	.artists #feature .mainPic,
	.people #feature .mainPic	{
		clear:none;
		float:right;
		margin:0 0 10px 12px;
	}	
	.profiles #feature .contactInf,
	.artists #feature .contactInf,
	.people #feature .contactInf{
		width:330px;
		overflow:hidden;
	}	
		.artists #feature .contactInf li{
			padding-right:0;
		}
		
		.people #feature .staffList .contactInf	{width:220px;}	
		.people #feature .staffList .contactInf li{
			display:inline;
			padding:0;
			background-image:none;
		}

	.artists #feature .formHeader{width:460px;}




/* PROJECTS - REVIEWS */
	.editmode #feature h1.projectTitle .logoImage{display:block;}

	/* reviews single styles */
		.reviews #feature .mainPic{
			clear:left;
		}
		.reviews #feature .projectTitle{
			color:#333;
			padding-bottom: .3em ;
			font-size:1.5em;
		}
		.reviews #highlight .parentProject span{
			display:block;
			padding:12px 10px 0px 20px
		}
		.reviews #highlight .parentProject a{
			display:block;
			padding:10px 10px 10px 20px;
			background:url(../images/icons/arrow-white.gif) 6px 6px no-repeat;
		}

	/* sponsors list styles */
		.projects #feature .projectSponsors{padding-bottom:15px;}
		.projects #feature .projectSponsors li{
			display:inline;
			padding:0 10px 0 0;
			background-image:none;
		}
		.projects #feature .projectSponsors li img{padding:5px 0;vertical-align:middle;}

	/* reviews list styles */
		.projects #feature .projectReviews{
			clear:left;
			margin-bottom:10px;
			background:#efefef;
			border-top:15px solid #fff;
		}
		.projects #feature .projectReviews .listHeader{
			color:#333;
			padding:12px 10px 0px 20px
		}
		.projects #feature .reviewList {
			padding:0;
		}
			.projects #feature .reviewList li{
				padding: 10px 20px;
				border-bottom:1px solid #fff;				
				background:url(../images/icons/arrow-white.gif) 6px 6px no-repeat;
			}
			.projects #feature .reviewList .leaderImage {
				float:right;
				margin:0 0 10px 10px;
				border:3px solid #999;	
			}
			.projects #feature .reviewList .leader{padding:0 0 .4em 0;color:#333;}





/* REGIONAL */
	.regionalFront #content #highlight	{
		margin-top:-45px;
	}			

	.regional #feature .regionalFeature{
		float:left;
		width:460px;
		display:inline;
		margin:0 -5px 1.5em 0;
	}
		.regional #feature .regionalFeature .listHeader,
		.regional #feature .regionalHighlight .listHeader{
			color:#333;
			padding:12px 10px 0px 20px
		}

	/* profile styles */
		.regional #feature .regionalProfiles{
			clear:left;
			background:#efefef;
			border-top:20px solid #fff;
		}
		.regional #feature .profileList {
			padding:0;
		}
			.regional #feature .profileList li{
				padding: 10px 20px;
				border-bottom:1px solid #fff;				
				background:url(../images/icons/arrow-white.gif) 6px 6px no-repeat;
			}
			.regional #feature .profileList .leaderImage {
				float:right;
				margin:0 0 10px 10px;
				border:3px solid #999;	
			}
			.regional #feature .profileList .leader{padding:0 0 .4em 0;color:#333;}
			.regional #feature .profileList .date{color:#999;}


	/* news/highlight styles */
		.regional #feature .regionalHighlight{
			width:230px;
			margin:0 0 0 470px;
			background:#EFEFEF;
		}
			.regional #feature .regionalHighlight .newsList{
				padding:0;
				margin:0;
				float:none;
				width:230px;
				display:block;
			}
				.regional #feature .regionalHighlight li{
					width:200px;
					padding:10px 10px 10px 20px;
					border-bottom:1px solid #fff;				
					background:url(../images/icons/arrow-white.gif) 6px 6px no-repeat;
				}
	
			.regional #feature .regionalHighlight li{float:none;clear:none;}

	
	

/* FAQ */
		#feature .knowledgeBase p.description{	padding-bottom:.5em;}
		#feature .knowledgeBase ol li{
			padding-left: 12px;
			background-image:none;
			list-style: inside decimal;
		}
		#feature .knowledgeItem {
			width: 460px;
			margin-top:1em;
			border-top:3px solid #efefef;
		}
		#feature .knowledgeItem h3 span.num{
			padding:0px 4px;
			color:#fff;
			background:#ff007a;
			border:1px solid #ff007a;
		}

	.faq #content #highlight	{
		margin-top:-45px;
	}			
	


/* RESOURCES - LINKS */
	#feature .categoryMenu,
	#feature .categoryList{
		clear:both;
		float:left;
		width:700px;
		background:#efefef;
	}
	#feature .categoryMenu{margin-bottom:1.5em;}
	#feature .categoryMenu h3{
		padding-left:15px;
	}
		#feature .categoryList li{
			clear:none;
			width: 300px;
			font-size:1.2em;
			font-weight:bold;
			line-height:1.2em;
			padding:.3em 0 .3em 35px;
		}
			#feature .categoryList li.col1 { clear:left;float:left; }
			#feature .categoryList li.col2 { margin-left:350px; }
			#feature .categoryList li a{color:#666;}


		#feature .resourceCategory {
			padding-top:.5em;
			border-bottom:3px solid #efefef;
		}
		#feature .resourceList li.resourceItem{
			padding:.2em 0 .2em 35px;
			background: url(../images/icons/arrow-pink.gif) 20px .6em no-repeat;
		}
		#feature .resourceList p{padding-bottom:.2em;}
		#feature .resourceList .resourceName{font-weight:bold;padding:0;}

		#feature .resourceList .attachment{padding:0;}
		#feature .resourceList .attachment dt{background-image:none;}
		#feature .resourceList .attachment dt,
		#feature .resourceList .attachment dd{display:inline;padding:0 3px 0 0;}



/* SEARCH styles */
	.search #feature h2.searchResults{
	 	color:#333;
		text-transform:none;
	}
	#feature .resultCategories{
		margin:.5em 0 1.5em 0;
		background:#efefef;
	}
	#feature .resultCategories h3{
		padding-left:15px;
	}
		#feature .resultCategories .anchorList li{
			clear:none;
			width: 300px;
			font-size:1.2em;
			font-weight:bold;
			line-height:1.2em;
			padding:0 0 .5em 35px;
		}
		#feature .resultCategories .anchorList li a{color:#666;}

	#feature .searchCategory{
		border-bottom:3px solid #efefef;
	}
		#feature .searchCategory .resultList li a{font-weight:bold;}
	
	






/* VACANCIES/JOBS styles */
	.jobs #feature .contactInf li{
		display:inline;
		padding:0;
		background-image:none;
	}
	.artists #feature .formHeader{width:460px;}



/* SPONSORS */
	#feature .sponsorList li{
		padding-left:0; 
		background-image:none;
	}
		#feature .sponsorList .inset{margin-left:192px;}
	#feature .sponsorList .leaderImage{
		width: 180px;
	}
	
	


/* EZINE - LIST */
	#feature .zineList .zineTitle{
		width:210px;
	}





/* CONTACT styles */
	#feature .googleMap{
		float:right;
		margin:0 0 10px 10px;
		border:3px solid #efefef;
	}


	
/* FOOTER styles */
	#footer{text-align:center;}
		#footer .sponsorList li{
			display:inline;
			padding-right:20px;
		}
			#footer .sponsorList li img{vertical-align:middle;}
		
	#footer p{
		color:#777;
		font-size:1.1em;
	}
		#footer .credit,
		#footer .copyright{clear:left;}


	/* USERPANEL styles */
		#userpanel {
			padding:10px;
			background:#efefef;
		}
			#userpanel h2.greeting{
				margin-bottom:.3em;
				text-transform:uppercase;
			}
			#userpanel ul{padding:0;}
			#userpanel ul li{
				padding-right:6px;
			}
		


	

/* FORM TWEAKS */	

	/* SIDEBAR FORMS */
	
		/* main search form */
			#searchBox label{
				margin:2px 0 ;
				color:#fff;
				font-size:2em;
				line-height:1.2em;
			}
			#searchBox input#searchKeywords{
				width:160px;
				margin-right:2px;
				border-color:#008CC1;
			}
		/* mailing list */
			#MailList h1.errorMessage{display:none;}
			#MailList .form{padding-bottom:1.4em;}
			#MailList label{
				color:#333;
				padding: 0;  
				font-size: 1.4em;
				font-weight:normal;
				line-height: 1.4em;
			}
			#MailList .formbuttons{text-align:right;}
			#MailList p{padding-bottom:0em;}


	/* CONTENT FORMS */
		#content form ul li input.radio{margin:2px 10px;}
		#content form .inputgroup .fileinputs input{background:transparent;border:0px;}
	
		/* sign up */
			form#Members #submitbutton,
			form#Members #Members_reset{
				padding:3px;
				color:#fff;
				width:auto; 
				margin-left:0;
				cursor:pointer;
				font-weight:bold;
				background: #00AEEF;
				border:3px solid #009CD7;
				text-transform:uppercase;
			}
		/* FAQ search */
			#content #search{
				width:230px;
				top:10px;
				right:0;
				height:35px;
				padding:5px 10px;
				position:absolute;
			}
			#content #search label{
				width:60px;
				margin:8px 0 0 0 ;
				font-size:1.4em;
				line-height:1.2em;
			}
			#content #search input#keywords{
				width:120px;
				margin-right:2px;
			}


	/* HIGHLIGHT FORMS */
		
		/* FAQ search */
			#highlight #FAQsearch{
				clear:none;
				padding-left:20px;
			}
			#highlight #FAQsearch label{
				margin:2px 0 ;
				font-size:1.6em;
				line-height:1.2em;
			}
			#highlight #FAQsearch input#keywords{
				width:150px;
				margin-right:2px;
			}


	


	
/* clearfix hack if needed */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	


        

/* management tweaks */
	#content .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#content .manage dd {
		margin-left: 20px;
	}
	#content .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	




.editmode #feature .contentItem{border-bottom:1px solid #eee;padding-bottom:5px;}

/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
        overflow: visible;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }

		#dgProgressDiv
		{
		        position: absolute;
		        bottom: 0px;
		        left: 10px;
		        width: 241px;
		        height: 241px;
		z-index: 2000;
			background-image: url(../dreamgirl/images/dreaming.gif);
		}
		
.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12px 0 0 -200px; */
        margin:12px 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
		opacity: 0.5;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}