@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background: url('mosquitoe-bg.png') fixed bottom right no-repeat #560707;
	font-family: Tahoma, sans-serif; font-size: 14px; color: #333;
	}
	
h2 {font-size: 18px; color: #55a2c6; margin: 30px 0 4px 0;}
	
a:link, a:visited {color: #FF3300;}
	
a:hover {color: #FF9900;}

.boldred {
	font-size: 18px; font-weight: bold; color: #FF0000;
	}
	
#wrapper {
	margin: 20px auto; padding: 10px;
	width: 800px;
	background-color: #FFF;
	}
	
#col-left {
	float: left;
	padding-top: 10px;
	width: 220px;
	}
	
	.left-block {padding: 4px 0 0 4px;}
	
	.left-header {
		padding: 2px 4px;
		font-size: 14px; color: #333; font-weight: bold; background-color: #df0000; color: #f5ef7a; 
		text-transform: uppercase;
		}
		
	.left-copy {
		font-size: 12px; color: #333; letter-spacing: 0.01em; line-height: 16px;
		padding: 4px 0 30px 0;
		}
		
	ul, li {
		font-size: 13px; font-weight: bold;
		list-style: square; color: #f00;
		margin: 0 0 0 20px; padding: 0;
		}
		
		/* ul li ul li {
			font-size: 12px; list-style: none; letter-spacing: 0.03em;
			padding: 4px 0 0 0px; color: #999;
			} */
			
			a.inactive a:link, a.inactive a:visited {color: 777;}
		
		.left-copy a:link, .left-copy a:visited {
			color: #DF0000; text-decoration: none;
			}
		.left-copy a:hover {
			color: #333; background-color: #EEF4F9;
			}
			
			
		.redbox {background-color: #ffdfd7; padding: 8px;}
	
#col-right {
	float: right;
	padding: 10px 0 10px 10px;
	width: 550px; border-left: 1px solid #DDD;
	}
	
	
	#section-header {
		font-size: 16px; color: #F00; font-weight: bold;
		background-color: #e1ebf0;
		padding: 4px;
		}	
	
	.section-subheader {
		font-size: 14px; color: #F00; font-weight: bold; text-decoration: underline;
		padding: 4px;
		}
		
	.section-copy {
		font-size: 13px; color: #555; letter-spacing: 0.06em; line-height: 18px; text-align: justify;
		padding: 4px 10px 30px 10px;
		}
		
	.section-copy ol, .section-copy ul {
		list-style: none; color: #000;
		}
		
	img.copy {padding: 4px;}
	
	.large {font-size: 18px; line-height: 24px;}
	.small {font-size: 12px; color: #888;}
		
		
	table {
		font-size: 11px; border: 1px solid #A3C4DE; background-color: #EEF4F9;
		margin: 10px 0; width: 520px;
		}
		
	td {
		padding: 4px; border: 1px solid #D5E3F0; 
		}
	
	
#footer {
	font-family: Tahoma, sans-serif; font-size: 12px; color: #777;
	clear: both;
	border-top: 1px solid #AAA; padding-top: 4px;
	}

#event-banner {background-color: #555; padding: 10px; margin-bottom: 30px; font-size: 24px; font-weight: bold; color: #FFF;}

	#event-name {padding-right: 30px; color: #f7f186;}
	#event-date {font-size: 16px; font-weight: bold; color: #FFF;}

	#nav-dropdown select {width: 230px; margin: 10px 0; font-size: 14px; font-weight: bold; background-color: #9bc8dd; color: #000;}
		#nav-dropdown option {border-bottom: 1px solid #e1ebf0; padding: 4px 8px;}
		.current {background-color: #f0e622; color: #555;}

	#store-dropdown select {width: 190px; font-size: 14px; font-weight: bold; background-color: #9bc8dd; color: #000;}
		#store-dropdown option {border-bottom: 1px solid #e1ebf0; padding: 4px 8px;}

.photo-box {float: left; margin: 10px; padding-top: 4px; border: 2px solid #a3c4de; background-color: #eef4f9; width: 204px; height: 185px; text-align: center;}
	
.art-img {width: 500px; border: 3px solid #999;}


/* STORE eef4f9 */
.shop-box {float: left; margin: 10px 0; padding-top: 12px; border: 3px solid #a3c4de; background-color: #333; width: 500px; text-align: center; color: #FFF;}

 	#shop-info {text-align: left; margin: 0 20px 30px 20px; border-bottom: 1px solid #555;}
		#shop-info-title {color: #f0e622; font-weight: bold; text-transform: uppercase;}

	.shop-box-left {float: left; width: 235px; padding: 0 10px 0 0; margin-bottom: 20px; border-right: 1px solid #555;}

	.shop-box-right {float: right; width: 235px;}

hr {border: 1px solid #f5ef7a; margin: 4px auto; width: 80%;}
	
/* END STORE */