html, body {
margin: 0px;
 padding: 0px;
 border: 0px;
 outline: 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: none;
 display: block;
 width: 100vw;
 height: 26vw;

}

div.col_size {
width: 100%;
}

#welcome {
position: fixed;
 top: 0px;
 width: 100%;
 font-family: verdana;
 font-size: 10px;
 color: rgb(255, 255, 255);
 line-height: 40px;
 height: 40px;
 z-index: 30;
 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: 26vw;
}

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: 21px;
 font-family: Rajdhani, sans-serif;
 color: rgb(87, 64, 61);
 position: relative;
 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(192, 136, 64);
;

}

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-top: 10px;
 margin-bottom: 20px;
 padding-left: 10px;
 border-width: 0px 0px 1px;
 border-style: solid;
 font-family: "Marcellus SC", serif;
 font-size: 45px;

margin-bottom: 10px;
}

/* -- Menus -- */

#menu_container {
height: 100px;
 position: fixed;
 top: 40px;
 width: 100%;
 padding: 0px;
 margin: 0px;
 box-shadow: rgb(0, 0, 0) 0px 10px 15px -15px;
 max-height: 100px;
 background-image: url(https://artistryofmusic.com/accounts/images/transparency/dark/70.png);
 background-repeat: repeat repeat;
z-index: 20;
}

#menu_bar{

z-index: 20;
}

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

}

ul#main_menu li.hover, ul#main_menu li:hover {
position: relative;
}

ul#main_menu li a { 
height: 100px;
 color: #fff;
 font-family: Comfortaa, cursive;
 line-height: 100px;
 padding-left: 13px;
 padding-right: 13px;
 display: block;
 font-size: 18px;
}

ul#main_menu li.menu  a:hover{
/*ul#main_menu li  a:hover{*/
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
color:rgb(255, 255, 255);
 background:#000000;
position: relative;
transition: .5s;

}

ul#main_menu .active { 
background-color:rgb(0, 0, 0);
color:rgb(255, 255, 255);
color:rgb(255, 255, 255);
 background:#000000;
position: relative;
transition: .5s;

}

ul#main_menu ul{ 
width: 200px;
 list-style: none outside none;
 padding-left: 40px;
 visibility: hidden;
 position: absolute;
 top: 78px;
 background-image: none;
 left: -20px;

}

ul#main_menu ul li { 
float: none;

}

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

}

ul#main_menu ul li a { 
color: rgb(255, 255, 255);
font-family:;

}

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

}

#event-home-calendar-list{

}

#eventMarquee_container{

}

#marquee-header{

}

#marquee-header a {

}

.overviewList{
padding-top: 11px;
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-size: 30px;
 border-width: 0px 0px 1px;
 border-style: solid;

}

.overviewListEvent{
padding-top: 11px;
 padding-bottom: 11px;
 font-size: 15px;
 color: #000000;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.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;
}

.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 li a:hover {
   transition: .6s;
}

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%;
     }
}