/*******************/
 /* layout and form */
/*******************/

body { margin: 0 auto; padding: 0; width: 960px; position: relative; overflow-y: scroll; }
a img { border: 0 none; }
form { margin: 0; }

#logo { margin: 0; padding: 0; width: 271px; height: 175px; position: absolute; top: 30px; left: 50px; }
	#logo a { display: block; width: 271px; height: 175px; overflow: hidden; }

#menuContainer { margin: 0; padding: 12px 10px; width: 132px; position: absolute; top: 240px; left: 143px; }
	#photoControls { margin: 0 0 6px; padding: 0; list-style: none outside; }
		#photoControls li { margin: 0 0 5px; padding: 0; }
			#photoControls a { width: 114px; height: 14px; display: block; overflow: hidden; }
	#menu { margin: 10px 0 0; padding: 0; list-style: none outside; }
		#menu li { margin: 0; padding: 0; }
			#menu a { margin: 0 0 2px; padding: 3px; display: inline-block; }

#contentContainer { margin: 0; padding: 0; width: 540px; position: absolute; top: 220px; left: 335px; }
	#contentContainer h1 { margin: 0 0 6px; padding: 0 7px; height: 50px; }
	#content { padding: 0 8px 12px 6px; width: 528px; overflow: auto; }
		#content p, #content h2 { padding: 0 4px; }
		#content ul { margin: 0 0 1em; }
		#content p { margin: 1em 0 0; }
	#eventList { margin: 0; padding: 0; list-style: none outside; }
		#eventList li { margin: 0 0 5px; padding: 0 8px 0 6px; width: 528px; overflow: hidden; }
			#eventList a { display: block; position: relative; }
				#eventList .eventTimePlace { position: absolute; right: 0; bottom: 2px; }
			#eventList .eventDescription { display: none; }
				#eventList .eventDescription p, #eventList .eventDescription h2 { padding: 0 4px; }
			#eventList .selected .eventDescription { display: block; }

#animation { width: 540px; height: 75px; position: absolute; top: 135px; left: 335px; }
#background { width: auto; height: inherit; position: fixed; z-index: -1; top: 0; left: 50%; overflow: hidden; }

  /********************/
 /* color and images */
/********************/
body { background: url('/download/?id=10985264') repeat left top; color: black; }
a { color: #00aeef; }
#logo { background: url('/download/?id=10869292') no-repeat left top; }
#menuContainer { background: #231f20; color: white; }
#photoControls #nextPhoto { background: url('/download/?id=10869295') no-repeat left top; }
#photoControls #prevPhoto { background: url('/download/?id=10869298') no-repeat left top; }
#menu a { color: white; background: #00aeef; }
#menu a:hover { background: #ed1c24; }
#menu .selected a { background: #ed1c24; }
#contentContainer { background: transparent; }
#contentContainer h1 { color: white; background: #ed1c24; }
#content { background: white; }

#eventList li { background: white; }
#eventList a { color: black; }
#eventList .eventTitle:hover { color: #00aeef; }
#eventList .selected .eventTitle { color: #00aeef; }
#animation { background: #00aeef url('/download/?id=10869289') no-repeat left top; }


  /*****************/
 /* text and type */
/*****************/

body {  font-family: arial, verdana, sans-serif; font-size: 12px; }
h1 { border: 0 none; font-size: 40px; line-height: 50px; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; text-transform: uppercase; }
h2 { font-size: 1.5em; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }
h3 { font-size: 1.17em; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }
h4 { font-size: 1em; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }
h5 { font-size: 0.83em; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }
h6 { font-size: 0.67em; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }

#logo a, #photoControls a { text-indent: -999em; }

#menu a { text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 16px; letter-spacing: -1px; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }

#eventList a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: 'tradeGothic', 'arial black', sans-serif; }
#eventList .eventTitle { font-size: 25px; }
#eventList .eventTimePlace { font-size: 13px; }