html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #FFFFFF;
	background : #586AB6;
	text-align:center;
	
	}
    
    .purple{
    color:#586AB6;
    font-size:1.1em;
    }
	
	/* begin header */
	
#header{
position:relative;
float:left;
width:100%;
}

#left_header{
position:relative;
float:left;
width:320px;
}
#right_header{
position:relative;
float:right;

}
#sm{
position:relative;
float:right;
width:90%;
padding-right:10%;
text-align:right;
/*border-style:solid;*/
margin-bottom:10px;
margin-top:10px;
}

#header_book_button{
position:relative;
float:right;
margin-right:12%;
margin-bottom:10px;
width:120px;
height:40px;
padding-top:20px;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
text-align:center;
}

#header_book_button a{
text-decoration:none;
color:#FFFFFF;
}

#nav{
position:relative;
float:right;
width:99%;
margin-left:1%;
/*border-style:solid;*/
}

.media{
position:relative;
float:right;
text-align:center;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
width:32px;
height:32px;
margin-right:10px;
}

.nav_cell{
position:relative;
float:left;
margin-right:6%;
text-align:center;
margin-top:2px;
}

#nav a{
text-decoration:none;
color:#FFFFFF;
}
/* end header */
.clearB{
	width:100%;
	height:0.1em;
	clear:both;
    }
    
    #main{
    position:relative;
    float:left;
    width:100%;
    color: #000000;
	background : #FFFFFF;
	text-align:center;
    }
    
    #main a{
    text-decoration:none;
    color:#586AB6;
    }
    
    .page_content{
    width:90%;
    max-width:640px;
    margin:auto;
    text-align:left;
    }
    
    
    
    #booking_button{
    position:relative;
    margin:auto;
    width:240px;
    height:60px;
    background:#5851AB;
    color:#FFFFFF;
    text-align:center;
    border-style:solid;
    border-color:black;
    }
    #booking_button a{
    color:#FFFFFF;
    text-decoration:none;
    }
    
    #past_concerts_button{
    position:relative;
    margin:auto;
    width:240px;
    height:60px;
    background:#586AB6;
    color:#FFFFFF;
    text-align:center;
    border-style:solid;
    border-color:black;
    }
    #lower_info_container a{
    color:#FFFFFF;
    text-decoration:none;
    }
    
    #lower_info_container{
    position:relative;
    margin:auto;
    width: 100%;
    max-width:1290px;
    margin-bottom:20px;
    }
    
    #join_options_container{
    position:relative;
    margin:auto;
    
    width: 100%;
    max-width:960px;
     
    margin-bottom:20px;
  
    }
    #join_options_container a{
    color:#FFFFFF;
    text-decoration:none;
    }
    
    .join_squares{
    position:relative;
    float:left;
    color:#FFFFFF;
	background : #586AB6;
	text-align:center;
    width:300px;
    height:340px;
    margin-left:10px;
    margin-right:10px;
    font-size:1.4em;
    font-weight:bold;
    
    padding-bottom:10px;
    margin-bottom:10px;
    /*
    border-style:solid;
    border-color:black;
    */
    }
    
    
    .lower_info_squares{
    position:relative;
    float:left;
    color:#FFFFFF;
	background : #586AB6;
	text-align:center;
    width:300px;
    margin-left:10px;
    margin-right:10px;
    font-size:1.4em;
    font-weight:bold;
    
    padding-bottom:10px;
    margin-bottom:10px;
    /*
    border-style:solid;
    border-color:black;
    */
    }
    
    .col_pic{
    width:100%;
    height:180px;
    overflow:none;
    }
    
    .join_col_pic{
    width:100%;
    height:240px;
    overflow:none;
    }
    
    .col_book_button{
position:relative;
margin:auto;
width:140px;
/*height:30px;*/
padding-top:10px;
padding-bottom:10px;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
text-align:center;
font-size:0.8em;
    font-weight:normal;
    color:#FFFFFF;
}

.col_book_button a{
text-decoration:none;
color:#FFFFFF;
}

.join_col_book_button{
position:relative;
margin:auto;
width:140px;
/*height:30px;*/
padding-top:10px;
padding-bottom:10px;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
text-align:center;
font-size:0.8em;
    font-weight:normal;
    color:#FFFFFF;
}

#footer{
width:100%;

clear:both;
/*
background-image: url("images/footer-icon390.svg");
background-repeat: no-repeat;
background-position: right;
*/
}

.center_it{
position:relative;
width:100%;
text-align:center;
/*
border-style:solid;
border-color:red;
 */
}

#upper_footer{
width:100%;
height:320px;
clear:both;
color: #FFFFFF;
background : #586AB6;
}

#lower_footer{
width:100%;
height:90px;
clear:both;
background:#5851AB;
color:#FFFFFF;
}

.footer_col{
position:relative;
float:left;
width:300px;
text-align:left;

margin-top:20px;
margin-right:10px;
margin-left:10px;
}

.thick_underline_white{
position:relative;
float:left;
clear:both;
width:48px;
height:4px;
background:#FFFFFF;
margin-top:5px;
}

#footer_book_button{
position:relative;
margin:auto;
margin-bottom:10px;
width:120px;
height:40px;
padding-top:20px;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
text-align:center;
font-weight:bold;
}
/*
#footer_book_button a{
text-decoration:none;
color:#FFFFFF;
}
*/
#footer a{
text-decoration:none;
color:#FFFFFF;
}

#footer_sm{
position:relative;
float:left;
text-align:left;
/*border-style:solid;*/
margin-bottom:10px;
margin-top:10px;
}

.footer_media{
position:relative;
float:left;
text-align:center;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
width:32px;
height:32px;
margin-right:10px;
}