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

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

img {border: 0px;}
	
a:link, a:visited {color: #FF3300;}
a:hover {color: #FF9900;}

	a.launch-link {background-color: #DF0000; font-weight: bold; color: #FFF; text-decoration: none; margin: 20px 0 30px 0; padding: 10px; -moz-border-radius: 8px; border-radius: 8px;}
	
	.announce-fix {margin: -20px 0 30px 0;}



.big {font-size: 18px; line-height: 24px;}
.bold {font-weight: bold;}
.red {color: #F00;}
.blue {color: #005571;}


.bold-red {font-size: 18px; font-weight: bold; color: #F00; line-height: 24px;}/*delete*/
.big-red {font-size: 18px; font-weight: bold; color: #FF0000;} /*delete*/
	
#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;
		}
		
	.announce {background-color: #ffdfd7; padding: 4px; margin-bottom: 20px; text-align: center;}
		
	ul, li {
		background-color: #cad9dd; font-size: 14px; font-weight: bold;
		list-style: square; color: #005571;
		margin: 0 20px; padding: 4px;
		}
		
	.calling {color: #009;}
	
		
		/* 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: #FFF; font-weight: bold;
		background-color: #55a2c6;
		padding: 8px;
		}	
	
	.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: 10px 10px 20px 10px;
		}
		
		.section-col-left {float: left; width: 220px;}
		.section-col-right {float: right; width: 300px;}
		
		.section-copy ol, .section-copy ul {
			list-style: none; color: #000;
			}
		
	.section-date {font-size: 12px; font-style: italic; font-weight: bold; color: #55a2c6; text-align: right;}
		
	
	.large {font-size: 18px; line-height: 24px;}
	.small {font-size: 12px; color: #888;}
		
		
	table {
		margin: 10px 0; width: 520px;
		border: 1px solid #A3C4DE; background-color: #EEF4F9; font-size: 11px;		
		}
		
			table.compact {width: 410px;}
			table.compact img {width: 400px;}
		
	td {padding: 8px; border: 1px solid #D5E3F0;}
			
			td.header {
					background-color: #555;
					font-size: 16px; font-weight: bold; letter-spacing: 0.2em; color: #f0e622;
			}
	
#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;}
.photo-box img {width: 196px; height: 140px;}
.photo-box img.nonskew {width: auto; height: 140px;}

	.art-img {width: 520px; border: 3px solid #999;}
	
	img.copy {padding: 4px;}
	.section-copy img {max-width: 520px;}


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

 	#shop-info {text-align: left; margin: 0 20px; border-bottom: 1px solid #555; padding-bottom: 20px;}
		.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 */


/**************
	GLOBAL
**************/

.left {float: left;}
.right {float:right;}
.clear {clear: both;}
.center {text-align: center;}