@font-face {
	font-family: 'dearJoe4Regular';
	src: url('fonts/dJ4TRIAL.eot');
	src: local('fonts/dearJoe4 Regular'), local('fonts/DearJoefour'), url('fonts/dJ4TRIAL.woff') format('woff'), url('fonts/dJ4TRIAL.ttf') format('truetype'), url('fonts/dJ4TRIAL.svg#DearJoefour') format('svg');
}

@font-face {
	font-family: 'MyriadProBlackItalic';
	src: url('fonts/MyriadPro-BlackIt.eot');
	src: local('fonts/Myriad Pro'),
	local('fonts/MyriadPro-BlackIt'),
	url('fonts/MyriadPro-BlackIt.woff') format('woff'),
	url('fonts/MyriadPro-BlackIt.otf') format('opentype'),
	url('fonts/MyriadPro-BlackIt.svg#MyriadPro-BlackIt') format('svg');
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('fonts/Myriad Pro'),
	local('fonts/MyriadPro-Regular'),
	url('fonts/MyriadPro-Regular.woff') format('woff'),
	url('fonts/MyriadPro-Regular.otf') format('opentype'),
	url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}

@font-face {
	font-family: 'MyriadProSemiboldItalic';
	src: url('fonts/MyriadPro-SemiboldIt.eot');
	src: local('fonts/Myriad Pro'),
	local('fonts/MyriadPro-SemiboldIt'),
	url('fonts/MyriadPro-SemiboldIt.woff') format('woff'),
	url('fonts/MyriadPro-SemiboldIt.otf') format('opentype'),
	url('fonts/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt') format('svg');
}

*{
	margin: 0;
	padding: 0;
	
}


.clear
{
	display: block;
	clear: both;
}

body
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #fff url('../images/bg_slice.gif') repeat-x left top;
	text-align: center;
}

a img
{
	border: 0;
}

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5, h6
{
	color: #59863c;
	
}

h2{	font-size: 1.875em; /*30px*/ margin-bottom: 10px; font-family: 'dearJoe4Regular';}
h3{	font-size: 1em; /*16px*/ margin-bottom: 10px;}
h4{	font-size: .9em; /*15px*/ margin-bottom: 10px;}
h5{	font-size: .81em; /*14px*/ margin-bottom: 10px;}

h6{ /*substituted for span in CMS therefore needs to be same size as p tag */
	color: #59863c;
	float: left;
	font-family: Verdana;
	font-size: 0.8125em;
	font-weight: 400;
	margin-right: 0.3em;
}

p /* STANDARD PARAGRAPH STYLE */
{
	font-size: 0.8125em;
	margin-bottom: 10px;
}

address{
	font-size: 0.8125em;
	font-style: normal;
	font-family: 'MyriadProSemiboldItalic';
	margin-bottom: 10px;
}

address strong{
	font-family: 'MyriadProBlackItalic';
}

/* LIST STYLES *************************/

#content ul, #sidebar ul 
{
	list-style-position: outside;
	margin-bottom: 10px;
}

#content ol, #sidebar ol{
	list-style-position: outside;
	margin-bottom: 10px;
	padding-left: 8px;
}

#content li, #sidebar li
{
	font-size: 0.8125em; /*needs to match p font-size*/
	margin-left: 15px;
	margin-bottom: 10px;
	
}



/* LAYOUT DIVS *************************/

#container
{
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

#header
{
	background: url('../images/header2.jpg') no-repeat 26px top;
	color: #fff;
	float: left;
	height: 91px;
	position: relative;
	width: 100%
}
	#showdate{
		padding: 15px 0 0 30px;
		font-family: 'MyriadProSemiboldItalic';
		display: inline;
		font-size: 1.538em;
		float: left;
		margin-left: 57px;
	}
	
	#showground{
		display: inline;
		float: right;
		padding: 15px 30px 0 0;
		margin-right: 54px;
		text-align: right;
	}
#nav
{
	float: right;
	height: auto;
	margin-bottom: 33px;
	width: 100%;	
}
	#nav ul{
		margin-left: 52px;
		list-style: none;
	}
	#nav li{
		display: inline;
	}
	#nav li a /* NAVIGATION STYLE */
	{
		background-image: url('../images/nav-sprite.gif');
		background-repeat: no-repeat;
		display: inline-block;
		height: 69px;
		float: left;
		text-indent: -9999px;
	}
	
	#nav-home{
		background-position: 0 -70px;
		width: 84px;
	}
	
	#nav-home:hover, #nav-home.active{
		background-position: 0 0;
	}
	
	#nav-who{
		background-position: -84px -70px;
		width: 194px;
	}
	
	#nav-who:hover, #nav-who.active{
		background-position: -84px 0;
	}
	
	#nav-visit{
		background-position: -278px -70px;
		width: 192px;
	}
	
	#nav-visit:hover, #nav-visit.active{
		background-position: -278px 0;
	}
	
	#nav-comp{
		background-position: -470px -70px;
		width: 194px;
	}
	
	#nav-comp:hover, #nav-comp.active{
		background-position: -470px 0;
	}
	
	#nav-exhibit{
		background-position: -664px -70px;
		width: 194px;
	}
	
	#nav-exhibit:hover, #nav-exhibit.active{
		background-position: -664px 0;
	}
	
