body {margin: 0px; background-color: #000000; background-image: none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#000000;}
ul {margin-top: 0px;}
li {list-style-position: inline;}
h1 {margin:8px 0 12px 0; font-size:18px; font-weight:bold;}
h2 {margin:16px 0 0 0; font-size:14px;}
a {color: #000000;}
a:link {text-decoration: underline;} 
a:hover {text-decoration: none;}
img {border:0px}
p {margin-top:0;}
div.clearIt {clear: both; height: 0; margin: 0; padding: 0;}

#container {width: 100%; background-color:#ffffff;}

/* Top Menu */
#topMenu {width: 100%; height:36px; margin: 0 auto;}
#topMenuHome {width: 33%; float:left; text-align:center; padding-top:10px;}
#topMenuHome a {color: white; text-decoration:none;}
#topMenuArl {width: 33%; float:left; text-align:center; padding-top:10px;}
#topMenuArl a {color: white; text-decoration:none;}
#topMenuDal {width: 33%; float:left; text-align:center; padding-top:10px;}
#topMenuDal a {color: white; text-decoration:none;}
#topMenuSA {width: 33%; float:left; text-align:center; padding-top:10px;}
#topMenuSA a {color: white; text-decoration:none;}
.topMenuContainer {height:2px; width:100%;}
.topMenuContent {display:none;}
.topMenuColumn {display:none;}
.topMenuColumn a {color: white; text-decoration:none;}
.topMenuColumn a:hover {color: white; text-decoration:underline;}
.topMenuColumnLink {height:20px;}
#mobileMenuLink {display:block; width:100%; text-align:center; background-color:#B22D00;}
 
/* Slideshow */
#slideShow {width:100%; height:300px; background-color:#000; float:left; display:none;} 
#clubTitle {font-size:24px; color:white; background-color:black; line-height:40px; width:100%;}

/* Content Area */
#contentContainer {width: 100%; margin: 0 auto; background-color:#ffffff;}
#contentContainerHome {width:100%; background-color:#ffffff;}
.contentTab {margin-left:0px;}
#contentArea {width:90%; background-color:white;}

/* Home Page */
.homeClubColumn{width:100%; float:left;}
.homeClubName{font-size:1.5em; font-weight:bold; color:white; background-color:black;}
.homeImage{width:100%;}
.homeArtistImage{ width:100%;}
.homeEvent{font-size:1.75em; font-weight:bold;}
.homeDate{font-size:1.25em; font-weight:bold;}
.homeText{font-size:1em; line-height: 1.5em;}
.homeTickets {line-height: 1.5em;}
.homeClubLinksColumn {margin-top:18px;}

.homeCLubNav {width: 100%; float:left;} 
.homeCLubNav ul {list-style-type:none; margin:0; padding:0;} 
.homeCLubNav li {display: inline; /* for IE5 and IE6 */ } 
.homeCLubNav a {color: #ffffff; text-decoration: none; line-height:24px; display: block; padding:3px 0 3px 8px; background-color: black;  font-size:1.1em;}
.homeCLubNav a:hover {color: #000000; background-color:#ffffff; text-decoration: none;} 

.homeClubContactInfo {width: 100%; float:left; background-color:silver;}
.homeClubContactInfoText {padding: 6px 6px;}
.homeClubContactInfoText a {text-decoration: none;}


/* Event Summary Box */
.eventBox {float:left; width:100%; border:1px solid silver; background-color:white; margin:8px 8px; background-image:none;}
.eventBoxLeft {float:left; width:100%; min-height:175px;}
.eventBoxRight {float:left; width:100%; min-height:175px;}
.eventBoxImage {float:left; width:100%;}
.eventBoxTitle {float:left; width:100%; font-size:28px; line-height:40px;}
.eventBoxTitleWide {float:left; width:100%; font-size:28px; line-height:40px;}
.eventBoxDate {float:left; width:100%; background-color: #000000; color:white; border:1px solid silver; margin:8px 8px;}
.eventBoxDetails {float:left; width:100%;}
.eventBoxDetailsWide {float:left; width:615px;}
.eventBoxBuyTickets {text-align:center; margin:8px 0;}
.eventBoxMoreInfo {text-align:center;}
.eventBoxDateMonthDay {text-align:center;text-transform:uppercase; font-size:28px; line-height:36px;}
.eventBoxDateDOW {text-align:center;font-size:22px; line-height:30px;}
.ticketTypeCol {float:left; width:100%; line-height:22px;}
.ticketAmountCol {float:left; width:100%; line-height:22px;}
.eventSponsor {line-height: 30px; font-weight:bold;}
.eventSponsor a {color:blue; text-decoration:none;}
#cowboysTitle {display:none}

/* Event Detail */
.eventSponsorLogo {float:left; margin-right:20px;}
.artistMedia {float:left; margin-right:20px;}
.artistSocialLink {float:left; margin-right:20px;}
.eventDetailPhotoGalleryLink {float:left; width:300px; margin-right:10px; height:24px; }
.PhotoGallery {float:left; margin:0 32px 32px 0;}

/* House Band Members*/
.BandMemberProfile {float:left; width:300px; border:1px solid silver; margin:12px 6px 18px 0;}
.BandMemberImage {}
.BandMemberName {text-align:center; font-weight:bold;}
.BandMemberRole {text-align:center;}
.BandMemberMedia { float:left;}

/* sitemap */
.siteMapLinks {width:33%; float:left;}
.siteMapLinks a {text-decoration:none;}
.siteMapLinks a:hover {text-decoration:underline;}

/* Footer */
#footerMenu {display:block;}
.footerMenuLinksColumn {margin-top:18px;}
.footerMenuNav {width: 100%; float:left;} 
.footerMenuNav ul {flist-style-type:none; margin:0; padding:0;} 
.footerMenuNav li {display: inline; /* for IE5 and IE6 */ } 
.footerMenuNav a {color: #ffffff; text-decoration: none; line-height:24px; display: block; padding:3px 0 3px 8px; width: 100%px; background-color: black; border: 1px solid #fff;  font-size:1.1em;}
.footerMenuNav a:hover {color: #000000; background-color:#ffffff; text-decoration: none;} 


#footerStripe {width:100%; background-color: #000; display:none;}
#footer {width:100%; margin: 0 auto; color:white; color: gray; font-size:12px;}
#footer a {color: gray;}
#footerCopyright {float:left; width:100%; text-align:center;}
#footerLogo {display:none;}
#footerApex {display:none;}

/* MISCELLANEOUS */
.hide-for-small	{display: none !important;}
.hide-for-large	{display: block !important;}