html, body {
margin: 0px;
 padding: 0px;
 border: 0px none;
 outline: currentcolor none 0px;
 height: 100%;
 text-align: center;
 cursor: auto;

}

div#container {
height: auto;
min-height: 100%;
width: 100%;
margin: auto;
text-align: center;
position: relative;

}

div#top {
background-image: url(https://artistryofmusic.com/accounts/images/319/6041c3c3760d8_afmHeader.jpg);
 background-color: rgba(0, 0, 0, 0);
 background-size: cover;
 max-height: 485px;
 width: 100vw;
 height: 32vw;
 background-position: initial initial;
 background-repeat: no-repeat no-repeat;

}

div.col_size {
width: 100%;
}

#welcome {
position: absolute;
 top: 0px;
 width: 100%;
 font-family: verdana;
 font-size: 10px;
 color: rgb(255, 255, 255);
 line-height: 40px;
 height: 40px;
 z-index: 10;
 background-color: rgb(0, 0, 0);
 display: block;

}

#welcome a {
color:  rgb(255, 255, 255)!important;  
}

#welcome a:hover {
color:  rgb(255, 255, 255)!important;      
}

#welcome-date{

}

div.top_height {
height: 32vw;
}

div#header {
background-repeat: no-repeat;
margin: auto;
position: relative;

}

div#header_logo {}

div#content_wrapper {
margin: 0 auto;
height: auto !important;
height: 100%;
min-height: 100%; 
text-align: justify;
/*position: relative;*/

}

div#content {
width: 100%;
 padding-bottom: 70px;
 font-size: 19px;
 font-family: Georgia, serif;
 color: rgb(0, 0, 0);
 position: relative;
 margin: 57px 0px 0px;
 background-position: left top;

}

div#news_container{

}

div#bottom {
background-color: #000000;
clear: both;
position: relative;
width: 100%;
text-align: center;
margin: auto;
 font-family: Verdana;
font-size: 12px;
color: #cccccc;
padding: 20px;

}

div.bottom_height {

}

#footer {
margin: auto;
text-align: left;
box-sizing: border-box;
background: none;
text-decoration: none;
color: #cccccc;

}

#footer a {
color: background: none;text-decoration: none;color: #cccccc;	
}

#footer a:hover {
color: background: none;text-decoration: none;color: #ffffff;
}

ol, ul {}

p {
margin: 0;
padding-bottom: 20px;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

td {}

a {
text-decoration: none;
 color: rgb(55, 228, 251);
;

}

a:hover {
text-decoration: none;
color: #000000;
;

}

.button {
padding: 7px 20px ;
background:#0000FF;
color:#ffffff;
border-color:#0000FF;
border-style: solid;
border-width:1px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
transition: .5s;
border-radius: 0px;
text-align:center;

cursor: pointer;
transition: .5s;
}

.button:hover {
background:#ffffff!important;
color:#0000FF!important;
border-color:#0000FF!important;

}

a.button {
padding: 7px 20px ;
background:#0000FF;
color:#ffffff;
border-color:#0000FF;
border-style: solid;
border-width:1px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
transition: .5s;
border-radius: 0px;
text-align:center;

}

a.button:hover {
background:#ffffff!important;
color:#0000FF!important;
border-color:#0000FF!important;

}


div.title {
margin: 5px auto 0px;
 padding-left: 10px;
 font-family: Georgia, serif;
 font-size: 30px;
 border-style: none none solid;
 border-width: 0px 0px 1px;
 border-color: rgb(0, 0, 0);
 color: rgb(0, 0, 0);
 width: 80%;

}

/* -- Menus -- */

#menu_container {
height: 57px;
 position: fixed;
 top: 68px;
 right: 123px;
 max-height: 57px;
 background-image: url(https://artistryofmusic.com/accounts/images/transparency/bright/0.png);
 width: 1169.6470589637756px;
 padding: 0px 20px;
 margin: 0px;
 z-index: 20;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px;
 box-shadow: none;
 background-repeat: repeat repeat;

z-index: 20;
}

#menu_bar{

z-index: 20;
}

ul#main_menu li {
zoom: 1;
float: left;
margin: 0px;
text-align: justify;


}

ul#main_menu li.hover, ul#main_menu li:hover {
position: relative;
color: white;
background: black;
background-color: #000000;
color: #ffffff;
position: relative;

}

ul#main_menu li a { 
height: 57px;
 padding-left: 12px;
 padding-right: 12px;
 line-height: 57px;
 font-family: Comfortaa, cursive;
 display: block;
 font-size: 17px;
 color: rgb(255, 255, 255);

}

