body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}
body{ background:url(../images/layout/bg-top.gif) repeat-x top; background-color:#17A0D6; font-family:Lucida Sans Unicode, Lucida Grande, lucida sans, lucida, helvetica, sans-serif; font-size:0.84em}
h1, h2{ display:none}
h3{ color:#464646; font-size:250%; text-transform:uppercase; padding: 5px 0 5px 40px; margin-top:10px; margin-bottom:5px}
h4{ color:#17a0d6; font-size:170%; text-transform:uppercase; clear:both; margin-top:5px; line-height:2em; border-top:#c7c7c7 2px solid}
h5{ padding: 0 0 8px 23px; color:#4da0b0; text-transform:uppercase; margin-bottom:5px; font-size:120%}
h6{ color:#000000; margin-bottom:15px; font-size:120%}
p{ display:block; margin-bottom:15px}
p, li{ color:#000000}
a{ text-decoration:none; color: #0000EE; font-size:95%}
a:hover{ text-decoration:none; color: #00AAFF}
a:visited{ text-decoration:none; color: #0000EE}
#contentLeft a color:#24b4e2}
#contentLeft a:hover color:#144d64}
#contentLeft ul{ margin-bottom:20px}
#headerWrapper{ margin:auto; width:100%}
#headerTop{ height:100px; width:85%; margin: 0px auto 10px auto; position:relative}
#headerTop img{ float:left}
#headerImage{ float:left; color:white}
#headerDescription{ float:right; color:white; clear: left; margin-top: -10px; display:inline}
#flashDiv{ float:left; margin-top:10px; text-transform:uppercase; color:#169FD5; font-weight:bold; letter-spacing:-0.03em; font-size:85%}
#nav{ float:right; margin-top:10px}
#nav li{ float:left; margin-left:10px}
#nav a{ text-transform:uppercase; color:#525252; font-weight:bold; letter-spacing:-0.03em; font-size:85%}
#nav a:hover, #nav a.selected{ color:#27cffc}
#home a{ color: red; color:#FF1A00}
#header{ width:100%; height:179px; margin:5px auto 0 auto; border:#c7c7c7 2px solid}
#contentWrapper{ width:100%}
#contentLeft{ width:100%; float:left; overflow:hidden; min-height: 450px}
#contentLeft li{ margin-bottom:5px}
#contentLeft ul{ margin-bottom:0}
#contentRight{ width:230px; float:right; margin-top:15px; overflow:hidden}
#contentRight img{ margin-bottom:15px}
#contentRight #youthSites img{ border-bottom:#d1d1d1 1px solid}
#footer{ width:100%; margin:auto; position:relative; bottom:10px}
#footer p, #footer a{ color:#000; font-size:85%}
#footerLeft{ float:left}
#footerRight{ float:right}
#footer a:hover{ color:#000}
.hideMe{ display:none}
.clearMe{ clear:both; margin:0; padding:0}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.whitebox {background-color: white; position: relative; width: 85%; margin: auto auto 20px auto; padding: 0px 0px 0px 0px; margin-top: 5px; -moz-border-radius: 1em; border-radius: 1em}
.whiteboxContent {margin-left: 10px; margin-right: 10px; overflow: hidden}
#appVersion{ float:right; color:white; clear: left; display:inline; font-size:80%; font-weight: bold}
#mainContent {margin: 0 0 0 0; background-color: #696969; border-left: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b}
.scroll {height: 450px; width: 150px; overflow: auto; background-color: #EBEBEB; border-right: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; float:left; margin-left:5px}
#scrollIntro {width: 190px; overflow: auto; background-color: #EBEBEB; border-right: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; float:left; margin-left:5px}
.floatLeft{ float:left;}
.hidden {display:none; visibility: hidden}
.errorMessage {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-align: left; font-size: 85%,}
.flash {font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-align: left; color:red; margin: 5px 0 5px 0}
.sidebar-list li {border: 1px solid #C3C3C3; background-color: #F9F9F9; color:#002AFF; font:bold 85% Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 3px 0px 3px; padding: 3px 3px 3px 3px; text-align: left; min-height:40px}
.sidebar-list li.current {background-color: #e7f4fa}
.sidebar-list-first {border: 1px solid #C3C3C3; background-color: #F9F9F9; color:#FF1A00; font:bold 85% Verdana, Geneva,Arial, Helvetica, sans-serif; margin: 5px 3px 0px 3px; padding: 3px 3px 3px 3px; text-align: center; height:20px; text-transform:uppercase; font-size: 12px}
.eventCategory {font:80% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #A5A5A5; font-weight: bold; text-align: left}
.threadLabel{ font-weight:bold; width:100%}
.smallText {font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; width:100%; margin-bottom: 10px }
.threadBody{ font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif}
.threadBody table{ border: 1px solid #9FAFFB; margin: 5px 0px 0px 20px}
.spin_div {background: #7FAAFF url('/images/spinner.gif') no-repeat center center; opacity: 0.25; filter:alpha(opacity: 25); -moz-opacity: 0.25; -khtml-opacity: 0.25}
#intro {height:450px; max-height:450px; width: 100%; background: #FFFFFF}
#introTable {height:450px; max-height:450px; width: 100%}
#introTableTr {text-align: center; font:bold 70% Lucida Sans Unicode, Lucida Grande, lucida sans, lucida, helvetica, sans-serif; color: #FF1A00; letter-spacing: 10px; text-transform: uppercase; height: 40px}
#introTableTrInside td{ border: 3px solid #FFFFFF}
#introTableTrInsideTop{ background-color: #cdcdcd; height: 25px}
#introTableTrInsideTop td:hover{ background-color: #e1e1e1}
#introTableTrInsideBottom {background-color: #F9F9F9}
.tableText{ color: #FFFFFF; margin-top: 3px}
.tableText:hover{ color: #FFFFFF; margin-top: 3px}
.tableText:visited{ color: #FFFFFF; margin-top: 3px}
.tableTextColored a{ font:bold 100% Lucida Sans Unicode, Lucida Grande, lucida sans, lucida, helvetica, sans-serif; text-align: center; font-weight: bold; color: #FF1A00; text-decoration:none; text-transform: uppercase}
#column1{ width: 25%; cursor:pointer}
#column2{ width: 25%; cursor:pointer}
#column3{ width: 25%; cursor:pointer}
#column4{ width: 25%; cursor:pointer}
.introTitle {padding-top: 20px; font-weight: bold; font-size: 85%}
.introList {margin: 0px 10px 10px 20px}
.introList li{ list-style-type:circle; margin: 5px 0px 5px 0px; font-size: 85%}
.introPageName {width: 100%; height:20px; margin-top: 25px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; text-align: center; background: #09526E; color: #FFFFFF; font-size: 110%; text-transform:uppercase}
.tips {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:85%; font-style:italic; text-align: left; margin: 15px 0 15px 0}
.tips2 {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:80%;; font-style:italic; text-align: left; margin: 0 0 0 10px}
.pTitle{ background-color: #002AFF; width: 100%; margin-bottom: 10px; color: #FFFFFF; text-transform: uppercase; text-align: center; font-weight: bold}
.pTitle a{ font: bold 85% Verdana, Geneva,Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF}
.pArtist {font:bold 85% Verdana, Geneva,Arial, Helvetica, sans-serif; color:#525252}
.pLiveClub {font:bold 85% Verdana, Geneva,Arial, Helvetica, sans-serif; color:#525252}
.pDescription {font:80% Verdana, Geneva,Arial, Helvetica, sans-serif; margin-top: 50px}
.pDate {font: 83% Verdana, Geneva,Arial, Helvetica, sans-serif}
#termsContainerPage{ font-weight: bold}
#termsContainerNew {height: 100px; overflow: auto; border: 1px solid #919191; background: #E1E1E1}
#disclaimer p{ font:85% Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 15px 15px 0px 15px}
#disclaimer ol li {font:85% Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 15px 15px 15px 15px}
.mainTitle {font:90% Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 15px 15px 0px 15px}
.subTitle {font:90% Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 15px 15px 0px 15px}
.linkTitle a{ font:bold 20px Verdana, Geneva,Arial, Helvetica, sans-serif; color: #ECA9D6; text-decoration:none; text-align: center}
#userMenuTabPanel {width: 340px; margin-left:5px; overflow: auto; float:left}
.tableContent{ width: 98%; margin: 20px auto 10px auto; padding: 5px 5px 5px 5px; border:#169FD5 solid 1px; margin-bottom:15px}
.tableContent td{ padding: 5px}
#introMenu{ background-color: #493b67; color: #ECA9D6}
.actionLink {text-transform:uppercase; color:#169FD5; font-weight:bold; letter-spacing:-0.03em; font-size:75%}
.readMe{ font:bold 14px Verdana, Geneva,Arial, Helvetica, sans-serif; color: #FF1A00; text-transform: uppercase}
.selectedBox{ cursor:pointer; width: 100%; min-height:40px}
.selectedBox:hover{ background-color: #FFFFFF}
.listEventsTr {color: #FF1A00}
.listEventsOdd {background-color: #F9F9F9}
.listEventsEven{ }
#language {float: right; top: 10px}
.languageSpan{ font-size: 80%; color: #FFFFFF}
#selectedLanguage{ font-weight: bold; color: #FF1A00}
#otherLanguage{ font-size: 80%; color: #17A0D6}
.LV_validation_message{ font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 5px}
.LV_valid {color:#00CC00}
.LV_invalid {color:#FFAAFF}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #00CC00}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #CC0000}
.formError {font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 5px; color:#FFAAFF}
.mainForm {color: #000000; border: 1px solid #D7E5F2; margin-top: 5px; width: 320px}
.mainForm table {color: #000000; width: 100%; border-collapse: collapse}
.mainForm td {padding-left: 4px}
.mainForm label {font-size: 85%; color: #525252; background-color: transparent; width: 140px; text-transform: uppercase}
.mainForm input[type="text"], input[type="password"]{ width: 200px; font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; margin-right: 0px}
.mainForm input[type="text"]:focus, input[type="password"]:focus {border: 1px solid #0030cc; background-color: #FFFFFF; color: #454743}
.mainForm input[type="submit"], input[type="button"] {font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#EEFFFF; background-color:#17A0D6; border-style:solid; border-color:#003377; border-width:2px}
fieldset{ color: #000000; border-top: 1px solid #D2D2D2; border-left: 0pt solid #E2E2E2; border-right: 0pt solid #E2E2E2; border-bottom: 0pt solid #E2E2E2; margin-bottom: 5px; padding: 5px}
.pageForm legend{ font-size: 85%; font-family:Lucida Sans Unicode, Lucida Grande, lucida sans, lucida, helvetica, sans-serif; text-transform: uppercase; font-weight: bold; padding: 2px 10px 2px 10px; color:#828177; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; text-align:right}
.pageForm table {border-collapse:collapse; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;; color: #000000; width: 100%; margin: 0 0 0 0}
.pageForm tr {}
.pageForm tr.odd {}
td.tableFirstCol {}
td.tableFirstCol label{ }
tr.odd td.tableFirstCol {background : #f4f6f8}
.pageForm td {padding-left: 4px}
.pageForm label {font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3670A7; background-color: transparent}
.pageForm input[type="text"], input[type="password"] {width: 200px; height: 20px; font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #F0F0EE; color: #102132; border: 1px solid #C3C3C3; margin-right: 5px}
.pageForm input[type="checkbox"] {font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #F0F0EE; color: #102132; border: 1px solid #C3C3C3; margin-right: 5px}
.pageForm input[type="text"]:focus, input[type="password"]:focus {border: 1px solid #C3C3C3; background-color: #E1E1E1; color: #454743}
.pageForm input[type="submit"], input[type="button"] {font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#EEFFFF; background-color:#17A0D6; border-style:solid; border-color:#003377; border-width:2px}
.tableFirstCol {width:120px}
.pageButton {font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#EEFFFF; background-color:#17A0D6; border-style:solid; border-color:#003377; border-width:2px; align: bottom}
.pageButtonDelete{ font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#EEFFFF; background-color:#FFB8B0; border-style:solid; border-color:#17A0D6; border-width:2px}
.pageForm select {width: 202px; height: 20px; font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #F0F0EE; color: #102132; border: 1px solid #C3C3C3; margin-right: 5px}
.labelText {font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3670A7}
.css1 {font-size: 0.6em}
.css2 {font-size: 0.8em}
.css3 {font-size: 1.0em}
.css4 {font-size: 1.2em}
.tip {cursor: help}
#event_date {width: 190px; font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; margin-right: 0px}
.mainFormOdd {background-color: #f9f9f9}
#recaptcha_response_field {background-color: #F0F0EE; color: #102132; border: 1px solid #C3C3C3}
.ui-tabs-nav {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; float: left; position: relative; z-index: 1; border-right: 1px solid #d3d3d3; bottom: -1px}
.ui-tabs-nav-item {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; border: 1px solid #d3d3d3; border-right: none}
.ui-tabs-nav-item a {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; font: 80% Verdana, Geneva,Arial, Helvetica, sans-serif; display: block; text-decoration: none; padding: .5em 1.0em; color: #555555; background: #e6e6e6}
.ui-tabs-nav-item a:hover {background: #dadada; color: #212121}
.ui-tabs-selected {border-bottom-color: #ffffff}
.ui-tabs-selected a, .ui-tabs-selected a:hover {background: #ffffff; color: #222222}
.ui-tabs-panel {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; clear:left; border: 1px solid #d3d3d3; background: #ffffff; color: #222222; padding: 5px 5px 5px 5px}
.ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/}