#banner{
	background: url('../images/banner2.jpg') no-repeat 26px top;
	display: block;
	height: 283px;
	position: relative;
	width: 100%;
}

	#logo{
		/*background: url('../images/logo.png') no-repeat left top;
		display: block;
		float: left;
		height: 236px;
		text-indent: -9999px;
		width: 486px;
		position: absolute;
		top: -91px; left: 24%;
		z-index: 99;*/
		
		display:block;
		float:left;
		height:170px;
		left:31%;
		position:absolute;
		text-indent:-9999px;
		top:-91px;
		width:334px;
		z-index:99;
	}
	
	#banner-lady{
		/*position: absolute;
		margin-top: 52px;
		margin-left: 452px;
		z-index: 100;*/
		display: none;
	}

#content
{
	float: left;
	display: inline;
	
	margin: 0 0 30px 57px;
	height: auto;
	width: 590px;
}

	#content p, #content li{
		line-height: 135%;
	}

#sidebar{
	float: left;
	width: 312px;
	margin-bottom: 30px;
}

	#sidebar a{
		color: #fff;
		text-decoration: none;
	}
	
	#sidebar a:visited{
		color: #fff;
		text-decoration: none;
	}
	
	#sidebar a:hover, #sidebar a.active{
		color: #fff;
		text-decoration: underline;
	}
	
	#sidebar .box
	{
		background: #59863c url('../images/sidebar-round-top.gif') top left no-repeat;
		color: #fff;
		display: inline;
		float: right;
		margin: 0 54px 10px 0;
		height: auto;
		width: 225px;
	}
		#sidebar .box h4{
			border-bottom: 1px solid #fff;
			color: #fff;
			display: block;
			/*font-family: 'dearJoe4Regular';*/
			margin: 15px;
			padding-bottom: 3px;
		}
		
		#sidebar .box li{
			display: inline;
			list-style: none;
			float: left;
			clear: left;
			width: 194px;
		}
		
		#sidebar .box p{
			padding: 0 15px;
		}
		
		#sidebar li img{
			float: left;
			margin-top: -5px;
		}
		
		#sidebar .btn{
			background: url('../images/sidebar-btn.gif') top left no-repeat;
			clear: both;
			display: block;
			font-size: 1.2307em;
			font-family: 'MyriadProRegular';
			height: 30px;
			outline: none;
			padding-top: 2px; 
			text-align: center;
			width: 194px;
		}
		
		#photo-slider{
			
		}
	
.bottom-box{
	background: url('../images/sidebar-round-bottom.gif') bottom left no-repeat;
	clear: left;
	display: block;
	height: 14px;
	width: 225px;
}

#container-footer
{
	text-align:center;
	width:960px;
}

#footer
{
	background: #59863c;
	color: #fff;
	padding: 5px 0;
	text-align: right;
}
	#footer-text{
		margin: 0 auto;
		width: 852px;
	}

/* LINK STYLES *************************/

a
{
	text-decoration: underline;
	color: #3300ff;
}

a:visited
{
	text-decoration: underline;
	color: #3300ff;
}

a:hover
{
	text-decoration: underline;
	color: #3300ff;
}

#nav a
{
	color: #fff;
	text-decoration: none;
}

#nav a:visited
{
	color: #fff;
	text-decoration: none;
}

#nav a:hover #nav a.active
{
	color: #fff;
	text-decoration: none;
}

#content a{
	color: #59863c;
	text-decoration: underline;
}

#content a:visited{
	color: #59863c;
	text-decoration: underline;
}

#content a:hover{
	color: #59863c;
	text-decoration: underline;
}



/* IMAGE ALIGNMENT */

.img-left{
	float: left;
	margin: 0 10px 10px 0;
}

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

.img-center{
	text-align: center;
	margin: 0 10px 10px;
}

/* TABLE STYLING **/

table, th, td {
	/*border: 1px solid #000;*/
	border-collapse: collapse;
	text-align:center;
}

table{
	width: 100%;
	margin-bottom: 10px;
}

th{
	font-weight: 700;
}

td, th{
	font-size: 0.8125em;
	padding: 3px;
	vertical-align: bottom;
}

/* FORM **/

fieldset{
	
	border: 0;
	color: #000;
	margin-bottom: 10px;
	padding: 0px;
}

label
{
	display: block;
	font-size: 0.81253em;
	padding: 10px 0 5px 0;
}

input[type=text]
{
	border: 1px solid #000;
	padding: 3px;
	width: 75%;
}

#paypal_form input:disabled,
#paypal_form input.disabled
{
	background: #FFF;
	color: #000;
	opacity: 1;
}

input[type=text]:focus, textarea:focus{
	background: #bdcfb1;
}

textarea
{
	border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100px;
	margin-bottom: 10px;
	padding: 3px;
	width: 75%;
}

input[type=submit]{
	margin-bottom: 10px;
	padding: 2px;
}
/* GOOGLE MAP STYLING*/
#map_canvas{
    border: 1px solid #000;
    width: 580px;
    height: 300px;
}

/* SLIDER STYLING **/

#slider, .slide
{
	clear: left;
	overflow: hidden;
	height: 130px;
	width: 188px;
	margin-bottom: 10px;
}

#slider{
	margin-left: 15px;
}

#footer-byline {
	float: left;
}

#footer-byline a {
	color: #ffffff;
}
