/*==============================================================

	Custom Styles

==============================================================*/
body {font:13px Arial, Helvetica, sans-serif;color:#163A72;}
h1 {font-family: arial,helvetica,sans-serif; font-size: 16px;}

.headerBG {background:url(/images/index_header.jpg) top left no-repeat;}
	body#AboutUs .headerBG {background:url(/images/abac_header.jpg) top left no-repeat;}
	body#location .headerBG {background:url(/images/location_header.jpg) top left no-repeat;}
	body#program .headerBG {background:url(/images/program_header.jpg) top left no-repeat;}
	body#BodyArt .headerBG {background:url(/images/bodyart_header.jpg) top left no-repeat;}
	body#BodyArt .headerBG {background:url(/images/bodyart_header.jpg) top left no-repeat;}
	body#Photography .headerBG {background:url(/images/photography_header.jpg) top left no-repeat;}
	body#WearableArt .headerBG {background:url(/images/wearableart_header.jpg) top left no-repeat;}
	body#PavementArt .headerBG {background:url(/images/pavementart_header.jpg) top left no-repeat;}
	body#Exhibition .headerBG {background:url(/images/exhibition_header.jpg) top left no-repeat;}
	body#Gallery .headerBG {background:url(/images/gallery_header.jpg) top left no-repeat;}
	body#FAQPage .headerBG {background:url(/images/faq_header.jpg) top left no-repeat;}
	body#Sponsorslinks .headerBG {background:url(/images/sponsors_header.jpg) top left no-repeat;}
	body#ContactPage .headerBG {background:url(/images/contact_header.jpg) top left no-repeat;}

img.sponsors {display:none;}
body#IndexStyles img.sponsors {display:inline!important;}

/* ######## PDF / Form List ######## */

ul.formList {list-style:none;margin:0;padding:0;width:100%;}
	ul.formList li {float:left;width:100%;border-bottom:1px dashed #FFF;}
	ul.formList a {float:left;padding:4px 0 4px 42px;margin:15px 0 15px 0;background:url(/images/pdf-icon.png) no-repeat;color:#006760;text-decoration:none;}
	ul.formList a:hover {text-decoration:underline;}

/* ######## Menu ######## */


/* ######## Suckerfish Menu ######## */

	#NavContainer, #NavContainer ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 140px;
	}
	
	#NavContainer ul li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 140px;
	}
	
	#NavContainer ul li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 140px;
		margin-top : -28px;
	}
	
	#NavContainer ul li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#NavContainer ul li a {
		width: 122px;
		w\idth : 122px;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		padding :4px 0 7px 15px;
		background:url(../images/punklogic/nav-bg_03.png) 3px -28px no-repeat;
		font:13px Arial, Helvetica, sans-serif;
		color:#666;
	}
	body#IndexStyles li#HomeLinkSelect a {
		background:url(../images/punklogic/nav-bg_03.png) 3px 0 no-repeat;
	}
	
	#NavContainer ul li a:hover {
		background:url(../images/punklogic/nav-bg_03.png) 3px 0 no-repeat;
	}
	
	#NavContainer ul li:hover ul ul, #NavContainer ul li:hover ul ul ul, #NavContainer ul li.sfhover ul ul, #NavContainer ul li.sfhover ul ul ul {
		left: -999em;
	}
	
	#NavContainer ul li:hover ul, #NavContainer ul li li:hover ul, #NavContainer ul li li li:hover ul, #NavContainer ul li.sfhover ul, #NavContainer ul li li.sfhover ul, #NavContainer ul li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 140px;
	}

/* ######## Content Area ########*/

		/* CONTENT FUNCTIONS */
		ul.ContentFunctions {display:block;float:left;padding:0 0 0 12px;list-style:none;width:96%;margin:0 0 12px 0;background:url(../images/punklogic/not-nav-bg.png);}
			ul.ContentFunctions li {float:left;}
			ul.ContentFunctions li a {float:left;padding:10px 0 12px 28px;margin:0 20px 0 0;font-size:13px;color:#666;text-decoration:none;}
			ul.ContentFunctions li a.subscribeLink {background:url(../images/punklogic/top-nav-icons_03.png) 0 8px no-repeat;}
			ul.ContentFunctions li a.rssLink {background:url(../images/punklogic/top-nav-icons_05.png) 0 8px no-repeat;}
			ul.ContentFunctions li a.shareLink {background:url(../images/punklogic/share_05.png) 0 8px no-repeat;}
			ul.ContentFunctions li a:hover {text-decoration:underline;}


/* ######## FaceBox Popup ######## */

#facebox .b {
  background:url(../images/punklogic/b.png);
}

