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-color: rgb(41, 94, 121);
 max-height: 425px;
 width: 100%;
 height: 425px;
 display: block;

}

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 {
425px
}

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 0;

}

div.bottom_height {

}

#footer {
margin: auto;
text-align: left;
box-sizing: border-box;
padding-left: 50px;
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(77, 134, 166);
;

}

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

}

.button {
padding: 7px 20px;
 background-color: rgb(45, 102, 132);
 color: rgb(255, 255, 255);
 border: 1px solid rgb(45, 102, 132);
 font-family: Verdana, Geneva, sans-serif;
 font-size: 12px;
 transition: 0.5s;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 border-bottom-right-radius: 2px;
 border-bottom-left-radius: 2px;
 text-align: center;

cursor: pointer;
transition: .5s;
}

.button:hover {
background-color: rgb(255, 255, 255)!important;
 color: rgb(45, 102, 132)!important;
 border-color: rgb(45, 102, 132)!important;
 background-position: initial initial!important;
 background-repeat: initial initial!important;

}

a.button {
padding: 7px 20px;
 background-color: rgb(45, 102, 132);
 color: rgb(255, 255, 255);
 border: 1px solid rgb(45, 102, 132);
 font-family: Verdana, Geneva, sans-serif;
 font-size: 12px;
 transition: 0.5s;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 border-bottom-right-radius: 2px;
 border-bottom-left-radius: 2px;
 text-align: center;

}

a.button:hover {
background-color: rgb(255, 255, 255)!important;
 color: rgb(45, 102, 132)!important;
 border-color: rgb(45, 102, 132)!important;
 background-position: initial initial!important;
 background-repeat: initial initial!important;

}


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

}

/* -- Menus -- */

#menu_container {
height: 101px;
 position: absolute;
 top: 40px;
 right: 0;
 left: 0;
 max-height: 101px;
background-color: #183d50;
 width: 100%;
 padding-left: 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: rgb(0, 0, 0) 0px 10px 15px -15px;
 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: 101px;
 padding-left: 14px;
 padding-right: 14px;
 line-height: 101px;
 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: 0;
 visibility: hidden;
 position: absolute;
 top: 101px;
 background-image: none;
 left: 0;

}

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

}

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(255, 255, 255);
 background-color: rgb(24, 61, 80);
 line-height: 40px;
 height: 40px;
 margin: 0px !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{

}
#txt-90946{
position: absolute;
white-space: nowrap;
left: 250px;
top: 310px; 
color: white;
font-size: 30px;
font-family: Comfortaa;
}


#txt-73130{
white-space: nowrap;
position: absolute;
font-family: Times;
font-size: 45px;
color: #fff;
top: 200px;
left: 250px;
}

#img-81604{
position: absolute;
width:250px;
top: 165px;
}

#top{
 background-image: linear-gradient(to top right, #0b2939, #4aa4d5);
}


#join-button{
    border: 1px solid white;
    line-height: 20px;
   padding: 0 20px;
    border-radius: 10px;
}


#bottom{
 background-image: linear-gradient(to top right, #0b2939, #4aa4d5);
}


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: 30px;
    line-height: 30px;
    min-width: 60%;
    padding: 0 25px 0 10px;
    width: auto;
   font-size: 15px;
}
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 only screen and (max-width: 900px) {

#txt-73130{
top: 85px;
font-size: 25px;
left: 25%;
}

#txt-90946{
left: 25%;
top: 145px; 
color: white;
font-size: 20px;
}

#img-81604{
position: absolute;
width: 25vw;
top:80px;
bottom: 0;
}

#top{
width: 100vw!important; 
height: 36vw!important; 
}
     
}

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

#txt-73130{
font-size: 20px;
top: 50px;
}

#txt-90946{
left: 25%;
top: 100px; 
color: white;
font-size: 15px;
}


#img-81604{
position: absolute;
width: 25vw;
top:45px;
bottom: 0;
}

#join-button{
padding: 0 5px;
}
   
}