/****** FILE: site/css/colorbox.css *****/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/****** FILE: site/css/grid.css *****/
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/****** FILE: site/css/layout.css *****/
/* ----------------------------------------------------
 GENERAL STYLES
------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #262626;	
}

img, a {
	border: 0;
	outline: 0;	
}

/* ----------------------------------------------------
 HEADER
------------------------------------------------------- */

#Container {
	width: 100%;
	min-width: 960px;
	position: absolute;
	min-height: 100%;
	height: auto;
}

#Content {
	margin-bottom: 170px;	
}

#Header {
	line-height: 0;
	padding-top: 23px;
	padding-bottom: 30px;
}

	.logos {
		height: 77px;
	}

	#Logo {
		display: block;
		float: left;
	}

	.sponsors {
		list-style-type:none;
		float: right;	
		margin: 0;
	}
	
		.sponsors li {
			float: left; 
			margin: 0 0 0 25px;
		}
		
		.sponsors a {
			display: block;
		}
		
.homeTeasers {
	width: 940px;
	height: 350px;
	overflow: hidden;
	position: relative;
}

	.teaser {
		width: 940px;
		height: 350px;
		position: relative;	
	}
	
	.teaser div {
		position: absolute;
		background: #fff;
		bottom: 0;
		right: 80px;
		width: 400px;
		height: 105px;
	}
	
	.teaser div a {
		display: block;
		padding: 16px 22px 0px 22px;
		line-height: 24px;
		font-size: 18px;
	}
	
	.teaser span {
		/*
		line-height: 21px;
		font-size: 21px;
		margin-bottom: 9px;
		*/
		padding: 0 24px 0 0;
		display: inline-block;
		background: url(../images/arrow-normal.png) no-repeat right 7px;
	}
	
	.teaser a:hover span {
		background-image: url(../images/arrow-over.png)
	}
	
.teaserbox {
	margin-top: 30px;
	float: left;	
}

.first {
	margin-top: 0px;
}

ul.flat {
	list-style-type: none;	
	width: 100%;
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------------
 NAVIGATION
------------------------------------------------------- */
ul.nav {
	list-style-type: none;	
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 22px;
}

	.nav li {
		margin: 0 0 6px 0;
		padding: 0;
		font-weight:bold;
	}
	
	.nav ul {
		padding: 0 0 1px 0;
		margin: 0;
		border: 0px solid #D5CFB1;
		border-bottom-width: 1px;
		border-top-width: 1px;
		list-style-type: none;
	}
	
	.nav ul li {
		margin: 0 0 0.5em 0;
		/* font-size: 16px; */
		line-height: 1em;
		font-weight: normal;
	}
	
	.nav a.section {
		/* font-weight: bold; */
		color: #262626;
	}
	
	.nav a:hover {
		color: #262626;
		text-decoration: none !important;
	}
	
	
/* ----------------------------------------------------
 FOOTER
------------------------------------------------------- */
#Footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #C3B987;
	padding: 10px 0 0 0;
	height: 60px;
}

	#Footer,
	#Footer .nav * {
		color: #fff;
		font-size: 12px;
	}
	
	#Footer .nav {
		display: inline;
		width: auto;
	}
	
	#Footer .nav a:hover {
		text-decoration: underline !important;
	}
	
	#Footer .nav li {
		display: inline;
		padding: 0;
	}
	
	#Footer .addthis {
		float: right;
		width: 140px;
		text-align: right;
	}
	
/* ----------------------------------------------------
 FORMS
------------------------------------------------------- */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

input.text, textarea {
	border: 1px solid #D5CFB1;
	padding: 4px 4px;
	width: 95%;
	max-width: 300px;
	background: #edeeef;
}

input.text:focus, textarea:focus {
	background: #fafafa;	
}

label {
	color: #3f4449;
	font-size: 12px;
}

form .field {
	margin-bottom: 8px;	
}