#facebox .tl {
  background:url(../images/punklogic/tl.png);
}

#facebox .tr {
  background:url(../images/punklogic/tr.png);
}

#facebox .bl {
  background:url(../images/punklogic/bl.png);
}

#facebox .br {
  background:url(../images/punklogic/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* Photo Gallery */

div.gallery { display: block; overflow: hidden; padding: 50px 0 0 50px; margin: 0 auto 20px; width: 860px;   }
 div.gallery div.side {  }
  div.gallery div.side div.slide ul { list-style: none; width: 600px; margin: 0 auto; padding: 0; }
   div.gallery div.side div.slide ul li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #333; }
    div.gallery div.side div.slide ul li img { display: block; margin: 0 0 10px; }
    div.gallery div.side div.slide ul li span.title { padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) 100% 50% no-repeat; color: #fc0; font: 2em Georgia,serif; }
    div.gallery div.side div.slide ul li span.description { display: block; margin: 10px 0 0; }
 div.gallery div.main { }
 
 .js div.gallery div.side { float: left; width: 260px; }
  .js div.gallery div.side div.wrapper { overflow: hidden; width: 260px; height: 352px; margin: 0 0 10px; }
   .js div.gallery div.side div.slide { width: 10001px; }
    .js div.gallery div.side div.slide ul { float: left; width: 260px; margin: 0; padding: 0; }
     .js div.gallery div.side div.slide ul li { float: left; width: 122px; margin: 0; padding: 0 8px 8px 0; border-bottom: none; cursor: pointer; }
      .js div.gallery div.side div.slide ul li img { margin: 0; padding: 0; width: 120px; height: 80px; border: 1px solid #000; }
      .js div.gallery div.side div.slide ul li img.active { border-color: #fc0 !important; }
      .js div.gallery div.side div.slide ul li img.over { border-color: #ac8a00; }
      .js div.gallery div.side div.slide ul li span { display: none; }
  .js div.gallery div.side ul.index { overflow: hidden; list-style: none; width: 80%; margin: 0 auto 15px; padding: 0; }
   .js div.gallery div.side ul.index li { float: left; font-size: 1.1em; }
   .js div.gallery div.side ul.index li.prev {  }
   .js div.gallery div.side ul.index li.next { float: right; }
    .js div.gallery div.side ul.index li a { color: #fc0; outline: none; text-decoration: underline !important; }
 .js div.gallery div.main { position: relative; float: right; width: 600px; min-height: 450px; height: auto !important; height: 400px; background: url(../images/indicator.gif) 50% 38% no-repeat; }
  .js div.gallery div.main div.wrapper {  }
   .js div.gallery div.main div.wrapper img { display: block; margin: 0 0 45px; }
   .js div.gallery div.main div.wrapper span.title { padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) 100% 50% no-repeat; color: #fc0; font: 2.4em Georgia,serif; }
   .js div.gallery div.main div.wrapper span.description { display: block; margin: 10px 0; font-size: 1.2em; }
  .js div.gallery div.main div.pagination { position: absolute; top: 401px; left: 0; display: block; width: 572px; padding: 5px 14px; background: #333; }
   .js div.gallery div.main div.pagination div.pages-wrapper { display: block; position: relative; overflow: hidden; width: 100%; height: 20px; background: #000; }
    .js div.gallery div.main div.pagination div.pages-wrapper ul.steps { list-style: none; margin: 0; padding: 0; }
     .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li { position: absolute; line-height: 20px; }
     .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li.prev { left: 10px; }
     .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li.next { right: 10px; }
      .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li a { color: #fff; text-decoration: none !important; outline: none; }
      .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li a:hover { color: #fc0; }
    .js div.gallery div.main div.pagination div.pages-wrapper div.pages { overflow: hidden; width: 520px; margin: 0 auto; }
     .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul { float: left; list-style: none; width: 10001px; margin: 0; padding: 0; }
      .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li { float: left; width: 26px; font-size: 1.1em; line-height: 20px; text-align: center; }
       .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li a { color: #fff; text-decoration: none !important; outline: none; }
       .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li a:hover,
       .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li.active a { color: #fc0; }