/* Base style removal, global fixes and browser/platform fixes */
:link, :visited {
	text-decoration:none
}
ul {
	list-style:none
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
ul, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, dl, dt, dd, input {
	margin:0;
	padding:0
}
a img, :link img, :visited img {
	border:none
}
address {
	font-style:normal
}
a, a:link, a:visited, a:hover, a:active {
	outline:0;
}
/*    End of pre-wipe  */

body {
	behavior:url("/css/csshover.htc");
	padding:0;
	margin:0;
	background-color: #FFF;
}



#container {
	position:relative;
	width:960px;
	margin:0 auto;
}



/* HEADER */

#header {
	position:absolute;
	top:0;
	height:180px;
	width:960px;
}
#headermask {
	position:absolute;
	top:118px;
	background:url(../images/png/headermask.png) no-repeat;
	width:960px;
	height:62px;
}

#logo {
	position:absolute;
	top:-8px;
	left:278px;
	display:block;
	width:123px;
	height:157px;
	background:url(../images/common/logo.gif) no-repeat;
	z-index:20;
}


#logo1 {
	position:absolute;
	top:100px;
	left:-23px;
	display:block;
	width:444px;
	height:59px;
	background:url(../images/common/logo1.gif) no-repeat;
	z-index:20;
}

/* HOME */		


#homecontainer {
	margin: 0 auto;
	width: 960px;
	height: 100%;
}
#homecontainer img {
	border:none;
}

#homewrapper {
	width:960px;
	margin: auto;
	width:960px;
	position: absolute;
	height: 450px;
	top: 50%;
	margin-top: -225px; /* Half of splash height */
}


#homeleft {
	float:left;
	width:480px;
	height:445px;
	background:url(../images/home/homeleft.jpg) no-repeat;
	
}

#homeright {
	float:left;
	width:475px;
	height:445px;
	margin:0 0 0 5px;
}


#homerighth1 {
	position:absolute;
	top:-20px;
	right:15px;
	width:460px;
	height:221px;
	text-indent:-3450px;
	overflow:hidden;
	z-index:200;
	background:url(../images/home/discover.png);
}


.rhomenav1 {
	background:url(../images/home/nav1.gif);
	display:block;
	width:200px;
	height:200px;
	position:absolute;
	z-index:20;
}

#logotop {
	position:absolute;
	top:-7px;
	left:204px;
	width:159px;
	height:7px;
	background:url(../images/home/logo-top.gif) no-repeat;

}
#logoleft {
	position:absolute;
	top:264px;
	left:-19px;
	width:19px;
	height:24px;
	background:url(../images/home/logo-left.gif);
}




#registered_programs, #about_us, #art_gallery, #gift_shop, #artist_in_residence, #events_performances, #contact_us  {
	float:left;
	width:475px;
	height:445px;
	display:none;
	 
}
.bgshape {
	width:475px;
	height:445px;
	background:url(../images/home/rightbg.png) no-repeat;
}
#registered_programs p, #about_us p, #art_gallery p, #gift_shop p, #artist_in_residence p, #events_performances p, #contact_us p {
	font:12px/20px Arial, Helvetica, sans-serif;
	width:260px;
	height:180px;
	overflow:hidden;
	padding:180px 0 0 160px;
}

.registered-programs { 
	background-color:#afbd21;
}
.about-us { 
	background-color:#d60836; 
}
.art-gallery {
	background-color:#de6532; 
}
.gift-shop {
	background-color:#1181cd; 
}
.artist-in-residence {
	background-color:#6c41ba; 
}
.events-performances {
	background-color:#e629a0; 
}
.contact-us  {
	background-color:#40b846; 
}

#homeright #registered_programs h1, #homeright #about_us h1, #homeright #art_gallery h1, #homeright #gift_shop h1, #homeright #artist_in_residence h1, #homeright #events_performances h1, #homeright #contact_us h1 {
	position:absolute;
	top:-3px;
	left:491px;
	display:block;
	width:441px;
	height:192px;
	z-index:340;
	text-indent:-435px;
	overflow:hidden;
}

#homeright #registered_programs h1 {
	background:url(../images/home/registered-programs.gif) no-repeat; 
}
#homeright #about_us h1 { 
	background:url(../images/home/about-us.gif) no-repeat; 
}
#homeright #art_gallery h1 {
	background:url(../images/home/art-gallery.gif) no-repeat; 

}
#homeright #gift_shop h1 {
	background:url(../images/home/gift-shop.gif) no-repeat; 

}
#homeright #artist_in_residence h1 {
	background:url(../images/home/artist-in-residence.gif) no-repeat; 
}
#homeright #events_performances h1 {
	background:url(../images/home/events-performances.gif) no-repeat; 

}
#homeright #contact_us h1  {
	background:url(../images/home/contact-us.gif) no-repeat; 

}

