html, body {
margin: 0px;
 padding: 0px;
 border: 0px;
 outline: 0px;
 height: 100%;
 text-align: center;
 background-color: rgb(255, 255, 255);
 cursor: auto;

}

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

}

div#top {
background-color: rgb(255, 255, 255);
 opacity: 1;
 height: 231px;

}


div.col_size {
width: 1100px;
}


#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: 231px; 
}

div#header {
margin: auto;
 position: relative;
 background-color: rgba(0, 0, 0, 0);
 opacity: 1;
 height: 231px;
 background-repeat: no-repeat no-repeat;

}

div#header_logo {}

div#content_wrapper {
margin: 0 auto;
height: auto !important;
height: 100%;
min-height: 100%; 
text-align: justify;
padding-top: 30px;
}

div#content {
width: 1100px;
  padding: 30px 0px 70px 0px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: none;
background-repeat: none;
background-position: left top;
background-attachment: relative;
position: relative;

}

div#news_container{

}


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

}


div.bottom_height {
height: 300px; 
}

#footer {
margin: auto;
text-align: left;
box-sizing: border-box;
;
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
 text-decoration: none;
 color: rgb(204, 204, 204);
;

}


#footer a {
color: background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; text-decoration: none; color: rgb(204, 204, 204); 	
}

#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: #9bb0c6;
;

}

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

}

.button {
background-color: #61625e;
background-image: none;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin-left: 5px;
padding:  2px 20px;
font-size: 12px;
border-radius: 0;
color: #ffffff;
line-height: 27px;
font-weight: bold;
border: none;
;

}

a.button {
color: 
}

a.button:hover {
color: 
}



div.title {
margin-top: 10px;
margin-bottom: 20px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
border-right-style: none;
border-bottom-style: solid;
border-top-style: none;
border-left-style: none;
border-width: 0px 0px 1px 0px;
border-color: #000000;
color: #000000;

}

/* -- Menus -- */

#menu_container {
width: 100%;
 background-color: transparent;
 height: 60px;
 position: fixed;
 top: 40px;
 z-index: 10;
 opacity: 1;

}


#menu_bar{
width: 100%;
 background-color: transparent;
 height: 60px;
 position: fixed;
 top: 40px;
 z-index: 10;
 background-image: url(https://artistryofmusic.com/accounts/images/transparency/dark/60.png);
 background-repeat: repeat repeat;

}

ul#main_menu li {
font-weight: normal;
 float: left;
 zoom: 1;
margin: 0px;
line-height: 50px;

}

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

}

ul#main_menu li a { 
height: 60px;
 color: rgb(255, 255, 255);
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 25px;
 display: block;
 padding: 0px 20px;
 font-weight: 100;
 line-height: 60px;
 text-decoration: none;
 background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
 border-right-style: solid;
 border-bottom-style: none;
 border-top-style: none;
 border-left-style: none;
 border-width: 0px 1px 0px 0px;
 border-color: rgb(204, 204, 204);

}


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

}

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

}

ul#main_menu ul{ 
list-style: none;
width: 220px;
position: absolute;
 left: -500px;
 opacity: 0;
background: none;

}


ul#main_menu ul li { 
float: none;
line-height: 50px;
height: 50px;
border-right-style: none;
border-bottom-style: solid;
border-top-style: none;
border-left-style: solid;
border-width: 0px 0px 1px 1px;
border-color: #cccccc;

}

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

}

ul#main_menu ul li a { 
color: #1f1f1f;
background-color: #ffffff;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 50px;
height: 50px;
font-size: 25px;

}

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

}

#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{

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



a.button {
   text-decoration: none;
   font-weight: bold;
}


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


/* -- IPAD SETTING --*/
@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%;
     }
}

ul#main_menu li a:hover {
   transition: .6s;
}

ul#main_menu li{
   position: relative;
   z-index: 30;
}

ul#main_menu{
   z-index: 30;
}