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

* { margin: 0px; padding: 0px; }

body { background: #333333 url(img/page_background.jpg) repeat-y scroll center center; font: 12px Helvetica, Arial, sans-serif; color: #000000; text-align: justify;}

a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a:hover { color: #FF66FF; }

h1 { display: block; font: 24px Helvetica, Arial, sans-serif; color: #CC66CC; text-transform: uppercase; margin-bottom: 5px; }
h2 {}
h3 {}
h4 {}
h5 {}

#header_wrap { display: block; height: 400px; background: url(img/background.jpg) repeat-x; clear: both; }

#header { display: block; width: 100%; height: 400px; margin: 0px auto; padding: 0px; background: url(img/header.jpg) center top no-repeat; }

#subheader { width: 880px; clear: both; margin: 0 auto; padding: 20px; background: url(img/subheader.jpg) center top no-repeat; overflow: visible; display: table; }
	#mainmenu { width: 880px; height: 50px; clear: both; }
	#mainmenu a { display: block; float: left; margin-right: 20px; padding: 10px 0px; color: #FFFFFF; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; border-top: 5px solid transparent; }
	#mainmenu a:hover { border-bottom: 5px solid white; border-top: 5px solid white; }

.page_wrap { display: block; width: 920px; margin: 0px auto; clear: both; }

.content_wrap { width: 880px; padding: 10px 0px; margin: 0 auto; clear: both; border-top: 1px solid #FFCCFF; display: table; }

.muted_text { color: #666666; }

.two_thirds_left { width: 590px; float: left; }
.two_thirds_right { width: 590px; float: right; }
.one_third_left { width: 280px; float: left; }
.one_third_center { width: 280px; margin-left: 16px; float: left; }
.one_third_right { width: 280px; float: right; }
.one_half_left { width: 435px; float: left; }
.one_half_right { width: 435px; float: right; }

table.appearances { border: 0px; margin: 0px; padding: 0px; width: 100%; }
td.date { font-weight: bold; color: #FFFFFF; padding-right: 5px; padding-bottom: 5px; vertical-align: top; }
td.event { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #FFCCCC; }
	td.event:hover { background-color: #FFCCCC; }

a.imglink { display: block; border: 5px solid #FFFFFF; background-color: #FFFFFF; }
	a.imglink:hover { border-color: #FF99FF; background-color: #FF99FF; }
	

.gallery a img { display: block; border: 5px solid #FFFFFF; width: 200px; height: 200px; float: left; margin-right: 10px; margin-bottom: 10px; }