/* ------------------------- COMMON ---------------------------- */
body {margin:0; padding:0; font:9pt Arial, Helvetica, sans-serif; line-height:14pt; color:#000; background-image:url(../images/basetemplate/website-background.gif); background-position:top left; background-repeat:repeat}
p {padding:0 0 6px 0; text-align:left}
img {border:0px}
h1 {line-height:20pt}

a:link {text-decoration:underline; color:#000}
a:visited {text-decoration:underline; color:#333}
a:active {text-decoration:none; color:#036}
a:hover {text-decoration:none; color:#036}

.dottedLine {border-bottom:1px dotted #666; margin:10px}
.center {text-align:center}
.blueTxt {color:#036}
.oliveTxt {color:#444e0a}

/* ------------------------- PAGE ---------------------------- */
.page {width:900px; height:auto; margin:10px auto}
.880 {width:800px; height:auto; float:left; padding:0 0 0 10px}
.880-tb {width:880px; height:10px; float:left}
.880-middle {width:880px; height:auto; float:left; background-color:#fff}
.flash-center {width:870px; height:auto; background-color:#fff; float:left; padding:0 0 0 10px}
.state-banner {width:870px; height:auto; background-color:#fff; float:none; padding:0 5px; text-align:center;}
.adBand {padding:0 0 0 10px; width:850px; height:auto}

/* ------------------------- NEWS ---------------------------- */

.newsBand {float:left; padding:10px 15px 0 15px; text-align:left; width:850px; background-color:#fff; height:auto;}
.newsBand2 {float:left; padding:10px 5px 0 15px; text-align:left; width:860px; background-color:#fff; height:auto;}
.newsFooter {float:left; margin:10px 0 0 0; padding:10px; width:830px; height:5px}

.stateNews {float:left; width:590px; margin:0 0 15px 0}
.newsHdr {float:left; width:590px; height:35px; background:url(../images/basetemplate/bg_state-news-header.jpg) top left no-repeat}
.newsHdrTxt {font:10pt Arial, Helvetica, sans-serif; color:#fff; line-height:16pt; text-align:left; padding:7px 0 0 15px; font-weight:bold}
.newsMiddle {float:left; width:588px; height:auto; border-left:1px solid #666; border-right:1px solid #666}
.newsRow {float:left; width:558px; height:auto; border-bottom:1px dotted #039; padding:5px; margin:0 5px}
#newsLine a {float:left; font:10pt Arial, Helvetica, sans-serif; font-weight:bold; color:#036; width:478px; height:auto}
.readMore {float:right; width:70px; height:auto}
.newsBtm {float:left; width:590px; height:9px; background:url(../images/basetemplate/img_state-news-bottom.gif) top left no-repeat}
.newsPagerContainer {float:right; padding-right: 15px}
a:link.newsPagerLink {color:#fff;text-decoration: none}
a:hover.newsPagerLink {color:red;text-decoration: none}

.stateRep {float:right; width:240px; height:auto; margin:0 0 15px 0;}
.repHdr {float:left; width:240px; height:35px; background:url(../images/basetemplate/bg_state-rep-header.jpg) top left no-repeat;}
.repHdrTxt {font:10pt Arial, Helvetica, sans-serif; color:#fff; line-height:16pt; text-align:left; padding:7px 0 0 15px; font-weight:bold}
.repMiddle {float:left; width:238px; height:auto; border-left:1px solid #666; border-right:1px solid #666}
.repMiddleInner {float:left; width:238px; height:auto; }
.repBtm {float:left; width:240px; height:9px; background:url(../images/basetemplate/img_state-rep-bottom.gif) top left no-repeat}
.repPhoto {float:left; width:70px; height:auto; padding:5px; margin:10px 0 5px 0}
.repInfo {float:right; width:140px; height:auto; padding:5px; margin:10px 0 5px 0; text-align:left; font:11px Verdana, Geneva, sans-serif; line-height:10pt}
.repLine {border-bottom:1px dotted #039; border-left:0; border-right:0; width:220px; height:1px; margin:1px 5px}

/* ------------------------- ARTICLES ---------------------------- */
.articleWrapper {width:880px; height:auto; float:left; background-color:#fff}
.articleLeft {width:250px; height:auto; float:left}
.articleRight {width:630px; height:auto; float:right}
.articleHdr {font:14pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:18pt; text-align:left; color:#001b52; padding:5px 20px 10px 0}
.articleHdr2 {font:14pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:18pt; text-align:center; color:#001b52; padding:5px 20px 10px 0}
.articleNav {width:230px; height:auto; padding:5px 10px 0 10px}
.articleContent {width:580px; height:auto; padding:5px 50px 5px 15px}
.articleMainList {list-style:outside; margin:0 0 0 -20px}
.articleSubList{font:10px Arial, Helvetica, sans-serif; line-height:9pt; text-align:left; list-style:outside; margin:0 0 0 -30px}

/* ------------------------- EVENTS ---------------------------- */
.eventBand {float:left; padding:10px 15px; text-align:left; width:850px; background-color:#fff}
.eventBand2 {float:left; padding:10px 0; text-align:left; width:880px; background-color:#fff}
.eventHdr {float:left; font:18pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; text-align:left; color:#001b52; padding:0 10px 0 0}
#eventLinks a {float:left; font:10pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; text-align:left; color:#6aa0cc; padding:0 10px}
#eventLinks2 a {float:right; font:10pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:14pt; text-align:right; color:#6aa0cc; padding:0 20px}

#events {float:left; padding:0 0 0 40px; width:840px; height:auto; background-color:#fff}
.eventTop {width:150px; height:8px; float:left}
.eventA {width:150px; height:auto; float:left; background-color:#67ace5}
.eventB {width:150px; height:auto; float:left; background-color:#0073d0}
.eventC {width:150px; height:auto; float:left; background-color:#0038a5}
.eventD {width:150px; height:auto; float:left; background-color:#00338e}
.eventE {width:150px; height:auto; float:left; background-color:#02245b}
.eventFiller {width:10px; height:150px; float:left; background-color:#fff}
.eventMiddle {width:150px; height:113px; float:left}
.eventDay {font:36pt Arial, Helvetica, sans-serif; color:#fff; line-height:28pt; text-align:right; padding:0 10px 0 0; font-weight:bold}
.eventMonth {font:8pt Arial, Helvetica, sans-serif; color:#fff; line-height:14pt; text-align:right; padding:0 10px 0 0; font-weight:bold}
.eventDetails {font:7pt Arial, Helvetica, sans-serif; color:#fff; line-height:8pt; text-align:left; padding:10px 0 0 10px; font-weight:bold}
.eventTicket {float:left; width:150px; height:16px; text-align:center; margin:5px 0 0 0}
.eventBottom {width:150px; height:8px; float:left}

/* ------------------------- ALL EVENTS ---------------------------- */
.allEventsBand {float:left; padding:5px 15px; text-align:left; width:850px; height:auto; background-color:#fff}
.allEventsL {width:420px; height:auto; float:left; background-color:#fff;}
.allEventsR {width:420px; height:auto; float:right; background-color:#fff;}
.allEventsTop {width:420px; height:10px; float:left}
.allEventsBtm {width:420px; height:10px; float:left}
.allEventsCenter {width:418px; height:auto; border-left:1px solid #999; border-right:1px solid #999; float:left}
.allEventsTime {color:#0139a6; font:8pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:12pt; text-align:left; padding:0 0 0 4px; float:left; width:220px; height:auto}
.allEventsLocation {color:#6aace8; font:8pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:12pt; text-align:left; float:left; width:100px; height:auto; padding:0 5px}
.allEventsBuyTicket {padding:0 7px 0 0; float:right; width:65px; height:auto}

/* ------------------------- TICKET ---------------------------- */
.buyticketL {width:450px; height:auto; float:left; padding:10px; background-color:#fff}
.eventHdr2 {font:18pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; text-align:center; color:#001b52; padding:0 10px 0 0; margin:0 auto}
.eventHdr3 {font:14pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; text-align:left; color:#001b52; padding:0 10px; margin:0 auto}
.eventSubtitle {font:11pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:10pt; text-align:center; color:#6aa0cc; padding:0 5px}
.buyticketR {width:340px; height:auto; float:right; padding:10px; background-color:#fff}
.eventInfoBox {width:400px; height:auto; margin:0 auto; padding:15px 0}
.location {width:200px; height:auto; float:left; text-align:left; padding:15px 0}
.contact {width:200px; height:auto; float:right; text-align:left; padding:15px 0;}
.subtitle {font:9pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:12pt; color:#001b52}
.lightblueTxt {color:#6aa0cc; font-weight:bold}
.ticketBox {background-color:#1d4076; border-left:1px solid #333; border-right:1px solid #333; width:338px; height:auto; float:left; padding:0 0 5px 0}
.ticketBoxTop {background:url(../images/basetemplate/bg_buy-ticket-top.jpg) top left no-repeat; width:340px; height:51px; float:left}
.ticketBoxBtm {width:340px; height:8px; float:left}
.ticketHdr {font:12pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:18pt; color:#fff; text-align:center; padding:10px 0 5px 0; border-bottom:1px solid #999; margin:0 15px}
.ticketBtn {text-align:center; border-top:1px solid #999; margin:0 15px; padding:5px 0}
.ticketCol1 {width:50px; text-align:center; color:#fff; font-weight:bold; float:left}
.ticketCol2 {width:180px; text-align:center; color:#fff; font-weight:bold; float:left}
.ticketCol3 {width:100px; text-align:center; color:#fff; font-weight:bold; float:right}
.qty {width:20px; height:auto; text-align:center}

.ticketIcons {width:780px; height:auto; margin:0 auto; padding:5px 0 30px 0}
.ticketIconsTop {width:780px; height:8px}
.ticketIconsCenter {width:778px; height:auto; border-left:1px solid #333; border-right:1px solid #333}
.ticketIconsBtm {width:780px; height:8px}
.ticketIconSpace {padding:5px 15px}

/* ------------------------- TOP NAV ---------------------------- */
.topnav {float:left; width:900px; height:100px; margin:0 0 10px 0}
.vline {float:left; width:5px; height:auto}
.logo {float:left; width:290px; height:100px}
.navlink {float:left; margin:55px 0 0 0}
.opaque {opacity:.9; filter: alpha(opacity=90); -moz-opacity:.9} 

/* MENU 1 */ 
#sddm1 {margin:50px 0 0 0; padding:0; z-index:30}
#sddm1 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm1 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm1 div {position:absolute; visibility:hidden; margin:0; padding:0}
#sddm1 div a {position:relative; display:block; margin:0; padding:7px 10px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#333; color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; opacity:.95; filter: alpha(opacity=95); -moz-opacity:.95}
#sddm1 div a:hover {color:#7fd4fb}

/* MENU 2 */                 
#sddm2 {margin:0; padding:0; z-index:30}
#sddm2 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm2 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm2 div {position:absolute; visibility:hidden; margin:3px 0 0 0; padding:0; background:#fff; border:1px solid #666}
#sddm2 div a {position:relative; display:block; margin:0; padding:3px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#fff; color:#036; font:11px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dashed #ccc}
#sddm2 div a:hover {color:#039; background-color:#eee}
                        
/* MENU 3 */                 
#sddm3 {margin:0; padding:0; z-index:30}
#sddm3 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm3 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm3 div {position:absolute; visibility:hidden; margin:3px 0 0 0; padding:0; background:#fff; border:1px solid #666}
#sddm3 div a {position:relative; display:block; margin:0; padding:3px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#fff; color:#036; font:11px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dashed #ccc}
#sddm3 div a:hover {color:#039; background-color:#eee}
                        
/* MENU 4 */                 
#sddm4 {margin:0; padding:0; z-index:30}
#sddm4 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm4 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm4 div {position:absolute; visibility:hidden; margin:3px 0 0 0; padding:0; background:#fff; border:1px solid #666}
#sddm4 div a {position:relative; display:block; margin:0; padding:3px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#fff; color:#036; font:11px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dashed #ccc}
#sddm4 div a:hover {color:#039; background-color:#eee}
		
/* MENU 2 */ 
/*		
#sddm2 {margin:0; padding:0; z-index:30}
#sddm2 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm2 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm2 div {position:absolute; visibility:hidden; margin:0; padding:0}
#sddm2 div a {position:relative; display:block; margin:0; padding:7px 10px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#333; color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; opacity:.95; filter: alpha(opacity=95); -moz-opacity:.95}
#sddm2 div a:hover {color:#7fd4fb}
*/
		
/* MENU 3 */ 	
/*	
#sddm3 {margin:0; padding:0; z-index:30}
#sddm3 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm3 li a {display:block; text-decoration:none; margin:15px 0 0 0}
#sddm3 div {position:absolute; visibility:hidden; margin:0; padding:0}
#sddm3 div a {position:relative; display:block; margin:0; padding:7px 10px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#333; color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; opacity:.95; filter: alpha(opacity=95); -moz-opacity:.95}
#sddm3 div a:hover {color:#7fd4fb}
*/		
/* MENU 4 */ 		
/*
#sddm4 {margin:0; padding:0; z-index:30}
#sddm4 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm4 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm4 div {position:absolute; visibility:hidden; margin:0; padding:0}
#sddm4 div a {position:relative; display:block; margin:0; padding:7px 10px; width:150px; white-space:nowrap; text-align:left; text-decoration:none; background:#333; color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; opacity:.95; filter: alpha(opacity=95); -moz-opacity:.95}
#sddm4 div a:hover {color:#7fd4fb}
*/
		
/* MENU 5 */ 		
#sddm5 {margin:0; padding:0; z-index:30}
#sddm5 li{margin:0 15px 0 5px; padding:0; list-style:none; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold}
#sddm5 li a {display:block; text-decoration:none; margin:15px 0 0 0}

#sddm5 div {position:absolute; visibility:hidden; margin:3px 0 0 -380px; padding:0; background:#fff; border:1px solid #666}
#sddm5 div a {position:relative; display:block; margin:0; padding:3px; width:120px; white-space:nowrap; text-align:left; text-decoration:none; background:#fff; color:#036; font:11px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dashed #ccc}
#sddm5 div a:hover {color:#039; background-color:#eee}

.stateColumn {border-right:1px solid #ccc; vertical-align:top}

/* ------------------------- PROMO BAND ---------------------------- */
.promo-band {float:left; background-color:#fff; padding:10px 0 10px 10px; width:870px}
.home-band {float:left; background-color:#fff; padding:10px 0 10px 23px; width:857px}
.icons {float:left; background-color:#fff; padding:0 0 30px 10px; width:870px; text-align:right}
.icons-space {padding:5px 15px 0 0; float:right}

/* ------------------------- NEWS TICKER ---------------------------- */
.newsticker {float:left; background-color:#fff; padding:0 0 10px 10px; width:870px}

/* ------------------------- 3 COLUMNS ---------------------------- */
.cols {float:left; background-color:#fff; padding:0 10px 10px 10px; width:860px}
.col-header {float:left; width:260px; height:auto; margin:0 5px; padding:0 0 0 10px}
.col-txt {float:left; border-left:1px solid #999; border-right:1px solid #999; width:238px; height:140px; font:11px Arial, Helvetica, sans-serif; line-height:12pt; color:#333; padding:10px}
.col-bottom {float:left; width:260; height:12px}
.learn-more {float:left; padding:0 10px 10px 0; border-left:1px solid #999; border-right:1px solid #999; width:248px; text-align:right}

/* ------------------------- FOOTER ---------------------------- */
#footer {text-align:center; font:11px Verdana, Geneva, sans-serif; color:#ccc; line-height:14pt; padding:15px 0}
#footer a {color:#ccc; padding:0 8px}
.footerL {width:400px; text-align:left; float:left; padding:15px 0}
.footerR {width:400px; text-align:right; float:right; padding:15px 0}

.video {text-align:center; background-color:#fff; width:880px; padding:0 0 20px 0}


/* ------------------------- EXTRA ---------------------------- */
.merchandise-center {width:840px; height:auto; background-color:#fff; float:left; padding:15px 10px 15px 30px; text-align:left}
#white {width:880px; height:auto; float:left; background-color:#fff; padding:0 0 20px 0}
.coltL {width:390px; height:auto; float:left; background-color:#fff}
.coltR {width:800px; height:auto; float:left; background-color:#fff; text-align:center; margin:0 0 0 50px}
.coltCaption {width:290px; height:auto; margin:5px 250px; text-align:center; color:#fff; background-color:#333; padding:5px; font-weight:bold}
#div-1 {width:880px; background-color:#fff; padding:10px 0}
#div-1a {float:left; width:590px; background-color:#fff; padding:0 0 0 15px}
#div-1b {float:left; width:240px; background-color:#fff; padding:0 0 0 15px}
#div-1c {clear:both}
/*--------------------------Annual Meeting -------------------------*/
.am-center {width:870px; height:auto; background-color:#fff; float:left; padding:15px 7px 15px 3px; text-align:left; font:11pt Georgia, "Times New Roman", Times, serif; line-height:14pt}
.am-flash {width:870px; height:auto; text-align:center; background-color:#fff; padding:0 0 0 10px}
/* ------------------------- BILLING ---------------------------- */
.billing-center {width:870px; height:auto; background-color:#fff; padding:10px 0 0 10px; text-align: center;}
.billing-banner {width:870px; height:auto; background-color:#fff; float:none; padding:0 5px; text-align:center;}
.confirmHdr {float:left; width:590px; height:35px; background:url(../images/basetemplate/bg_state-news-header.jpg) top left no-repeat; margin:0 0 0 135px}
.confirmMiddle {float:left; width:588px; height:auto; border-left:1px solid #666; border-right:1px solid #666; margin:0 0 0 135px}
.confirmBtm {float:left; width:590px; height:9px; background:url(../images/basetemplate/img_state-news-bottom.gif) top left no-repeat; margin:0 0 0 135px}
.eventSubtitle2 {font:11pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:10pt; text-align:center; color:#6aa0cc; padding:10px 5px}
.eventInfoBox2 {width:400px; height:auto; margin:0 auto}
.ticketDetailsWrapper {width:590px; height:auto; float:left}
.ticketDetailsDes {width:230px; height:auto; float:left; text-align:left; padding:0 0 0 10px}
.ticketDetailsQty {width:90px; height:auto; float:left; text-align:center}
.ticketDetailsPrice {width:100px; height:auto; float:left; text-align:center}
.ticketDetailsTotal {width:150px; height:auto; float:right; text-align:right; padding:0 10px 0 0}
.padding10 {width:500px; height:10px; float:left}
.formLeft {width:450px; height:auto; float:left; margin:0 0 0 50px}
.formA1 {width:120px; height:auto; float:left; text-align:right; line-height:14pt}
.formA2 {width:320px; height:auto; float:right; text-align:left}
.inputField {width:200px; height:20px; border-top:1px solid #999; border-bottom:1px solid #e0dcdc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 5px 5px; background-color:#f7f5f5; line-height:14pt}
.dropdown {width:250px; height:22px; margin:0 0 5px 5px; line-height:14pt; background-color:#f7f5f5; border:1px solid #ccc}
.dropdown2 {width:60px; height:22px; margin:0 0 5px 5px; line-height:14pt; background-color:#f7f5f5; border:1px solid #ccc}
.billing-error { font-size: 12pt; padding: 5px; color: Red; text-align:center; margin-left: auto; margin-right: auto;}

/* ------------------------- TICKETING THANKS ---------------------------- */
.thanksBand {float:left; padding:10px 15px 0 15px; text-align:left; width:850px; background-color:#fff; height:auto; margin-bottom: 15px;}
.thanksHdr {float:left; width:545px; height:35px; background:url(../images/basetemplate/ticket-thanks-header.jpg) top left no-repeat; margin:0 0 0 157px}
.thanksHdrTxt {font:10pt Arial, Helvetica, sans-serif; color:#fff; line-height:16pt; text-align:left; padding:7px 0 0 15px; font-weight:bold}
.thanksMiddle {float:left; width:543px; height:auto; border-left:1px solid #666; border-right:1px solid #666; margin:0 0 0 157px}
.thanksBtm {float:left; width:545px; height:9px; background:url(../images/basetemplate/ticket-thanks-bottom.gif) top left no-repeat; margin:0 0 0 157px}
.thanksInfoBox {width:480px; height:auto; margin:0 auto;padding:10px 0 10px 0;text-align: center;font-size: 12pt;}
.thanksOrderRef {font:16pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; text-align:center; color:#001b52; padding:0 10px 0 0; margin:0 auto}

/* ------------------------- Fix for IE7 issue with paging in articles ---------------------------- */
.newsPagerTable {width: 560px;}

/* ------------------------- EVENT MAP ---------------------------- */
.mapPortal {width: 750px; height: 500px;margin-left: auto; margin-right: auto;}
.mapPortalContainer {width:870px; height:auto; background-color:#fff; float:left; padding:10px 0 10px 10px}
.map-center {width:870px; height:auto; background-color:#fff; float:left; padding:0 0 0 10px; text-align: center;}
.map-header {font:16pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; color:#001b52; padding:0 10px 0 0}
.map-legend {padding: 10px 0 10px 0}
.map-blue-pin {color: #5858FF}
.map-red-pin {color: #FF3F4F}
.empty-map {width: 750px; height: 500px;margin-left: auto; margin-right: auto;}

/* ------------------------- Fixes for EventDetails ---------------------------- */
.eventDetail {text-align:left; padding:0 10px; margin:0 auto}
.eventDetail p {display: inline-block;}
.locationHCC {width:400px; height:auto; float:left; text-align:left; padding:5px 0 0 0px;vertical-align:middle;}
.eventInfoBox2 {width:400px; height:auto; margin:0 auto; padding:0px 0}

/* ------------------------- Fix for BillingTerms ---------------------------- */
.Terms-Box { margin-left: auto; margin-right: auto;}
.formMiddle {width:550px; height:auto; float:left; margin:0 0 0 20px;text-align:center}

/* ------------------------- Fix for StateHome ---------------------------- */
.eventSearch {float:left; font:10pt Arial, Helvetica, sans-serif; font-weight:bold; line-height:24pt; text-align:left; color:#6aa0cc; padding:0 10px}
.ticketNoTicksBox {background-color:#1d4076; border-left:1px solid #333; border-right:1px solid #333; width:338px; height:auto; float:left; padding:0 0 5px 0; color: White; text-align: center; font-weight: bold; font-size: 13pt;}
.ticketNoTicksBox a {color:#fff}


/* ------------------------- 02/02/2011 ---------------------------- */
.icons {float:left; background-color:#fff; padding:0 0 30px 10px; width:870px; text-align:right;  }
.icons-space {padding:2px 5px 0 0; float:right;}
.icons-spaceLeft {padding:5px 5px 0 0; float:left; margin:0 0 0 400px;}
fieldset.search {
border: none;
width: 350px;
background: #fff;
}
.search input, .search button {
border: none;
float: left;
}
.search input.box {
color: #666;
font:11px Arial, Helvetica, sans-serif;
line-height:18pt;
width: 270px;
height: 35px;
margin:5px 0 0 0;
padding:3px 8px 0 10px;
background: #fff url(../images/basetemplate/bg_newsletter.gif) no-repeat;
margin-right: 5px;
float:left;
text-align:left;
vertical-align:middle;
}


.box2 {width:250px; height:35px; float:left}
.submit {width:71px; height:35px; float:right; margin:5px 0 0 0}


.search button.btn {
width: 68px;
height: 35px;
cursor:pointer;
text-indent: -9999px;
background: #fff url(../images/basetemplate/bg_newsletter.gif) no-repeat top right;
}
.search button.btn:hover {
background: #fff url(../images/basetemplate/bg_newsletter.gif) no-repeat bottom right;
}


/* ------------------------- 05/24/2011 ---------------------------- */
.iamTable {width:860px; height:auto; float:left; background-color:#fff; padding:0 0 0 20px}
.iamCol {width:275px; height:auto; background-color:#333; color:#fff; font:20pt Arial, Helvetica, sans-serif; text-align:right; line-height:20pt; float:left; margin:0 8px 0 0; vertical-align:bottom; padding:40px 0 0 0}
.iamTxt {width:265px; height:auto; float:left; margin:2px 8px 0 0; text-align:left; padding:10px 5px; font:12px Arial, Helvetica, sans-serif; line-height:11pt}


/* --------------------Volunteer Signup ---------------------------*/
.vFormWrapper {
      MARGIN: 0px 0px 20px 200px; WIDTH: 420px; FLOAT: left; HEIGHT: auto
}
.vFormInput {
      BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #f6f6f6; MARGIN: 16px 8px 23px 20px; PADDING-LEFT: 4px; WIDTH: 300px; PADDING-RIGHT: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; FLOAT: left; HEIGHT: 20px; COLOR: #039; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.vFormDropdown {
      BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #f6f6f6; MARGIN: 16px 8px 20px 20px; PADDING-LEFT: 4px; WIDTH: 300px; PADDING-RIGHT: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; FLOAT: left; HEIGHT: 25px; COLOR: #039; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.vFormbgName {
      WIDTH: 420px; BACKGROUND: url(../images/national/Volunteer/bg_volunteer-name.jpg) no-repeat left top; FLOAT: left; HEIGHT: 67px
}
.vFormbgCity {
      WIDTH: 420px; BACKGROUND: url(../images/national/Volunteer/bg_volunteer-city.jpg) no-repeat left top; FLOAT: left; HEIGHT: 67px
}
.vFormbgState {
      WIDTH: 420px; BACKGROUND: url(../images/national/Volunteer/bg_volunteer-state.jpg) no-repeat left top; FLOAT: left; HEIGHT: 67px
}
.vFormbgEmail {
      WIDTH: 420px; BACKGROUND: url(../images/national/Volunteer/bg_volunteer-email.jpg) no-repeat left top; FLOAT: left; HEIGHT: 67px
}
.vFormbgPhone {
      WIDTH: 420px; BACKGROUND: url(../images/national/Volunteer/bg_volunteer-phone.jpg) no-repeat left top; FLOAT: left; HEIGHT: 67px
}
.errorMessage {width:840px; height:auto; background-color:#fff; float:left; padding:15px 10px 15px 30px; text-align:center}
.vFormbgComments {
      WIDTH: 420px; PADDING-LEFT: 7px; PADDING-TOP: 16px; BACKGROUND: url(../images/national/Volunteer/bg_commentbox.jpg) no-repeat left top; FLOAT: left; HEIGHT: 160px
}
.vFormCommentsInput {
      BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #f6f6f6; MARGIN: 16px 8px 23px 20px; PADDING-LEFT: 4px; WIDTH: 379px; PADDING-RIGHT: 0px; FONT: bold 12pt Arial, Helvetica, sans-serif; FLOAT: left; HEIGHT: 110px; COLOR: #039; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}