#rightreflect {
	position:absolute;
	top:410px;
	right:0;
	width:480px;
	height:35px;
	background:url(../images/home/rightreflect.png);
}


/* NAVIGATION */


ul#nav {
	display:block;

	padding:0;
	margin:0;
	list-style:none;

}

ul#nav li {
	float:left;
}

ul#nav a {
	padding:0;
	margin:0;
	float:left;
	height:115px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#nav a:hover {
	background-color:#000;
}


.nav1 a {
	width:130px;
	background:url(../images/png/navtop.png) 0px 0px #afbd21;
}
.nav2 a {
	width:150px;
	background:url(../images/png/navtop.png) no-repeat -130px 0px #e629a0;
}
.nav3 a {
	width:105px;
	background:url(../images/png/navtop.png) -280px 0px;
}
.nav4 a {
	width:127px;
	background:url(../images/png/navtop.png) -385px 0px #de6532;
}
.nav5 a {
	width:117px;
	background:url(../images/png/navtop.png) -512px 0px #1181cd;
}
.nav6 a {
	width:121px;
	background:url(../images/png/navtop.png) -629px 0px #6c41ba;
}
.nav7 a {
	width:108px;
	background:url(../images/png/navtop.png) -750px 0px #d60836;
}
.nav8 a {
	width:102px;
	background:url(../images/png/navtop.png) -858px 0px #40b846;
}





/* COMMON */

#wrapper {
	padding:118px 0 0 0;
}


#content {
	width:960px;
	float:left;
}

#content #left, #content  #middle, #content  #right {
	float:left;
}

#content #left {
	width:250px;
	
}
	#content #left h1 {
		position:absolute;
		top:150px;
		left:0;
		width:317px;
		height:125px;
		text-indent:-2413px;
		overflow:hidden;
		z-index:30;
		line-height:12px;
		padding:0;
		margin:0;
	}

#content #middle {
	width:600px;
	padding:60px 0 70px 0;
	min-height:200px;

}
	#content #middle h1 {
		font:24px/20px Arial, Helvetica, sans-serif;
		position:absolute;
		display:block;
		top:180px;
		left:292px;
		width:508px;
		height:48px;
		overflow:hidden;
		background:url(../images/png/middleh1.png);
		z-index:20;	
		padding:25px 0 0 50px;
		margin:0;
		text-transform:uppercase;
		letter-spacing:-0.5px;
}
		#content #middle h1.imageon {
			width:325px;
		}
	
#content #middle p {
	font:12px/18px Arial, Helvetica, sans-serif;
	padding:0px 50px 10px 94px;
}

#content #middle h2 {
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	padding:0px 50px 0 94px;
}

#content #middle h3 {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	padding:0px 50px 0 94px;
}

#content #middle a {
	color:#000;
	text-decoration:underline;
}	


#content #middle a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#000;
}

#content #middle ol {
	font:12px/18px Arial, Helvetica, sans-serif;
	padding:0px 50px 10px 111px;
	
	list-style:roman;
	list-style-position:outside;
	
}
#content #middle ul {
	font:12px/18px Arial, Helvetica, sans-serif;
	padding:0px 50px 10px 110px;
	list-style:disc;
	list-style-position:outside;
	
}


	#content.about-us #middle ul {
		list-style:none;
		padding:0px 50px 10px 94px;

	}


#content #middle li {
	padding:0 0 5px 0;
}

#content #middle #mid_body {
	padding: 80px 50px 0 100px;
}

#content #right {
	width:110px;
}

#content #right #rightimg {
	position:absolute;
	top:160px;
	right:-15px;
	height:170px;
	width:300px;
	z-index:40;
	margin:0;
	padding:0;
	

}
#content #right #rightimgshadow {
	position:absolute;
	top:174px;
	right:10px;
	width:294px;
	height:24px;
	background:url(../images/png/rightimg.png);

}

/* SUB NAVIGATION */


ul#subnav {
	font:14px/20px tahoma, verdana, sans-serif;
	text-transform:uppercase;
	width:180px;
	padding:160px 0 0 0;
	margin:0 0 60px 40px;
	list-style:none;
	height:100%;
	
}

ul#subnav li {
		
}

ul#subnav li a {
	display:block;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:1px 5px;
}
ul#subnav li a:hover {
	color:#fff;
	background-color:#000;
}

ul#subnav li.selected a {
	color: #000;
	background: url(../images/png/lighter.png);
}

/* REGISTERED PROGRAMS */

#content.registered-programs {
	background-color:#afbd21;

	}

.registered-programs #left, .events #middle, .events #right {
	float:left;
}

