body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; }

img { border: 0; }

h1 { margin: 0 0 0.6em; font-size: 200%; font-weight: normal; border-bottom: 1px solid #aeaeae; color: #aeaeae; }
body.white h1 { color: black; }

h2 { font-size: 160%; font-weight: normal; }

h3 { font-size: 120%; }

a { color: #e2211c; }

td p { margin: 0.5em 0; padding: 0 5px; }

p.gallery_page_break { clear: both; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

.align-right { text-align: right !important; }

.bold { font-weight: bold; }


#wrapper { width: 900px; margin: 0 auto; }

#header { padding: 2px 0; }

#logo { float: left; margin: 0 2px 0 0; }

#banner { position: relative; width: 698px; height: 200px; margin-left: 202px; }
#banner ul { margin: 0; padding: 0; list-style-type: none; }
#banner ul li { position: absolute; left: 0; top: 0; display: none; }
#banner ul li.active { display: block; }
#banner ul li.jsactive { z-index: 40; }
#banner ul li img { position: absolute; z-index: 20; left: 0; top: 0; }
#banner ul li img.blur { z-index: 30; display: none; }
#banner ul li.active img.blur { z-index: 10; display: block; }

#main { position: relative; background: #2c2c2c url(../graphics/sidebar4.gif) repeat-y; }
body.white #main { background-color: white; }

#sidebar { float: left; padding: 0 0 20px; width: 200px; background: url(../graphics/sidebar3.gif) repeat-x; color: white; }
#sidebar ul { margin: 0; padding: 0 0 1em; list-style-type: none; }
#sidebar li {  }
#sidebar li a { color: white; zoom: 1; display: block; padding: 4px 20px; text-decoration: none; }
#sidebar li a:hover { background: #d52929; }
#sidebar li.nav_active a, #sidebar li.nav_active a:hover, #sidebar li.nav_active li.nav_active a, #sidebar li.nav_active li.nav_active a:hover { background: #690b01; }
#sidebar li ul { display: none; padding: 0; }
#sidebar li.nav_active ul { display: block; }
#sidebar li.nav_active li a { background: transparent; padding: 4px 20px 4px 40px; }
#sidebar li.nav_active li li a { padding: 4px 20px 4px 60px; }
#sidebar li.nav_active li a:hover { background: #64ab2a; }
#sidebar h3 { margin: 0 0 0.3em; padding: 0 20px; color: #a9ca90; font-weight: normal; font-size: 130%; }
#sidebar form { position: relative; padding: 20px; #padding: 0 20px 20px; }
#sidebar form input.text { width: 155px; margin: 0 0 0.5em; }
#sidebar #email_link { font-size: 100%; background: black; height: 25px; line-height: 25px; padding: 0; margin: 0 10px 2em; }
#sidebar #email_link a { display: block; text-decoration: none; color: #ac9684; padding: 0 0 0 31px; background: url(../graphics/email_icon2.gif) no-repeat 10px center; }
#sidebar #mailing_list_heading { background: #690b01; height: 25px; line-height: 25px; color: white; text-transform: uppercase; font-size: 110%; }
#sidebar form input.button { position: absolute; bottom: 17px; right: 20px; background: url(../graphics/join_button2.gif) no-repeat; border: 0; color: white; width: 82px; height: 25px; cursor: pointer; }

#sidebar #event-nav li ul { display: block; }
#sidebar #event-nav li a { color: #e67672; font-size: 130%; }
#sidebar #event-nav li a:hover,
#sidebar #event-nav li.nav_active a,
#sidebar #event-nav li.nav_active a:hover { background: transparent; }
#sidebar #event-nav li ul li a { color: white; font-size: 100%; }
#sidebar #event-nav li ul li a:hover,
#sidebar #event-nav li.nav_active ul li a:hover { background: #d52929; }
#sidebar #event-nav li.nav_active ul li.nav_active a,
#sidebar #event-nav li.nav_active ul li.nav_active a:hover { background: #6f0200; }
/* #sidebar #event-nav li.nav_active ul li.nav_active ul li a { background: #0c1d08; } */
#sidebar #event-nav li.nav_active ul li.nav_active ul li.nav_active a,
#sidebar #event-nav li.nav_active ul li.nav_active ul li a:hover { background: #000; }
#sidebar #event-nav li ul li ul { display: none; }
#sidebar #event-nav li ul li.nav_active ul { display: block; }

#mtb_spons { background: white url(../graphics/sblogos_top2.gif) no-repeat left top; }
#mtb_spons div.inner { padding: 40px 0; background: url(../graphics/sblogos_base2.gif) no-repeat left bottom; }
#mtb_spons p { text-align: center; }

#content { float: right; width: 658px; margin-top: -60px; padding: 20px; background: #2c2c2c; color: white; font-size: 110%; }
* html #content { position: relative; overflow: hidden; }
#content.home { padding-bottom: 363px; }
body.white #content { color: black; }
body.white #content a { color: #5d8a1d; }

/* #events_calendar { position: absolute; bottom: 20px; right: 20px; width: 622px; min-height: 323px; padding: 20px; } */
/* #events_calendar { position: absolute; bottom: 20px; right: 20px; width: 622px; background: url(../graphics/events_calendar.jpg) no-repeat bottom left; min-height: 323px; text-align: right; padding: 20px; } */
* html #events_calendar { height: 323px; }
#events_calendar h2 { color: #aeaeae; text-transform: uppercase; }
#events_calendar p { font-size: 110%; margin: 0; line-height: 1.5em; }

#sponsors, #spons_box { margin: 0 -20px -23px; background: white; }
#sponsors ul, #spons_box ul { margin: 0 0 0 12px; width: 699px; padding: 20px 0 0; list-style-type: none; background: url(../graphics/sponsors.gif) no-repeat; }
#sponsors li, #spons_box li { position: relative; float: left; border-left: 1px solid #ccc; padding: 0 14px; }
#sponsors li.last, #spons_box li.last { border-right: 1px solid #ccc; }

marquee { margin: 2px 0; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 120%; color: white; background: #690B01; }

#copyright { text-align: right; padding: 0 20px; font-size: 90%; }
#copyright a { color: black; }

#gallery {
	margin: 0;
	padding: 0;
}
#gallery li {
	list-style-type: none;
	float: left;
	height: 120px;
	width: 120px;
	margin: 0 20px 20px 0;
	position: relative;
	text-align: center;
}
#gallery li a {
	vertical-align: middle;
	width: 120px;
	height: 120px;
	#width: 100px;
	#height: 100px;
	display: table-cell;
	text-align: center;
	#position: relative;
	#top: 50%;
}
#gallery li a img {
	position: relative;
	#bottom: 25%;
}
