html, body {
        height: 100%;
}
#outerContainer {
        min-height: 100%;
}
* html #outerContainer {
        height: 100%; /* Hack for IE 6 and below */
}
body {
        background: #fcf4ec;
        text-align: center; /* like the margin: auto on inner elements, but for old browsers */
        margin: 0;
        font-family: tahoma,verdana,sans-serif;
        line-height: 1.3;
}
#headerBar, #linksBar {
        width: 960px;
        margin: 0 auto; /* 0 vertically, auto left+right */
}
#headerBar, #linksBar {
        padding: 0;
}
#outerContainer {
        width: 984px;
        margin: 0 auto; /* 0 vertically, auto left+right */
        padding: 0;
        background: #ffff01 url('../images/shadow-bar-with-border.gif') repeat-y top center;
}
#contentContainer {
        margin: 0 auto;
        padding: 3em;
        text-align: left; /* Override the body value (for ALL browsers) */
}
#contentContainer p, #contentContainer h2, #contentContainer h3 {
        padding: 0;
}
#headerBar {
        height: 144px;
}
#linksBar {
        background: #0000ee;
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
        text-align: center;
        height: 25px;
}
#linksBar ul, #headerBar img {
        margin: 0;
        padding: 0;
}
#linksBar li {
        display: inline;
        margin: 0 3%;
        font-family: arial,helvetica,sans-serif;
}
#linksBar a {
        color: #fcf4ec;
        font-size: 15pt;
        font-weight: 900;
        text-decoration: none;
}
#linksBar a:hover, #linksBar a.currentSection {
        color: #ffff01;
}
#contentContainer p, #contentContainer table, #contentContainer div, #contentContainer li, #contentContainer input {
        font-size: 15pt;
}
#contentContainer option, #contentContainer select {
        font-size: 13pt;
}
#inlineLogo {
        float: left;
}
.bodyText {
        text-align: justify;
}
a {
        color: #fc0607;
        text-decoration: underline;
}
h2, h3 {
        color: #fc0607;
        margin: 0;
        padding: 0;
        font-weight: 900;
        /*clear: both;*/
		/* h2 clears user bar in ticketing, h3 clears the inline logo on home.php */
}
h2 {
        font-size: 2.5em;
		clear: both;
}
h3 {
        margin-top: 1em;
        font-size: 1.5em;
}
h3.clearingHeader {
	clear: both;
}
sup {
        vertical-align: 0;
        position: relative;
        bottom: 1ex;
}
table {
        border-collapse: collapse;
        margin: 25px 0 0 0;
        width: 890px;
}
th, td {
        border: solid 1px #000;
        padding: 4px 10px;
}
tr.rowA td, tr.rowB td {
        background: #fcf4ec;
}
th {
        background: #0000ee;
        color: #fcf4ec;
        height: 25px;
}
div.successMessage, span.successMessage {
        border: solid 1px #000;
        background: #24f404;
}
div.problemMessage, span.problemMessage {
        border: solid 1px #fc0607;
        background: #ff9999;
}
div.noticeMessage, span.noticeMessage {
        border: solid 1px #000;
        background: #fcf4ec;
}
span.noticeMessage, span.problemMessage, span.successMessage {
        padding: 3px 5px;
}
.largeLogo {
        text-align: center;
        margin-bottom: 20px;
}
.largeLogo img {
        border: solid 1px #000;
}
#contentContainer div.noticeForm {
        clear: both;
        font-size: 12pt;
        margin: 20px 0 5px 0;
        padding: 3px 5px;
        border: solid 1px #0000ee;
        background: #ccccee;
}
#contentContainer #registerBox div.noticeForm {
        margin: 20px 20px 5px 20px;
}
div.successMessage a, div.problemMessage a {
        color: #000;
}
div.successMessage, div.problemMessage, div.noticeMessage {
        padding: 5px;
        margin: 10px 0;
        clear: both;
}
.regularInput, .submit {
        clear: both;
}

.regularInput, .regularInput label, .regularInput input, .regularInput textarea, .regularInput select {
        margin: 1px 0;
        padding: 0;
}
.regularInput label {
        float: left;
}
.regularInput input, .regularInput select, .tableInput input, .tableInput select {
        background: #fcf4ec;
        border: solid 1px #000;
}
.regularInput input, .regularInput select {
        float: right;
}
.regularInput input {
        width: 180px;
}
.regularInput {
        width: 390px;
}
.submit input {
        margin: 5px 0 0 210px;
}
.submitLeft input {
        margin: 5px 0 0 0;
}
.paymentButton {
        padding: 5px 10px;
}
.regularInput input.errorField, .regularInput textarea.errorField, .regularInput select.errorField {
        border: solid 1px #fc0607;
        background: #ff9999;
}
.quantitySelection input {
        width: 2em;
        text-align: center;
        margin-bottom: 10px;
}
.addButton {
        background: #24f404;
        border: solid 1px #000;
        margin-left: 10px;
        font-weight: 900;
}
.removeButton {
        background: #ffb717;
        border: solid 1px #000;
        margin-right: 10px;
        font-weight: 900;
}
#logout {
        display: inline;
        float: right;
}
.floatBox {
        width: 430px;
        float: left;
        margin: 5px;
}
.floatBox h3 {
        margin: 0 0 0 20px;
}
#registerBox {
        width:430px;
        float: left;
        background: #ccccee;
        border: solid 1px #0000ee;
}
#registerBox h4 {
        background: #0000ee;
        color: #fcf4ec;
        padding: 0.2em 1em;
}
#loginBox {
        width: 430px;
        float: right;
        background: #24f404;
        border: solid 1px #006600;
}
#loginBox h4 {
        background: #006600;
        color: #fcf4ec;
        padding: 0.2em 1em;
}
#registerBox p, #loginBox p {
        padding: 0 1em;
}
#registerBox div, #loginBox div {
        padding: 2px 1em;
}
h4 {
        font-size: 1.2em;
        padding: 0;
        margin: 0;
}
abbr {
        border-bottom: dotted 2px #000;
}
th abbr {
        border-bottom: dotted 2px #fcf4ec;
}
#sponsors {
        text-align: right;
        padding: 35px 5px 5px 5px;
        clear: both;
}
#sponsors p {
        padding: 0 0 5px 0;
        margin: 0;
}
#sponsors img {
        border: solid 1px #000;
        margin: 5px 0 10px 10px;
}
img.borderless, #sponsors img.borderless {
	border-width: 0;
}
#footer
{
        position: relative;
        margin: -26px auto 0 auto; /* 1px allowance for border */
        background: #0000ee;
        color: #fcf4ec;
        height: 25px;
        line-height: 25px; /* Approx. vertically centre */
        width: 960px;
        border-top: solid 1px #000;
}
#footer a {
        color: #fcf4ec;
        text-decoration: underline;
}
* html #footer
{
        margin-top: -24px;  /* Hack for IE 6 and below */
}