form .required {
	color: #900;
	display: block;
}
	
/* ----------------------------------------------------
 GALLERY
------------------------------------------------------- */
.galleryblock {
	margin: 0 0 1em 0;	
}

.lightbox {
	margin-bottom: 10px;
	float: left;
	width: 100%;	
}

.shortGallery {
	float: left;
	margin: 0 20px 10px 0;	
}

.shortGallery img {
	display: block;	
}

.shortGallery .imageBlock div {
	margin: 0 0 10px 0;	
}

.lightbox .imagewrapper {
	margin-bottom: 15px;	
}

	#cboxPrevious,
	#cboxNext,
	#cboxClose {
		color:#B8AC7D; 
		font-weight: bold; 
	}
	#cboxPrevious:hover,
	#cboxNext:hover,
	#cboxClose:hover {
		color: #262626;
	}	
	
	#cboxNext{
		left: 32px;
	}
	
	#cboxCurrent {
		display: none;
	}
	
	#cboxTitle {
		color: #262626;
	}

/* ----------------------------------------------------
 MISC
------------------------------------------------------- */
.padded {
	padding-right: 20px;	
}

.imagewrapper {
	line-height: 0;
	font-size: 0;	
}

.blockitem {
	margin-bottom: 15px;	
}

/* MOBILE */

/*

@media only screen and (max-device-width: 480px) { 

div#Container {
   margin-left: 8px;
}

div#Content div.grid_2, 
div#Content div.grid_8, 
div#Content div.grid_8 div.padded,
div#Content div.grid_8 p.lead, 
div#Footer, 
div#Footer div.container_12, 
div#Footer div.grid_12,
div#Footer div.addthis {
    min-width: 320px;
    max-width: 480px;
   margin: auto; 
position: relative;
}
div#Header {
margin-left: 0;
padding-bottom: 10px;
}
div#Header div.logos a#Logo img {
width: 250px;
}
div#Header ul.sponsors, div#Header > img, div#Header div.homeTeasers, div#Content div.sidebar {
   display: none;
}
div#Content div.grid_2 {
   float: none;
}
div#Content div.grid_8 div.padded div.left {
   float: none;
}
div#Content div.grid_8 div.padded div.left img {
 width: 300px;
   
}

 }

*/

/****** FILE: site/css/typography.css *****/
.typography {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #262626;
}

.typography a {
	color: #B8AC7D;
	text-decoration: none;
}

.typography a:hover {
	text-decoration: underline;
}

.typography hr {
	border: 0;
	height: 1px;
	margin: 0.5em 0 1em;
	width: 100%;
	background: #C3B987;
	color: #C3B987;
	clear:both;
	overflow:hidden;
	border-style: none;
	outline: 0;
	outline-style: none;
}

.typography hr.bottomline {
	margin: 2em 0 0.5em;	
}

.typography h1 {
	font-size: 21px;
	/* edited 0803 (margin-bottom from 0.5 to 0.75em) */
	margin: 0 0 0.75em 0;	
	/* edited 0803 (new line-height) */
	line-height: 28px;
}

.typography h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 1em 0 0.5em 0;
}

.typography h2.thin {
	font-weight: normal;
	margin: -0.25em 0 1em 0;
}

.typography h3 {
	font-size: 15px;
	line-height: 24px;
	margin: 1em 0 0.5em 0;
}

.typography h4,
.typography h5,
.typography h6 {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}

.typography p {
	margin: 0 0 1em 0;	
}

.typography .lead {
	font-size: 15px;
	line-height: 24px;
}

.typography .daytab {
	display: inline-block;
	width: 22px;
}

.typography .timepart {
	display: inline-block;
	width: 36px;
	padding: 0 3px;
}

.typography .important {
	color: #900;	
}

/* ----------------------------------------------------
 TABLE Styles
------------------------------------------------------- */
.typography table {
	margin: 0.5em 0;
}