.registered-programs #left h1 {
		background:url(../images/sections/registered-programs.png) no-repeat;
}

.registered-programs #middle {
	background:url(../images/png/middlep.png) #bfca4d no-repeat;

}

.registered-programs #right {

}
.registered-programs #right #rightimg
{
	border:4px solid #af6b6b;
	padding:0;
	margin:0;
}


/* EVENTS & PERFORMANCES */

#content.events-performances {
	background-color:#e629a0;

	}

.events-performances #left, .events #middle, .events #right {
	float:left;
}

.events-performances #left h1 {
		background:url(../images/sections/events-performances.png) no-repeat;
}

.events-performances #middle {
	background:url(../images/png/middlep.png) #ee74c1 no-repeat;

}

.events-performances #right {

}
.events-performances #right #rightimg
{
	border:4px solid #666;
	padding:0;
	margin:0;
}


/* ART GALLERY */

#content.art-gallery {
	background-color:#de6532;

	}

.art-gallery #left, .events #middle, .events #right {
	float:left;
}

.art-gallery #left h1 {
		background:url(../images/sections/art-gallery.png) no-repeat;
}

.art-gallery #middle {
	background:url(../images/png/middlep.png) #e37e53 no-repeat;

}

.art-gallery #right {

}
.art-gallery #right #rightimg
{
	border:4px solid #af6b6b;
	padding:0;
	margin:0;
}

/* GIFT SHOP */

#content.gift-shop {
	background-color:#1181cd;

	}

.gift-shop #left, .events #middle, .events #right {
	float:left;
}

.gift-shop #left h1 {
		background:url(../images/sections/gift-shop.png) no-repeat;
}

.gift-shop #middle {
	background:url(../images/png/middlep.png) #47a5e5 no-repeat;

}

.gift-shop #right {

}
.gift-shop #right #rightimg
{
	border:4px solid #af6b6b;
	padding:0;
	margin:0;
}

/* ARTIST IN RESIDENCE */

#content.artist-in-residence {
	background-color:#6c41ba;

	}

.artist-in-residence #left, .events #middle, .events #right {
	float:left;
}

.artist-in-residence #left h1 {
		background:url(../images/sections/artist-in-residence.png) no-repeat;
}

.artist-in-residence #middle {
	background:url(../images/png/middlep.png) #9670db no-repeat;

}

.artist-in-residence #right {

}
.artist-in-residence #right #rightimg
{
	border:4px solid #af6b6b;
	padding:0;
	margin:0;
}

/* ABOUT US */

#content.about-us {
	background-color:#d60836;

	}

.about-us #left, .events #middle, .events #right {
	float:left;
}

.about-us #left h1 {
		background:url(../images/sections/about-us.png) no-repeat;
}

.about-us #middle {
	background:url(../images/png/middlep.png) #ed5c5c no-repeat;

}

.about-us #right {

}
.about-us #right #rightimg
{
	border:4px solid #af6b6b;
	padding:0;
	margin:0;
}

/* CONTACT US */

#content.contact-us {
	background-color:#40b846;

	}

.contact-us #left, .events #middle, .events #right {
	float:left;
}

.contact-us #left h1 {
		background:url(../images/sections/contact-us.png) no-repeat;
}

.contact-us #middle {
	background:url(../images/png/middlep.png) #78cd7d no-repeat;

}

.contact-us #right {

}
.contact-us #right #rightimg
{
	border:4px solid #af6b6b;
	padding:0;
	margin:0;
}



/* FOOTER */


#footer {
	position:relative;
	top:-43px;
	background:url(../images/png/footer.png);
	clear:both;
	width:960px;
	height:90px;
	z-index:2000;
	font:11px/11px Arial, Helvetica, sans-serif;
}



#footerhomepage {
	position:absolute;
	bottom:-20px;
	clear:both;
	width:960px;
	height:50px;
	z-index:2000;
	font:11px/11px Arial, Helvetica, sans-serif;
}

.footname {
	
	padding: 5px 0 0 10px;
	margin:0;
}

.footlocation {
	font-size:10px;
	padding: 0 0 0 10px;
	margin:0;
}

a#ccclogo {
	position:absolute;
	bottom:0px;
	left:409px;
	display:block;
	text-indent:-500px;
	overflow:hidden;
	width:145px;
	height:47px;
	background:url(../images/ccclogo.png);
	margin:0 auto;
}
#footer a#ccclogo {
	bottom:0px;
}
a.barkingdogstudios {
	position:absolute;
	top:0;
	right:5px;
	color:#ccc;
}
a.barkingdogstudios {
	color:#ccc;
}
a.barkingdogstudios:hover {
	color:#aaa;
}