ul#main_menu li.menu  a:hover{

}

ul#main_menu .active { 
color: white;
background: black;
background-color: #000000;
color: #ffffff;
position: relative;

}

ul#main_menu ul{ 
width: 303px;
 list-style: none outside none;
 padding: 0px;
 visibility: hidden;
 position: absolute;
 top: 57px;
 background-image: none;
 left: 0px;

}

ul#main_menu ul li { 
float: none;
 background-color: rgb(255, 255, 255);
 background-position: initial initial;
 background-repeat: initial initial;
line-height: 40px;
height: 40px;

}

ul#main_menu ul li.hover, ul#main_menu ul li:hover { 
color: #ffffff;
background-color: #000000;

}

ul#main_menu ul li a { 
color: rgb(0, 0, 0);
 background: none;
line-height: 40px;
 height: 40px;
margin: 0!important;

}

ul#main_menu ul li a:hover {
color: #ffffff;
background-color:#000000;

}

#event-home-calendar-list{

}

#eventMarquee_container{

}

#marquee-header{

}

#marquee-header a {

}

.overviewList{

}

.overviewListEvent{

}

.overviewListEvent a{

}

.overviewListEvent a:hover{

}
div#header_logo {
   text-align: left;
}

.promptLabel {
   color: #cccccc;
   margin-left: 5px;
   padding: 0 0 0 5px;
}

.promptTextBox{
   padding-left: 10px;
}

#logo-75816{
   top: 371px;
}

#logo-93010{
    top: 413px;
}

.title{
   text-align: left;
}

.error{
   color: red;
}

ol, ul {}

p {
   margin: 0;
   padding-bottom: 20px;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

td {}


.button-delete{
   background: red!important;
   text-align: center;
   font-weight: bold;
   padding: 0 20px;
   line-height: 27px;
   color: #ffffff;
   font-family: verdana;
}


textarea, input[type='text'], input[type='password'], input[type='file'], input[type='reset']{
   border-color: #dfdfdf;
   background-color: #fff;
   border-width: 1px;
   border-style: solid;
   text-align: left;
}


input[type='text'], input[type='password'] {
   height: 25px;
   font-family: 15px;
}

input[type='submit'] {
   border: 0px;
}


select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background: #ffffff url('../images/select_arrow.png') right 3px center no-repeat;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 3px;
    border-radius: 0px;
    color: #000000;
    font-family: Verdana;
    font-size: 100%;
    height: 25px;
    line-height: 25px;
    min-width: 60%;
    padding: 0 25px 0 10px;
    width: auto;
}
select::-ms-expand {
   display: none;
}


ul#main_menu { 
   list-style:none;
   list-style-position: inside;
   padding-left: 0px;
   margin-top: 0px;
}

.myAccount-title{
   margin: 20px 0 0 0;
}

#myAccountMenuContainer{
   margin-top: -5px;
   border-bottom: 1px solid  #cccccc;
   height: 40px;
   width: 100%;
   margin-bottom: 20px;
}

ul#myAccountMenu{
   list-style:none;
   list-style-position: inside;
}

ul#myAccountMenu li{
   font-weight: normal; 
   float: left; 
   zoom: 1;
   margin: 0px;
   line-height: 15px;
   padding: 0 10px 0 10px;
}

ul#myAccountMenu li a{
   padding-left: 10px;
   padding-right: 10px;
   font-size: 15px;
}

.help-container {
   position: relative;
   cursor: pointer;
}

.help-info {
   padding: 10px;
   font-size: .9em;
   position: absolute;
   top: 0px;
   left: 50px;
   text-align: left;
   background: #ffffff;
   display: none;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   -moz-box-shadow: 0px 0px 7px #545454;
   -webkit-box-shadow: 0px 0px 7px #545454;
   box-shadow: 0px 0px 7px #545454;
}


ul#main_menu ul li:last-child {
  border-width: 0px 0px 0px 0px;
}


/*
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
     div.col_size {
        width: 100%;
     }

     div#header {
        width: 100%;
     }

      div#content {
        width: 95%;
     }
}
*/

@media only screen and (max-width: 900px) {

#logo-75816{
   top: 100px!important;
}

#logo-93010{
    top:130px!important;
}

.review{
   display: none!important;
}
     
}

@media only screen and (max-width: 600px) {
   
#logo-75816{
   top: 70px!important;
}

#logo-93010{
    top:90px!important;
}

.review{
   display: none!important;
}

}