.typography table,
.typography table tr,
.typography table td,
.typography table th {
	border-collapse: collapse;
	vertical-align: top;
}

.typography .datelist {
	width: 100%;
	margin: 0.5em 0 2em 0;
}
	.typography .datelist tr {
		border: 0 solid #C3B987;
		border-bottom-width: 1px;
		border-top-width: 1px;
		cursor: pointer;
		/* edited 0804 tvd (fix for safari: arrow is displayed in every cell) 
		background: url(../images/arrow-over.png) no-repeat right 7px;
		*/
		/* edited 0804 tvd (fix for hover-behavior) */
		background:none;
	}
	
	.typography .datelist td {
		padding: 3px 0 3px 8px;
	}
	
	.typography .datelist td.first {
		padding-left: 0px;
	}
	
	/* edited 0804 (new selectors for different table row types) */
	
	.typography .datelist td.locationExhibit {
		padding-right: 20px;
		text-align: right;
		min-width: 120px;
		background: url(../images/arrow-over.png) no-repeat right 7px;
	}
	
	.typography .datelist td.locationEvent {
		padding-right: 20px;
		width: 120px;
		background: url(../images/arrow-over.png) no-repeat right 7px;
	}
	
	.typography .datelist tr.over td.locationEvent, .typography .datelist tr.over td.locationExhibit {
		background-image:url(../images/arrow-normal.png);
	}
	
	.typography .datelist td.eventTime {
		width: 100px;
	}
	
	.typography .datelist tr.soldOut, .typography .datelist tr.soldOut a, .typography .datelist tr.soldOut.over * {
		color:#cc0000;
	}
	
	.typography .datelist td.ticket {
		background-image: url(../images/ticket.png);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 5px 5px;
	}
	
	.typography .datelist tr.soldOut td.ticket {
		background-image: url(../images/noticket.png);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 5px 5px;
	}
	
	.typography .datelist td.distance_holder {
		width: 30px;
	}
	
	/* end of new selectors */
	
	.typography .datelist a {
		color: #262626;
	}
	
	.typography .datelist a:hover {
		text-decoration:none;
	}
	
	.typography .datelist tr.over * {
		color: #B8AC7D;
	}
	
/* ----------------------------------------------------
 LIST Styles
------------------------------------------------------- */

.typography .padded ul
{
	list-style-type: disc;
	padding-left: 15px;
	margin-top: 0;
}
.typography .padded p + ul
{
	margin-top: -1em;
}


/* ----------------------------------------------------
 SIDEBAR Styles
------------------------------------------------------- */
.typography .sidebar {
	font-size: 12px;	
	line-height: 18px;
}

.typography .sidebar h4,
.typography .sidebar h5,
.typography .sidebar h6 {
	font-size: 12px;
	line-height: 18px;
	margin: 1em 0 0.25em 0;
}

.typography .sidebar h2 {
	margin: 0;	
}

.typography .sidebar .dates {
	list-style-type: none;	
	margin: 0 0 1em 0;
	padding: 0;
}

.typography .sidebar hr {
	background: #262626;
	color: #262626;
}

.typography .sidebar p {
	margin: 0 0 0.5em 0;	
}

.typography .teaserbox h3 {
	margin-top: -5px;	
}

.typography .teaserbox p {
	display: inline;
}

.typography .caption {
	font-size: 0.9em;
	color: #666;
}

.typography p.caption {
	margin: 0;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
	/* edited 110805 (new margin-top) */
	margin: 3px 20px 5px 0;
}
.typography .center {
	text-align: center;
	margin: 0 20px 5px 20px;
}
.typography .right {
	text-align: right;
	margin: 0 0 5px 20px;
}

.typography div.left {
	float: left;
}

.typography div.right {
	float: right;
	text-align:left;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
                margin-bottom: 20px;
	}
.typography div.captionImage img.left, .typography div.lightbox img.left {
		margin-bottom: 5px;
	}

	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}