body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	/*color: #336699;*/
	color:#000000;
}


form {
	background-color:#FFFFFF;
}

H1, h1 {
	line-height:normal;
}

.bc_current_sequence {font-size:x-large;}
.bc_next_sequence {font-size:large;}
.bc_previous_sequence {font-size:large;}

.bc_top_menu {
	width:100%;

}

.bc_top_menu_name {
	/*width:55%;*/
	float:left;

}

/* Drop Down Menu */
/* Dropdown Button   -****WORKS  
.bc_menu_button {
	background:url(images/menu_bar.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
    color: 000000;
	padding: 3px;
	padding-right:20px;
	padding-left:20px;
    font-size: 12px;
    border: none;
    cursor: pointer;
	text-align:right;
	vertical-align:top;
}
 */
 /* Dropdown Button   -****Experiment  */

.bc_menu_button {
	/*background-color:transparent;
	text-align:right;
	*/
	background:url(images/menu_bar.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFCC33;
    color: 000000;
	padding: 3px;
	padding-right:20px;
	padding-left:6px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	vertical-align:top;
	position:fixed;
    top: 0;
    right: 0;
	z-index:1000;
}

/* Dropdown button on hover & focus */
.bc_menu_button:hover, .bc_menu_button:focus {
   /*background-color: #3e8e41;*/
	background-color:#FFFFFF;
}

/* The container <div> - needed to position the dropdown content */
.bc_dropdown_menu {
    /* position: relative;
   display: inline-block; 
 	width:25%;
  */
	text-align:right;
}

/* Dropdown Content (Hidden by Default) */
 .bc_menu_content {
    display: none;
    /*position: absolute;*/
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-align:right;
	position:fixed;
    top: 0;
    right: 0;
}

/* Links inside the dropdown */
 .bc_menu_content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	z-index: 1;
	text-align:right;
	/*position:fixed;
    top: 0;
    right: 0;*/
}

/* Change color of dropdown links on hover */
 .bc_menu_content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.bc_show_menu {
	display:block;
	z-index: 1;
	text-align:right;
	width:220px;
	float:right;
	position:fixed;
    top: 0;
    right: 0;
} 

/* END Drop Down Menu */


.window_button_center a, visited{
    /*font-family: 'Roboto Slab', sans-serif;
	 width: 70%;
   font-size: 18px;
    */
    background-color: #CC3366;
    color: #FFFFFF;
    margin-left: 14%;
    margin-right: 14%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    border: none;
}



.bc_top_tag { 
	position:fixed;
    bottom: 0;
	margin-bottom:20px;
    right: 0;
    width: 32px;
   /* border: 1px solid #73AD21;*/
	background-color:FFCC33;
	text-decoration:none;
}

a.bc_apple_button:link { /* this doesnt work on iphone */
    /*width: 32px;*/
	background-color:#A22E2B;
	text-decoration:none;
	color:#FFFFFF;
}

.bc_program_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:bottom;
	margin-left:10px;
	padding-top:30px;
 }

.bc_program_logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:bottom;
	float:left;
	height:100px;
 }

.bc_program_placard_logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:bottom;
	float:left;
	height:180px;
 }

.bc_program_splash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	/*
	max-width:640px;
	*/
	text-align:center;
 }

.bc_promo_offer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:middle;
	font-style:italic;

}

.bc_promo_name {
	font-size:18px;
	font-weight:bold;
 

}


.bc_promo_offer_view {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:middle;
	font-style:italic;

}

.bc_promo_phone a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:middle;
	font-weight:bold; 
	text-decoration:none;

}

.bc_promo_map a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:middle;
	font-weight:normal; 
	text-decoration:none;

}

.bc_promo_code {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #339933;
	vertical-align:middle;
	font-weight:bold;	
	/*font-style:italic;

	margin-bottom:-5px;
	margin-top:-5px;
*/
}

.bc_center_text {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}


.bc_venue_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:bottom;
	font-style:italic;
 }

div.top_left {
  width: 200px;
  height: 100px;
  border: 3px solid #73AD21;
}

