/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background-repeat: no-repeat;}
:focus { outline: 0;}
body { line-height: 1; color: #000; background: #fff;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/* DEFAULT TEMPLATE */
body.default { width: 100%; background-image: url(../img/bg/body.gif); background-repeat: repeat-x; background-position: 0 0; font-family: Verdana, Arial; font-size: 11px; background-color: #F87C00; color: #000; text-align: center; position: relative;}
body.default strong { font-weight: bold;}
body.default .hidden { display: none !important;}
body.default a { color: #C30D6F; text-decoration: none;}
body.default a:hover { color: #fff;}
body.default #bg { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; background-image: url(../img/bg/bg.jpg);}
body.default #bg #visual { width: 100%; position: absolute; z-index: 1; left: 0; top: 0;}
body.default #bg img { width: 100%; position: absolute; z-index: 2; left: 0px; top: 0px;}
* html body.default #bg img { behavior: url("/resources/css/iepngfix-mod/iepngfix.htc");}
html > body.default #bg img { }
body.default #wrapper { position: absolute; width: 100%; z-index: 2; top: 0; left: 0;}
body.default #wrapper #page { width: 970px; height: 1250px; margin-left: auto; margin-right: auto; position: relative;}
html > body.default #wrapper #page { *height: 1350px;}
* html body.default #wrapper #page { height: 1350px;}
body.default #wrapper #header { height: 81px; text-align: left; background-color: transparent; position: absolute; z-index: 3; left: 0; top: 0; width: 970px;}
body.default #wrapper #header #logo { width: 131px; height: 102px; margin-left: 34px; margin-top: 64px;}
body.default #wrapper #header #navigation { position: absolute; right: 6px; top: 55px; width: 665px; height: 26px; overflow: hidden;}
* html body.default #wrapper #header #navigation { width: 670px;}
body.default #wrapper #header #navigation ul.primary {}
body.default #wrapper #header #navigation ul.primary li{ float: left; margin-right: 10px;}
html > body.default #wrapper #header #navigation ul.primary li.section { width: 100px;}
html > body.default #wrapper #header #navigation ul.primary li { width: 80px;}
html > body.default #wrapper #header #navigation ul.primary li#multimediaNavigationItem { width: 140px;}
body.default #wrapper #header #navigation ul.primary li a { height: 11px; display: block; font-size: 13px; padding: 5px; padding-top: 10px; padding-right: 10px; background-color: #4EEBF5; text-transform: uppercase;}
body.default #wrapper #header #navigation ul.primary li h1 { height: 11px; display: block; font-size: 13px; padding: 5px; padding-top: 10px; padding-right: 10px; background-color: #fff; text-transform: uppercase; color: #C30D6F;}
body.default #wrapper #header #navigation ul.primary li.section a { font-size: 21px; padding-top: 0; padding-right: 20px; height: 21px;}
body.default #wrapper #header #navigation ul.primary li.section h1 { font-size: 21px; padding-top: 0; padding-right: 20px; height: 21px;}
* html body.default #wrapper #header #navigation ul.primary li { width: 60px;}
* html body.default #wrapper #header #navigation ul.primary li.section { width: 100px;}
body.default #wrapper #header #innerNavigation { float: right; margin-right: 20px; margin-top: -10px;}
body.default #wrapper #header #innerNavigation li{ float: right; margin-left: 20px;}
body.default #wrapper #header #innerNavigation li a { font-size: 24px; display: block; width: 55px; padding: 10px; background-color: #C30D6F; color: #fff;}
body.default #wrapper #header #innerNavigation li h2 { font-size: 24px; display: block; width: 55px; padding: 10px; background-color: #fff; color: #C30D6F;}
body.default #wrapper #header #member { position: absolute; top: 0px; right: 16px; width: 247px; padding-right: 3px; overflow: hidden;}
body.default #wrapper #header #member p.welcome { width: 159px; float: left; color: #fff; text-align: right; padding-right: 10px; margin-top: 10px; line-height: 14px;}
body.default #wrapper #header #member p.logout { width: 78px; margin-top: 5px; float: right;}
body.default #wrapper #header #member p.logout a { xfont-weight: bold; display: block; font-size: 15px; color: #fff; border: 1px solid #fff; padding: 10px; text-transform: uppercase;}
body.default #wrapper #header #member p.logout a:hover { background-color: #C30D6F;}
body.default #wrapper #main { width: 970px; position: absolute; visibility: hidden; overflow: hidden; text-align: left; left: 0; top: 0;}
body.default #wrapper #main div.box { margin-left: 25px;}
body.default #wrapper #main h1.title, body.default #wrapper #main h2.title { padding-left: 5px; font-size: 18px; text-transform: uppercase;}
body.default #wrapper #main div.multimedia { clear: both; width: 940px; overflow: hidden; margin-top: 50px;}
body.default #wrapper #main div.multimedia .title { color: #4EEBF5; padding-left: 0;}
body.default #wrapper #main div.multimedia ul { width: 100%; margin-top: -10px;}
body.default #wrapper #main div.multimedia ul li { margin-top: 10px; width: 443px; height: 58px; padding: 10px; border: 1px solid #000; overflow: hidden; cursor: pointer;}
html > body.default #wrapper #main div.multimedia ul li { *cursor: default;}
body.default #wrapper #main div.multimedia ul li.selected { border-color: #4EEBF5; xbackground-image: url(../img/bg/multimedia_selected.png); bxackground-repeat: repeat; height: auto; background-color: #000;}
body.default #wrapper #main div.multimedia ul li.selected p.download { background-position: 0 0;}
body.default #wrapper #main div.multimedia ul li.selected p.date { color: #4EEBF5;}
body.default #wrapper #main div.multimedia ul li.selected .title a { color: #4EEBF5;}
* html body.default #wrapper #main div.multimedia ul li { width: 445px; height: 58px;}
html > body.default #wrapper #main div.multimedia ul li { *background-color: #FF7900;}
body.default #wrapper #main div.multimedia ul li p.download { width: 45px; height: 31px; background-image: url(../img/buttons/download2.png); background-position: 0 -31px; text-indent: -9000px; float: left; margin-top: 5px;}
body.default #wrapper #main div.multimedia ul li.hovered { background-color: #000;}
body.default #wrapper #main div.multimedia ul li.hovered p.download { background-position: 0 0;}
body.default #wrapper #main div.multimedia ul li p.download a { color: #fff;}
body.default #wrapper #main div.multimedia ul li p.date { float: left; margin-left: 19px; margin-top: 1px; width: 350px; font-size: 14px;}
body.default #wrapper #main div.multimedia ul li .title { float: left; margin-left: 20px; margin-top: 1px; width: 350px; font-size: 19px; text-transform: uppercase;}
body.default #wrapper #main div.multimedia ul li .title a { color: #000;}
body.default #wrapper #main div.multimedia ul li .title a:hover { color: #4EEBF5;}
body.default #wrapper #main div.multimedia ul li.mod2_0 { float: left; clear: both;}
body.default #wrapper #main div.multimedia ul li.mod2_1 { float: right;}
body.default #wrapper #main div.multimedia ul li.mod2_1 p.date { margin-left: 20px;}
body.default #footer { margin-left: 25px; width: 908px; padding: 10px; padding-left: 20px; position: absolute; bottom: 40px; left: 0; text-align: left; border: 1px solid #CC6000; color: #000;}
* html body.default #footer { width: 940px;}
/* SECONDARY TEMPLATE */
body.secondary #header #logo a { display: block; width: 100%; height: 100%; z-index: 4000; text-indent: -9000px;}
/* MULTIMEDIA TEMPLATE */
body.multimedia #wrapper #page { height: 1000px;}
body.multimedia #wrapper #page #main { top: 200px;}
body.multimedia #wrapper #main div.multimedia ul li { background-color: #ff7900;}
body.multimedia #wrapper #main div.multimedia ul li .title { margin-left: 15px; color: #fff !important;}
body.multimedia #wrapper #main div.multimedia ul li ul.files { display: none; margin-top: 80px; margin-left: 0px; clear: both;}
html > body.multimedia #wrapper #main div.multimedia ul li ul.files { *margin-top: 20px;}
body.multimedia #wrapper #main div.multimedia ul li.selected ul.files { display: block;}
body.multimedia #wrapper #main div.multimedia ul li ul li { width: 100%; padding: 0; padding-bottom: 0 !important; height: auto !important; border-style: none; overflow: hidden; background-color: transparent;}
body.multimedia #wrapper #main div.multimedia ul li ul li .title { float: left; margin-left: 15px; height: 18px; margin-bottom: 0px; padding-left: 50px; width: 285px; font-size: 12px; font-family: Arial, Verdana;}
body.multimedia #wrapper #main div.multimedia ul li ul li.hovered .titlxe a { color: #fff;}
body.multimedia #wrapper #main div.multimedia ul li ul li.audio .title { background-image: url(../img/icons/audio2.png); background-position: 0 1px;}
body.multimedia #wrapper #main div.multimedia ul li ul li.video .title { background-image: url(../img/icons/video2.png); height: 15px;}
body.multimedia #wrapper #main div.multimedia ul li ul li .title a:hover { color: #fff;}
body.multimedia #wrapper #main div.multimedia ul li ul li p.button { float: right; margin-right: 10px; width: 65px;}
body.multimedia #wrapper #main div.multimedia ul li ul li p.button a { display: block; padding: 3px; color: #4EEBF5; border: 1px solid #4EEBF5; text-align: center;}
body.multimedia #wrapper #main div.multimedia ul li ul li.hovered p.button a { color: #fff; border-color: #fff;}
html > body.multimedia #wrapper #main div.multimedia ul li { *background-color: #fff;}
/* PHOTOS TEMPLATE */
body.photos #wrapper #page { height: 1400px;}
body.photos #wrapper #page #main { top: 200px;}
body.photos #wrapper #main div.photos ul { width: 100%; overflow: hidden;}
body.photos #wrapper #main div.photos ul li { float: left; width: 443px; padding: 10px; padding-top: 20px; padding-bottom: 20px; border: 1px solid #000; margin-top: 20px;}
body.photos #wrapper #main div.photos ul li.mod2_0 { clear: both;}
body.photos #wrapper #main div.photos ul li.mod2_1 { float: right;}
body.photos #wrapper #main div.photos ul li p.date { margin-left: 10px; color: #000; font-size: 14px;}
body.photos #wrapper #main div.photos ul li .title { margin-left: 6px; color: #000; height: 40px;}
body.photos #wrapper #main div.photos ul li ul { margin-left: 10px; margin-top: 10px;}
body.photos #wrapper #main div.photos ul li ul li { float: left; width: 54px; margin-right: 10px; border-style: none; padding: 0; margin-top: 10px;}
body.photos #wrapper #main div.photos ul li ul li.more { margin-left: 40px; margin-top: 40px; width: 76px; text-align: center; border: 1px solid #000;}
body.photos #wrapper #main div.photos ul li ul li.more a { display: block; padding: 5px; color: #000; text-decoration: none; text-transform: uppercase;}
body.photos #wrapper #main div.photos ul li ul li.more a:hover { background-color: #fff;}
body.photos #wrapper #main div.photos div.pagination {}
body.photos #wrapper #main div.photos div.pagination ul {}
body.photos #wrapper #main div.photos div.pagination ul li { width: auto; padding: 10px; margin-right: 10px;}
body.photos #wrapper #main div.photos div.pagination ul li span { display: block; width: 100%; height: 100%; font-weight: bold;}
body.photos #wrapper #main div.photos div.pagination ul li a { color: #000;}
/* GALLERY TEMPLATE */
body.gallery #wrapper #page { height: 1800px;}
body.gallery #wrapper #page #main { width: 920px; overflow: hidden; right: 0; left: auto; top: 250px;}
body.gallery #wrapper #page #main #showcase { width: 800px; float: left; overflow: hidden;}
body.gallery #wrapper #page #main #showcase p.container {}
body.gallery #wrapper #page #main #showcase img { floxat: right;}
body.gallery #wrapper #page #main #showcase h1 { float: left; width: 500px; font-size: 24px; margin-bottom: 10px;}
body.gallery #wrapper #page #main #showcase div.navigation { float: right; margin-right: 1px; width: 270px; overflow: hidden; padding-bottom: 10px;}
body.gallery #wrapper #page #main #showcase div.navigation p { float: left; width: 125px;}
body.gallery #wrapper #page #main #showcase div.navigation p.next { float: right; margin-right: 2px;}
body.gallery #wrapper #page #main #showcase div.navigation p a { display: block; width: 105px; padding: 10px; background-color: #000; color: #fff; font-size: 14px; border: 1px solid #000; text-align: center;}
body.gallery #wrapper #page #main #showcase div.navigation p a:hover { border: 1px solid #fff;}
body.gallery #wrapper #page #main div.photos { width: 90px; padding-top: 48px; float: right;}
body.gallery #wrapper #page #main div.photos ul.gallery {}
body.gallery #wrapper #page #main div.photos ul.gallery li { margin-bottom: 6px;}
body.gallery #wrapper #page #main div.photos ul.gallery li span { display: block; border: 1px solid #fff; width: 54px; height: 54px;}
body.gallery #wrapper #page #main div.pagination { clear: both;}
body.gallery #wrapper #main div.pagination ul { width: 800px; overflow: hidden; margin-left: -20px; padding-top: 20px;}
body.gallery #wrapper #main div.pagination ul li { float: left; width: auto; padding: 10px; margin-right: 20px; border: 1px solid #000; margin-bottom: 20px;}
body.gallery #wrapper #main div.pagination ul li span { display: block; width: 100%; height: 100%; font-weight: bold; color: #fff;}
body.gallery #wrapper #main div.pagination ul li a { color: #000;}
body.gallery #wrapper #main div.pagination ul li a:hover { color: #fff;}
/** INDEX CONTEXT **/
body#Index #header h1#logo { visibility: hidden; text-indent: -9000px; background-image: url(../img/brand/logo.png);}
body#Index #wrapper #main div.promo { margin-top: 263px;}
body#Index #wrapper #main div.promo ul { width: 100%; overflow: hidden;}
body#Index #wrapper #main div.promo ul li { float: left; width: 325px; overflow: hidden; margin-top: 30px;}
body#Index #wrapper #main div.promo ul li p.date { float: left; width: 60px; height: 70px; background-color: #4EEBF5; font-size: 40px; line-height: 20px; padding: 10px; padding-left: 15px; padding-right: 25px; letter-spacing: -3px; text-transform: uppercase; text-align: right;}
html > body#Index #wrapper #main div.promo ul li p.date { *padding-bottom: 30px;}
body#Index #wrapper #main div.promo ul li h3.title { float: right; margin-left: 10px; margin-top: 100px; wxord-spacing: 30px; letter-spacing: -2px; width: 210px; color: #4EEBF5; font-size: 25px; line-height: 10px; text-transform: uppercase;}
html > body#Index #wrapper #main div.promo ul li h3.title { *margin-top: 110px;}
* html body#Index #wrapper #main div.promo ul li h3.title { padding-top: 110px;}
body#Index #wrapper #main div.promo ul li.jumper { clear: left; margin-left: 280px; margin-right: 10px;}
* html body#Index #wrapper #main div.promo ul li.jumper { margin-left: 140px; margin-right: 5px;}
* html body#Index #wrapper #main div.promo ul li.jumper h3.title { padding-top: 0;}
* html body#Index #wrapper #main div.promo ul li h3.title { margin-left: 10px; margin-top: 0px;}
body#Index #wrapper #main div.promo ul li.main { width: 100%; overflow: hidden; margin-top: 0;}
body#Index #wrapper #main div.promo ul li.main p.date { float: left; width: 180px; height: 180px; background-color: #4EEBF5; font-size: 82px; line-height: 80px; padding: 20px; padding-left: 0; padding-left: 0px; padding-right: 40px; wxord-spacing: 30px; letter-spacing: -7px; text-transform: uppercase; text-align: right;}
* html body#Index #wrapper #main div.promo ul li.main p.date { height: 100px;}
html > body#Index #wrapper #main div.promo ul li.main p.date { *padding-bottom:60px;}
body#Index #wrapper #main div.promo ul li.main h3.title { margin-left: 0; float: right; margin-top: 10px; letter-spacing: -5px; width: 675px; color: #4EEBF5; font-size: 70px; line-height: 50px; text-transform: uppercase;}
* html body#Index #wrapper #main div.promo ul li.main h3.title { margin-top: 20px; padding-top: 0;}
body#Index #wrapper #main div.promo ul li h3.title a { color: #4EEBF5;}
body#Index #wrapper #main div.promo ul li h3.title a:hover { color: #fff;}
body#Index #wrapper #main div.gallery { clear: both; margin-top: 50px;}
body#Index #wrapper #main div.gallery .title { color: #4EEBF5;}
body#Index #wrapper #main div.gallery div.container { margin-top: 3px; width: 938px; height: 129px; border: 1px solid #000; overflow: hidden;}
html > body#Index #wrapper #main div.gallery div.container { *height: 149px;}
* html body#Index #wrapper #main div.gallery div.container { height: 149px;}
body#Index #wrapper #main div.gallery div.container .title { text-transform: uppercase; font-size: 39px; float: left; width: 180px; margin-left: 10px; margin-top: 10px; color: #CC1A66; line-height: 30px;}
body#Index #wrapper #main div.gallery div.container ul { width: 680px; float: right; margin-right: 10px; overflow: hidden; margin-top: 5px;}
html > body#Index #wrapper #main div.gallery div.container ul { *margin-top: 20px;}
* html body#Index #wrapper #main div.gallery div.container ul { margin-top: 20px;}
body#Index #wrapper #main div.gallery div.container ul li { width: 54px; float: left; margin-top: 5px; margin-right: 15px;}
body#Index #wrapper #main div.gallery div.container ul li.mod10_10, body#Index #wrapper #main div.gallery div.container ul li.mod10_20 { margin-right: 0;}
body#Index #wrapper #main div.gallery div.container ul li.mod10_1 { clear: both;}
/** LOCATION CONTEXT **/
body#Location #wrapper #page { width: 1020px; background-image: url(../img/bg/location5.png); background-position: 100px 180px;}
* html body#Location #wrapper #page { background-image: url(../img/bg/location6.png); behavior: url("/resources/css/iepngfix-mod/iepngfix.htc");}
html > body#Location #wrapxper #page { *background-image: url(../img/bg/location2.png);}
body#Location #wrapper #page #main { top: 250px; z-index: 4;}
body#Location #wrapper #page #main #context { margin-left: 50px; width: 400px;}
body#Location #wrapper #page #main #context div.head { font-size: 25px; color: #000;}
body#Location #wrapper #page #main #context div.body { font-size: 20px;}
body#Location #wrapper #page #main #context div.body p { margin-top: 20px; width: 350px; font-weight: normal; color: #000;}
body#Location #wrapper #page #footer { width: 940px;}
/** REGISTRATION CONTEXT **/
body#Register #main .title { margin-left: 300px; margin-top: 10px; color: #fff;}
body#Register #main div.error { margin-left: 300px !important; margin-top: 20px; width: 618px; border: 1px solid #f00; padding: 15px; background-color: #fff;}
body#Register #main div.error .title { margin-left: 0; color: #f00; font-weight: bold;}
body#Register #main div.error ul { margin-top: 20px;}
body#Register #main div.error ul li { margin-top: 10px;}
/** EVENTS CONTEXT **/
body#Events #wrapper #page { height: 1500px;}
body#Events.year08 #wrapper #page { height: 1800px;}
body#Events #wrapper #page #main { top: 220px; z-index: 4;}
body#Events #wrapper #page #main ul.events { width: 970px; overflow: hidden; margin-left: 30px;}
body#Events #wrapper #page #main ul.events li { float: left; margin-right: 30px; margin-top: 40px; width: 290px; overflow: hidden;}
body#Events #wrapper #page #main ul.events li.mod3_0 { clear: both;}
body#Events #wrapper #page #main ul.events li.mod3_2 { margin-right: 0;}
body#Events #wrapper #page #main ul.events li p.date { float: left; width: 40px; height: 50px; background-color: #000; font-size: 27px; line-height: 20px; padding: 10px; padding-lexft: 15px; padding-right: 20px; letter-spacing: -2px; text-transform: uppercase; text-align: right; color: #fff;}
body#Events #wrapper #page #main ul.events li h2 { float: right; width: 200px; margin-top: 70px; border: 10px solid #000;}
body#Events #wrapper #page #main ul.events li h2 img { display: block;}
/*** FORMS ***/
form#newsletterSubscriptionForm { width: 300px; height: 23px; position: absolute; right: 10px; top: 14px;}
form#newsletterSubscriptionForm fieldset p { position: relative;}
form#newsletterSubscriptionForm fieldset p input.text { width: 215px; padding-left: 5px; padding-top: 5px; height: 16px; font-size: 10px; border: 1px solid #fff; color: #fff; background-color: transparent;}
* html form#newsletterSubscriptionForm fieldset p input.text { width: 222px; height: 22px;}
form#newsletterSubscriptionForm.hasErrors1 fieldset p input.text { background-color: #fff; color: #f00; border-color: #000;}
html > body form#newsletterSubscriptionForm fieldset p input.text { *height: 14px;}
form#newsletterSubscriptionForm fieldset p input.submit { text-transform: uppercase; border-style: none; color: #000; background-color: #00C5E0; font-weight: bold; cursor: pointer; position: absolute; top: 0; right: 10px;}
form#loginForm { width: 475px; margin-left: 300px;}
form#loginForm fieldset {}
form#loginForm fieldset legend { text-transform: uppercase; font-size: 15px;}
form#loginForm fieldset p { padding: 15px; border: 1px solid #000; width: 443px; overflow: hidden;}
form#loginForm fieldset p.register { border-style: none;}
form#loginForm fieldset p.register a { color: #fff; text-decoration: underline;}
form#loginForm fieldset p.error { background-color: #fff; color: #f00; border-bottom-style: none;}
form#loginForm fieldset p input { float: left; margin-right: 12px;}
form#loginForm fieldset p input.text { width: 175px; height: 19px; padding-left: 6px; padding-top: 5px; background-color: #000; color: #fff; border-style: none;}
form#loginForm fieldset p input.submit { width: 54px; height: 24px; color: #000; text-transform: uppercase; margin-right: 0; background-color: #00DCE9; font-weight: bold; border-style: none; cursor: pointer;}
form#registrationForm { width: 650px; margin-left: 300px;}
form#registrationForm fieldset { padding: 15px; border: 1px solid #fff; width: 618px; overflow: hidden;}
form#registrationForm fieldset p { float: left; width: 300px; margin-top: 10px;}
form#registrationForm fieldset p.mod2_0 { clear: both;}
form#registrationForm fieldset p.mod2_1 { float: right;}
form#registrationForm fieldset p label { display: block; color: #fff;}
form#registrationForm fieldset p label .info { display: none;}
form#registrationForm fieldset p input.text { width: 298px; background-color: transparent; color: #fff; border: 1px solid #fff;}
form#registrationForm fieldset p.submit { text-align: right;}
form#registrationForm fieldset p.submit input { background-color: #fff; color: #000; font-weight: bold; font-size: 14px; border-style: none; margin-top: 10px; text-transform: uppercase; cursor: pointer;}