.whitewrapper { padding-top: 6px; }
.header {
	margin-top: 0px;
	padding-bottom: 4px;
	}

/* navigation */

.navigation {
	float: right;
	list-style: none;
	background: transparent url('/_images/events/nav_left.gif') no-repeat top left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	position: relative;
	width: 342px;
	height: 35px;
	z-index: 9000;
	}	
.navigation li {
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	}
.navigation a {
	text-indent: -3000px;
	background: transparent url('/_images/events/events_nav.gif') no-repeat;
	color: #666;
	display: block;
	}
a#evexplore {
	width: 159px;
	height: 35px;
	background-position: 0px 0px;
	}
a#evexplore:hover, li#active a#evexplore {
	background-position: 0px -35px;
	}
a#evlearn {
	width: 105px;
	height: 35px;
	background-position: -159px 0px;
	}
a#evlearn:hover, li#active a#evlearn {
	background-position: -159px -35px;
	}
a#evblog {
	width: 44px;
	height: 35px;
	background-position: -264px 0px;
	}
a#evblog:hover, li#active a#evblog {
	background-position: -264px -35px;
	}
li#navend {
	width: 17px;
	height: 35px;
	background: transparent url('/_images/events/nav_right.gif') no-repeat top right;
	}
	
/* event info top */

#eventtop {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e1e1e1;
	}
.eventtopleft {
	float: left;
	display: inline;
	font-size: 18px;
	line-height: 20px;
	}
.eventtopright {
	float: right;
	display: inline;
	list-style: none;
	font-size: 12px;
	}
	
.eventtopleft div {
	font-size: 12px;
	}
.eventtopleft img {
	margin-right: 10px;
	}

.eventtopright li {
	display: inline;
	margin-left: 12px;
	padding-left: 18px;
	background: transparent url('/_images/btn_arrow.gif') no-repeat 0px 1px;
	}
#eventtop a:link, #eventtop a:visited, .backto a:link, .backto a:visited { color: #0099cc; }
#eventtop a:hover, .backto a:hover { color: #99cc33; }

/* map and sidebar */

.eventmap {
	float: left;
	display: inline;
	width: 756px;
	height: 396px;
	border: 3px solid #e1e1e1;
	background: #fff;
	}
	
.eventsidebar {
	float: right;
	display: inline;
	border: 3px solid #e1e1e1;
	background: #fff;
	width: 186px;
	height: 396px;
	}
.sidebtn {
	float: left;
	display: inline;
	}
.sidetitle {
	float: right;
	display: inline;
	margin-left: 4px;
	padding: 6px 0px 2px 0px;
	width: 163px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	border-bottom: 1px solid #d3d7ce;
	}
#smallbar {
	float: right;
	display: none;
	width: 19px;
	height: 396px;
	border-bottom: 3px solid #e1e1e1;
	border-left: 3px solid #e1e1e1;
	background: #fff;
	}

.participants {
	height: 370px;
	overflow: auto;
	}
.participants ul {
	margin: 4px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	clear: both;
	}
.participants li {
	border-bottom: 1px dotted #d3d7ce;
	}
#parrow {
	float: right;
	margin-top: 6px;
	}
.participants .options {
	display: none;
	background: #f8f8f7;
	border: 1px solid #d3d7ce;
	margin: 6px 0px 6px 0px;
	padding: 6px 3px;
	}
.participants .optionlist {
	font-size: 11px;
	margin: 0px 8px;
	border-bottom: 1px solid #d3d7ce;
	}
.bubble .options {
	background: #f8f8f7;
	border: 1px solid #d3d7ce;
	margin: 6px 0px 6px 0px;
	padding: 6px 3px;
	}
.bubble .optionlist {
	font-size: 11px;
	margin: 0px 8px;
	border-bottom: 1px solid #d3d7ce;
	}
.optionlist a:link, .optionlist a:visited, .participants a:link, .participants a:visited { color: #0099cc; }
.optionlist a:hover,.participants a:hover { color: #99cc33; }

/* updates, photos, sponsors */
	
.eventupdates {
	float: left;
	display: inline;
	width: 365px;
	margin-right: 19px;
	font-size: 14px;
	line-height: 18px;
	}
.eventupdates ul, .eventsright ul, .eventsleft ul {
	list-style: none;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	}
.eventupdates li, .eventsright li, .eventsleft li {
	margin-bottom: 8px;
	}
.eventupdates li div, .eventsright li div, .eventsleft li div {
	font-size: 12px;
	}
.updatelist a:link {
	color: #0099cc;
	}
.updatelist a:visited {
	color: #647155;
	}
.updatelist a:hover {
	color: #99cc33;
	}
	
.eventphotos {
	float: left;
	display: inline;
	width: 365px;
	margin-right: 19px;
	font-size: 14px;
	line-height: 18px;
	}
.eventphotos img, .eventsleft img, .eventsright img { margin: 0px 3px 3px 0px; }	
.eventsponsors {
	float: left;
	display: inline;
	width: 192px;
	}
	
.eventupdates h1, .eventphotos h1, .eventsponsors h1 {
	color: #99cc33;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #e1e1e1;
	}
.eventsponsors img { margin-right: 6px; }	
	
/* photos page */

.eventsleft {
	float: left;
	display: inline;
	width: 650px;
	}
.eventsleft h1 {
	color: #99cc33;
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px solid #e1e1e1;
	}
	
.eventsright {
	float: right;
	display: inline;
	width: 280px;
	}
.eventsright h1, h1.sponsortitle {
	color: #99cc33;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #e1e1e1;
	}
	
.bottomsponsors img {
	margin: 6px;
	}
	
.format {
	clear: both;
	margin-top: 12px;
	}
.format h1 {
	color: #333;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	}
.format h2 {
	color: #000;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	}
.format h3 {
	color: #333;
	font-size: 16px;
	line-height: 20px;
	}
.format h4 {
	color: #333;
	font-size: 14px;
	line-height: 20px;
	}
	
#showdistance, #showzoom, #playbackoptions {
	display: none;
	background: #e1e1e1;
	padding: 4px 4px 0px 12px;
	font-size: 12px;
	width: 400px;
}
#showzoom { width: 520px; }
#playbackoptions { width: 944px; }

#showdistance a:link, #showdistance a:visited { color: #0099cc; }
#showdistance a:hover { color: #99cc33; }

#resetbtn { display: none; }