div.bc_venue_sequence {
  position: absolute;
  top: 6px;
  left: 6px;
	font-size:32px; 
	margin-top:10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	width:80px;
	height:88px;
	text-align:center;
	vertical-align:middle;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	border-radius: 44px;
	/*
	vertical-align:bottom;
	font-style:italic;
	*/

 }

.bc_venue_info {
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	line-height:1.5em;

 }


.location_at_image {
	width:100%;
}

.bc_subscription_logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:bottom;
	float:left;
	height:40px;
	padding-left:10px;
 }

.bc_subscription_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
 	background-color: #FFFFFF; 
	color: #666666;
	vertical-align:bottom;
	font-style:italic;
 	padding-left:6px;
}


.bc_attraction_display {
	/*
	position:static;
	*/
  position: relative;
	width:100%;
	font-size:18px;
}


.bc_attraction_image {
	/*
	height:200px;
	width:25%;
	position:static;
	float:left;
  padding-right:10px;
  max-height: 100%;
	*/
  max-width: 144px;
  margin:auto;
}

.bc_attraction_info {
	/*height:200px;*/
	width:75%;
	float:right;
	vertical-align:top;
}

.bc_track_menu {
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;
}

.bc_track_menu_apple {
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;
}

.bc_track_select {
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;
}

.bc_track_sort input[type=submit] {
	color:#000000;
	text-align:center;
	padding:5px 15px; 
    border:0 none;
    cursor:pointer;
	text-align:center;
	font-size: 12px;
	background-color:#FFCC33;
	/*
	background-color:#1DBFC9;
	*/
}

.bc_track_display input[type=submit] {
	color:#000000;
	text-align:center;
	padding:5px 15px; 
    border:0 none;
    cursor:pointer;
	text-align:center;
	font-size: 12px;
	background-color:#FFCC33;
	/*
	background-color:#1DBFC9;
	*/
}

.bc_nearby_studios input[type=submit] {
	color:#000000;
	text-align:center;
	padding:5px 15px; 
    border:0 none;
    cursor:pointer;
	text-align:center;
	font-size: 16px;
	background-color:#FFCC33;
	/*
	background-color:#1DBFC9;
	*/
}

select {
/*
    padding:5px 15px; 
	font-size: 12px;
	background-color:#97B5B4;
*/
	background-color:#13A79D;
    border:0 none;
    cursor:pointer;
	color:#000000;
	text-align:center;
	font-size: 18px;
	padding:3px;
}


.bc_menu_date {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: normal;
}

/*.bc_track_selection {
	color:#460000;
	background-color:#FEE070;

}
*/

input[type=submit] {

   
	padding:5px 15px; 
    border:0 none;
    cursor:pointer;
	color:#FFFFFF;
/*	background-color:#CC3366;
*/ 	background-color: #7E1825;
	text-align:center;
	font-size: 18px;
}


a {
	font-size: 14px;
	color: #336600;
	text-decoration:none;
}


.float_left {
	float:left;
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
 color: #003300;}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: #669900;
 color: #FFFF33;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #CCFF99;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
 color: #003333;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
 font-style: italic;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCFF99;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-width: thin;
	border-color: #99FF99 #003300 #003300 #99FF99;
 border-style: double;
 }

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
 color: #660000; font-weight: bolder; font-size: medium;
 }

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

.user_notes {
	text-align:left;
	color:#000000;
	/*background-color:#FFFFCC;
	background-color:#7E1825;*/
	background-color:#F8E4C5;
	font-size:16px;
}

.create_user_notes {
	text-align:left;
	color:#000000;
	background-color:#CC3366;
	/*background-color:#7E1825;*/
	font-size:16px;
}

.note_delete {
	text-align:center; 
	padding-left:4px;
	padding-right:2px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#CC3366;
	margin-bottom:4px;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 5px;
	margin-right:3px;
	font-size:16px;
	/*
	padding:4px;
	*/


}

/*phone version*/
@media only screen and (max-width: 500px), (max-device-width: 500px) {


}
		
		
/*tablet version*/
@media only screen and (min-width:501px) and (max-width: 768px), (max-device-width: 1024px) {	
		
}