body { position:relative; width:852px; margin:0 auto; color:white; background-color:black; font:14px sans-serif }
img { border:0; vertical-align:middle }
a { text-decoration:none }
a:hover { text-decoration:underline }

#top { position:relative; height:73px; padding-top:32px }
#top h1 { margin:0 }
#top h2 { position:absolute; top:0; left:0; margin:0; width:94%; font:italic 17px/32px sans-serif; text-align:center }
#lang { position:absolute; top:0; right:0; font:14px/32px "Trebuchet MS",sans-serif; color:#bbb }
#lang b { color:#777 }
#lang a { color:#bbb }
#info { position:absolute; top:35px; left:316px; width:536px; height:48px; color:#eee; background:url(../img/bkg-info.png) no-repeat 0 0 }
address { position:absolute; top:12px; left:55px; font:16px/20px sans-serif }
address a { padding:0 2px; font:11px "Trebuchet MS",sans-serif; color:#ff006c; text-decoration:underline }
address a:hover { color:#ff6396 }
#phone-email { position:absolute; top:14px; right:59px; font:15px/19px sans-serif; text-align:center }
#phone-email:first-line { font:16px/20px sans-serif }

#map { position:absolute; z-index:2; top:92px; right:0 }

.content { position:relative }

#page { margin-bottom:2em; padding-left:316px }
#page img { width:536px; height:300px }
#page-content { position:relative; top:-13px; padding-top:18px; background:url(../img/rounded-corners.png) no-repeat top }
#page-content p { margin:1em 0; padding-left:12px; font:13px verdana; color:#eee }
#page-content a { color:#ff6396; text-decoration:underline }
#page-content a:hover { color:#ffafc6 }
#page-content a.pdf { font:15px/24px verdana; padding-left:28px; background:url(../img/pdf.gif) no-repeat left }

#menu { position:absolute; left:0; top:0; width:302px; margin:0; padding:19px 0 0 0; list-style:none; text-align:center; background:url(../img/dots-white.gif) no-repeat 45px 1px }
#menu li { margin:12px 0 }
#menu img { padding:0 26px }
#menu img.selected { background:url(../img/pointer.gif) no-repeat right 10px }

#index { padding:13px 0 0 10px; background:url(../img/dots-magenta.gif) no-repeat 45px top }
.cell { display:inline-block; width:278px; height:169px; padding-top:3px; vertical-align:top; text-align:center }
.cell a { display:inline-block; color:#ff006c }
.cell img.text { position:relative; z-index:1 }
.cell img.photo { position:relative; top:-15px; padding:1px; border:3px solid black }
.cell a:hover img.photo { border-color:#990041 }
#intro { height:162px; padding-top:10px; font:italic 15px/18px sans-serif; color:#eee }
#intro p { margin:0; padding-bottom:1em }
#subscribe { position:relative; height:172px; padding-top:0; font:13px/15px sans-serif; color:#eee }
#subscribe form { position:absolute; bottom:15px; left:0; width:100%; padding-bottom:5px; background:url(../img/bkg-subscribe.png) no-repeat center bottom }
#subscribe form p { margin:12px 0 }
#subscribe input.text { width:170px; height:14px; padding:5px 0 3px 4px; font:12px/14px sans-serif; color:#bbb; background:url(../img/bkg-input.gif); border:0 }
#subscribe input.submit { width:72px; height:21px; margin-left:5px; font:bold 13px "TTrebuchet MS",sans-serif; color:#eee; background:url(../img/button.png); border:0; cursor:pointer }
#subscribe a { font:17px/20px "Trebuchet MS",sans-serif; color:#ff006c; text-decoration:underline }
#subscribe a:hover { color:#ff6396 }
#subscribe strong { color:#ff006c }

.event { zoom:1; margin:1em 0; padding:1px 12px; background:url(../img/bkg-events.png) no-repeat left bottom }
.event span { font:italic 14px verdana; color:#ccc }
.event h2 { margin:0; font:bold 16px sans-serif; color:#ff6396 }
.event p { margin:.8em 0 1.5em 1em !important }
#events form { zoom:1; padding:6px 12px 14px; background:url(../img/bkg-events-form.png) no-repeat left bottom }
#events form p { margin:0; line-height:32px }
#events label.text { display:inline-block; width:120px; text-align:right; font-weight:bold }
#events label.legal { font:13px sans-serif }
#events input.text { width:170px; padding:5px 0 3px 4px; font:12px/14px sans-serif; color:#eee; background:url(../img/bkg-input.gif); border:0 }
#events input.checkbox { margin-left:126px }
#events input.submit { width:72px; height:21px; margin-left:1em; font:bold 13px "TTrebuchet MS",sans-serif; color:#eee; background:url(../img/button.png); border:0; cursor:pointer }
#events h1 { margin:2em 0 1em; height:21px; font:16px/21px verdana; padding:1em 0 0 23px; background:url(../img/bullet-expand.gif) no-repeat left bottom; border-top:1px solid #800036 }
#events h1.expanded { background-image:url(../img/bullet-contract.gif) }
#events h1.expanded a { color:#ffafc6 }
p#send-form { zoom:1; border-top:1px solid #800036; margin-top:2em; padding-top:1em }
p#send-ok { margin-top:1.5em; padding:15px 0 15px 12px; font:16px verdana; color:#55ff55; border-top:1px solid #55ff55; border-bottom:1px solid #55ff55 }

#footer { border-top:1px solid #800036; margin-top:18px; padding:7px 0 21px; font:12px/25px "Trebuchet MS",verdana; text-align:center; color:#868686 }
#footer a { color:#868686 }
#footer a:hover { color:#aaa }

#legal { position:absolute; z-index:1; right:10%; bottom:46px; width:350px; border:3px solid #868686 }