html *, body { margin: 0; padding: 0 }
body { font: normal 0.7em Arial, Helvetica, Verdana, Geneva, sans-serif; background-color: #000; color: #fff }
a { color: #3ab100 }
a:hover { color: #fff }
a img { border: none }
h2 { font-size: 1.2em; padding-bottom: 0.6em; line-height: 1.2em }
h3 { font-size: 1.1em; padding-bottom: 0.8em }
h4 { font-size: 0.9em; padding-bottom: 0.4em }
p { padding: 0.5em 0 }
ol, ul { padding: 0.5em 2em }
table { margin: 10px 20px 10px 0 }
th { background-color: #3ab100; padding: 5px; border-bottom: 10px solid #061200; line-height: 0.9em }
td { background-color: #061200; padding: 0 5px; border-bottom: 3px solid #061200 }
td.center { text-align: center}
hr { border: none; margin: 5px 15%; padding: 3px 0; height: 1px; color: #333; background: transparent url(../images/hr.gif) no-repeat 50% 0 }
.disclaimer { font-size: 0.9em }
.hide { position: absolute; left: -999em; width: 30em; overflow: hidden; }
.clear { display: block; clear: both; height: 0; font-size: 0; margin:0; padding:0; }
/* Structure styles */
#wrapper { width: 958px }
#main_nav { position: relative; z-index: 100; height: 29px; width: 100%; }
.NGWNav { width: 100%; height: 100%; background-color: #fff; }
#nav { width: 958px }
/*1st level: */
#nav, #nav ul { float: left; position: relative; list-style: none; line-height: 1em; background-color: #fff; font-weight: bold; margin: 0; padding: 0; }
#nav li { float: left; padding: 0; margin: 0;}
#nav a { display: block; color: #8f9498; text-decoration: none; padding: 9px 15px; background: transparent url(../images/bg_nav_separator.gif) no-repeat 0 0;}
/* 2nd level: */
#nav li ul { width: 150px; font-weight: normal; margin: 1px 0 0 8px; padding: 7px 0; }
* html #nav li ul { border: solid 1px #000; margin-top: 0px; }
#nav li div { position: absolute; left: -999em; height: auto; width: 166px; padding: 0 0 8px 0; background: transparent url(../images/bg_nav_shadow.png) no-repeat 50% 100%; }
* html #nav li div { background-image: none; }
#nav li li { float: none; margin: 0; padding: 0; position: relative;}
#nav li ul a { width: auto; padding: 3px 6px 3px 10px; }
/* 3rd level: */
#nav li ul ul { position: relative; float: none; margin: 0 0 5px 8px; padding: 0; font-size: 1em; border: none; width: auto }
#nav li ul ul li { float: none }
#nav li ul ul li a { padding: 2px 4px 2px 8px; }
#nav li:hover ul ul,
#nav li.sfhover ul ul { display:block }
#nav li:hover div,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover div,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { left: auto;}
#nav li:hover a,
#nav li.sfhover a { color: #006cb8 }
#nav li:hover li a,
#nav li.sfhover li a { color: #8f9498 }
#nav li:hover li:hover a,
#nav li.sfhover li:hover a { color: #006cb8; background: transparent url(../images/link.gif) no-repeat 4px 0.5em; }
#nav li:hover li:hover li a,
#nav li.sfhover li:hover li a { color: #8f9498; background-image: none}
#nav li:hover li:hover li:hover a,
#nav li.sfhover li:hover li:hover a { color: #006cb8 }
#nav li li a:hover,
#nav li.on li a:hover { background: transparent url(../images/bg_nav_next.gif) no-repeat 4px 0.5em!important; color: #006cb8; }
#nav li:hover,
#nav li.sfhover { background-color: #fff; }
/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */
/* Navigation styles */
#viBranding { position: absolute; top: 74px; left: 0 }
#top_nav { text-align: center }
#top_nav ul { padding: 0 }
#top_nav li,
#top_nav #followMe { display: inline; text-align: left; position: absolute; padding: 2px 10px 2px 6px; background-image: url(../images/transparent.png) }
* html #top_nav li,
* html #top_nav #followMe { background-color: #000 } /* IE6 fix */
#top_nav li a,
#top_nav #followMe a { padding-left: 20px; background: transparent url(../images/arrow.gif) no-repeat 0 50% }
#top_nav li.on a { color: #fff }
#btm_nav ul { padding-top: 0 }
#btm_nav li { display: inline; padding: 0 8px 0 15px; background: transparent url(../images/separator.gif) no-repeat 0 50% }
#footer li { display: inline; padding: 0 6px 0 10px; background: transparent url(../images/separator_grey.gif) no-repeat 0 50% }
#footer a { color: #545454; text-decoration: none }
#btm_nav, #footer { text-align: center }
#btm_nav li.first,
#footer li.first { background-image: none }
#top_nav a, #btm_nav a { text-transform: uppercase; text-decoration: none; font-weight: bold }
/* Main container styles */
#main_container { width: 100%; height: 500px; z-index: 1 }
#main_container ol li { width: 250px; position: absolute; list-style: none; background: transparent url(../images/arrow.gif) no-repeat 0 6px; padding-left: 15px }
#main_container ol li h2 { display: inline-block; padding: 0 }
#main_container ol li a { text-decoration: none; text-transform: uppercase; font-size: 0.9em; font-weight: bold; display: inline-block; }
#main_container ol li a,
#main_container ol li p { padding: 3px 10px; background-image: url(../images/transparent.png) }
* html #main_container ol li a,
* html #main_container ol li p { background-color: #000 } /* IE6 fix */
/* T1 Language slection */
#main_container.country { height: 570px }
#lang { position: absolute; top: 345px; left: 200px }
#lang li { font-size: 1.2em; font-weight: bold }
#lang_dropdown { position: absolute; top: 345px; left: 200px }
/* T2 Homepage styles */
.home .nav1 { top: 120px; left: 269px }
.home .nav2 { top: 77px; left: 410px }
.home .nav3 { top: 145px; left: 610px }
.home #followMe { top: 239px; left: 673px }
.home #followMe p { width: 200px }
/* T3a club */
.club .nav1 { top: 90px; left: 195px }
.club .nav2 { top: 63px; left: 308px }
.club .nav3 { top: 118px; left: 446px }
.club #followMe { top: 326px; left: 685px }
.club .hotspot1 { top: 215px; left: 86px }
.club .hotspot2 { top: 266px; left: 424px }
.club .hotspot3 { top: 405px; left: 109px }
.club .hotspot4 { top: 443px; left: 500px }
/* T3b skatepark */
.skatepark .nav1 { top: 116px; left: 250px }
.skatepark .nav2 { top: 85px; left: 389px }
.skatepark .nav3 { top: 136px; left: 519px }
.skatepark #followMe { top: 335px; left: 754px }
.skatepark .hotspot1 { top: 308px; left: 57px }
.skatepark .hotspot2 { top: 264px; left: 513px }
.skatepark .hotspot3 { top: 429px; left: 100px }
.skatepark .hotspot4 { top: 433px; left: 572px }
.skatepark .hotspot5 { top: 217px; left: 750px }
/* T3c artscentre */
.artscentre .nav1 { top: 92px; left: 217px }
.artscentre .nav2 { top: 66px; left: 366px }
.artscentre .nav3 { top: 118px; left: 509px }
.artscentre #followMe { top: 394px; left: 217px }
.artscentre .hotspot1 { top: 250px; left: 312px }
.artscentre .hotspot2 { top: 314px; left: 654px }
.artscentre .hotspot3 { top: 442px; left: 331px }
.artscentre .hotspot4 { top: 452px; left: 581px }
/* T4 Popup */
#popup_wrapper { padding: 0 0 0 45px; overflow: hidden }
/* Opera fix */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #popup_wrapper { height: 699px; } }
.popup_header { height: 275px }
.popup_content { position: relative; height: auto; margin: 0 40px 40px -45px; padding: 20px 20px 0 30px; background-color: #000 }
.popup_content div { padding: 10px 0 }
.popup_content p img { display: inline; border: 3px solid #fff; margin: 5px 30px 10px 0 }
.popup_content h2 { font-size: 1em; padding-top: 1.2em; text-transform: uppercase; color: #3ab100 }
.popup_content h2.arrow { background: transparent url(../images/arrow.gif) no-repeat 0 14px; padding: 12px 0 0 22px; margin-left: -23px }
.popup_footer { display: none; margin-top: 20px; height: 24px; background-color: #3ab100 /*position: fixed; bottom: 0; left: 0; width: 100%;*/ }
.popup_footer a { color: #fff; font-weight: bold; text-decoration: none; float: left; display: block; padding: 5px 20px; background: transparent url(../images/popup/arrow.gif) no-repeat 5px 50%; border: 0; }
.popup_footer a:hover { color: #000 }
/* T4a artscentre popup */
#popup_wrapper.artscentre { background-color: #fff; color: #000}
#popup_wrapper.artscentre .popup_content { background-color: #fff; padding-bottom: 0px; padding-left: 0 }
#popup_wrapper.artscentre .popup_content div.box{ background: transparent url(../images/popup/arts_bg_white.png); margin: -2px 25px 0 10px; padding-top: 20px; padding-left:10px; border: solid 2px #000 }
* html #popup_wrapper.artscentre .popup_content div.box { height: 0; border-top: solid 1px #000; border-bottom: solid 1px #000; margin-top: 0 } /* IE6 header fix */
#popup_wrapper.artscentre .popup_content h2 { color: #fff; padding-top: 0; position: absolute }
#popup_wrapper.artscentre .popup_content h2 span{ background: #000 url(../images/arrow.gif) no-repeat 2px 50%; padding: 2px 4px 1px 22px }
#popup_wrapper.artscentre .popup_content p img { border: 3px solid #000 }
#popup_wrapper.artscentre .popup_footer { margin-top: 0; background-color: #000 }
#popup_wrapper.artscentre .popup_footer a { background: #000 url(../images/arrow.gif) no-repeat 2px 50%; padding-left: 25px }
#popup_wrapper.artscentre .popup_footer a:hover { color: #d78921 }
/*#popup_wrapper.artscentre { background-color: #fff; color: #000}
#popup_wrapper.artscentre .popup_content { background-color: #fff; padding-bottom: 20px; padding-left: 0 }
#popup_wrapper.artscentre .popup_content div.box{ background: transparent url(../images/popup/arts_bg_white.png); margin: -7px 45px 30px 10px; padding-top: 0; padding-left:10px; border: solid 2px #000 }
* html #popup_wrapper.artscentre .popup_content div.box { height: 0 } /* IE6 header fix */
/*#popup_wrapper.artscentre .popup_content h2 { color: #fff; padding-top: 10px }
#popup_wrapper.artscentre .popup_content h2 span{ background: #000 url(../images/arrow.gif) no-repeat 2px 50%; padding: 2px 4px 1px 22px }
#popup_wrapper.artscentre .popup_content p img { border: 3px solid #000 }
#popup_wrapper.artscentre .popup_footer { margin-top: 0; background-color: #000 }
#popup_wrapper.artscentre .popup_footer a { background: #000 url(../images/arrow.gif) no-repeat 2px 50%; padding-left: 25px }
#popup_wrapper.artscentre .popup_footer a:hover { color: #d78921 }*/
/* T4b skatepark popup */
#popup_wrapper.skatepark { background-color: #fff; color: #000 }
#popup_wrapper.skatepark a:hover { color: #5e7226 }
#popup_wrapper.skatepark .popup_content { color: #000; background-color: #fff; padding-left: 0; padding-right: 45px }
#popup_wrapper.skatepark .popup_content h2 { color: #fff; margin-left: 0; padding-left: 37px; background: transparent url(../images/popup/skate_h2.gif) no-repeat 0 2px; }
#popup_wrapper.skatepark .popup_content h2 span { background-color: #000; padding-right: 10px; padding-top: 2px }
#popup_wrapper.skatepark .popup_content div.box { padding-left: 30px; padding-bottom: 0 }
#popup_wrapper.skatepark .popup_content p img { border: solid 3px #000 }
#popup_wrapper.skatepark .popup_footer { margin-top: 11px; margin-left: -20px; width: 561px; height: 33px; background: transparent url(../images/popup/skate_close.gif) no-repeat 0 0 }
#popup_wrapper.skatepark .popup_footer a { padding: 15px 0px 4px 50px; background: transparent url(../images/popup/skate_arrow.gif) no-repeat 32px 17px }
/* T4c club popup */
#popup_wrapper.club .popup_content { padding-left: 0; padding-right: 30px }
#popup_wrapper.club .popup_content h2 { color: #fff }
#popup_wrapper.club .popup_content h2 span { background: #006d0d url(../images/popup/arrow.gif) no-repeat 2px 50%; padding: 2px 4px 2px 18px }
#popup_wrapper.club .popup_content div.box { padding-left: 20px; padding-bottom: 0 }
#popup_wrapper.club .popup_footer { background-color: #006d0d }
#popup_wrapper.club .popup_footer a { background-color: #006d0d }
/* T4 Popup with js */
#popup_wrapper.popup .popup_header { height: 280px }
#popup_wrapper.popup .popup_footer { display: block }
#popup_wrapper.popup .popup_content { height: 376px; overflow: auto; margin: 0; padding-top: 0; background-color: transparent }
#popup_wrapper.popup.artscentre .popup_content { height: 396px }
/*#popup_wrapper.popup.artscentre div.box { border-left: solid 2px #000; border-right: solid 2px #000; border-top: none; border-bottom: none; margin-top: 0 }*/