
body{
    margin: 0px; 
    /*overflow-x: hidden; */
    height:1px;
    padding: 0px;
}

#background{    
    background: url('test.jpg');
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index:-1;
    height: 110%;
    width: 100%;
    margin-top: -20px;
}

#page{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 1030px;
}
#page_body{
    margin:15px;
    width: 1000px;
    padding: 10px;
}

#header{
    float: left;
    clear: both;
    width: 1000px;
    margin-top: 5px;
    background: white;
    color: black;
    border-radius: 50% / 80%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;    
    border: solid; 
    border-width: 1px; 
    border-color: black;
    background-color: rgb(240,255,245);
    
    
}
#header_welcome{
    float: left;
    clear: both;
    width: 500px;
    margin-top: -40px;
    margin-left: 250px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#header_welcome_logo{    
    float: left;
    clear: both;
    width: 500px;
    height: 150px;
    margin-top: 12px;
    margin-left: 50px;
    text-align: left;
    margin-bottom: -10px;
    background-image: url("./newLogo.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#header_welcome_logo h1{
    margin-left: 30px;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom:-35px;
    text-align: left;
    font-size: 26px;
}

#header_banner{
    float: left;
    clear: both;
}
#header_banner p {
    margin-left:-10px; 
    margin-top: 20px; 
    color: white; 
    font-size: 18px; 
    background:#29A329; 
    width:1010px; 
    border:solid; 
    border-width:1px; 
    border-color:black; 
    padding:5px;
    padding-bottom:8px; 
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    text-align: center;
}
#header_banner_1{
    background: black;
    width:1022px; 
    height:10px; 
    margin-left: -10px; 
    margin-top:-25px; 
    border-radius:5px;
}
#header_banner_2{
    background-color: rgb(240,255,245);
    width:1000px; 
    height:20px; 
    margin-left: 0px; 
    margin-top:-5px; 
    margin-bottom: -25px;
}

#headerMenu {float: left; clear: both; height: 60px; width: 100%;}
#headerMenu ul { margin: 0px;}
#headerMenu li { margin: 0px; list-style: none; height: 40px; }
#headerMenu a { }
#headerMenu > ul > li { float:left; position:relative; margin: 0px 5px; width: calc((100% / 4) - 20px); }
#headerMenu > ul > li > a { margin-top: 10px; padding: 0px; display:inline-block; text-shadow:0px 1px 0px rgba(0,0,0,0.4); color: black; font-size:20px; }
#headerMenu li:hover .headerSubMenu { z-index:5; opacity:1; }
.headerSubMenu { width: 250px; padding: 0px; position:absolute; top:60px; left: 0px; z-index:-1; opacity:0; transition:opacity linear 0.15s; box-shadow:0px 2px 3px rgba(0,0,0,0.2); background: rgb(240,255,245); border-top: solid black 1px; }
.headerSubMenu li { display:block; }
.headerSubMenu li a { padding: 10px 10px; display:block; font-size:16px; color: black; box-sizing: border-box; }
.headerSubMenu li a:hover, .headerSubMenu .current-item a { background:#3e3436; color: white;}


.header_links_bar_item{
    height: 40px;
    float: left;
    clear: none;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 10px;
    font-size: 14px;
    
    cursor:pointer;
}
.ball{
    float: left;
    clear: left;
    margin-top: 10px;}
.ball img{
    height: 30px;
}


.header_links_bar_item h3{
    float: left;
    clear: right;
    margin: 5px;
    margin-top: 15px;
    height: 20px;
    color: black;
    font-weight: 400;
}
#here{color:#29A329;}
#header_links a {text-decoration: none;}


#main_body{
    width: 960px;
    float: left;
    clear: both;   
    margin-left: 18px;
    background: rgba(90,90,90,0.6);
    border: solid;
    border-width: 2px;
    border-color: rgb(50,50,50);
    border-top: none;
    border-bottom: none;
    
}



#footer{
    float: left;
    clear: both;
    width: 950px;
    padding: 25px;
    height: 50px;
    background: rgba(10,10,10,0.95);
    color: #29A329;
    margin-bottom: 20px;
}
#footer_left{
    float:left;
    clear: left;
    width: 300px;
    text-align: center;
}
#footer_left img{
    border-bottom-left-radius: 6px; 
    border-top-right-radius: 6px;
}


#footer_center{
    float: left;
    clear: none;
    width: 350px;
    margin-top: 0px;
    text-align: center;
}
#footer_center p{
    margin:0px;
    margin-top:5px;
}

#footer_right{
    float: right;
    clear: right;
    width: 250px;
    margin-right: 50px;
    text-align: right;
}

.footer_right a{
    float: left;
    margin:20px;
}



h2 {
    font-family: 'Open Sans', sans-serif;
}
h3 {
    font-family: 'Open Sans', sans-serif;
}
p, li {
    margin: 20px;
    font-family: 'Open Sans', sans-serif;
}


a { text-decoration: none;}

.red { color: red; }

#main_body a { color: green; text-decoration: none; }
#main_body a:hover { color: grey; }

#booking{
    float: left;
    width: 998px;
    margin: 20px -20px;

    background: rgb(240,255,245);
    border: solid;
    border-width: 1px;
    border-color: black;
    text-align: center;
}
#booking h3{
    font-size: 20px;
}
#booking p{
    font-size: 12px;
}
#booking a{
    text-decoration: none;
    color: #29A329;
}
#booking a:hover{
    color: grey;
}

.session_head{
    text-align: center;
    background: black;
    margin: 0px;
    color: #29A329;
    padding: 10px;
}

span.center { text-align: center;}
.font16 { font-size: 16px !important;}
.font14 { font-size: 14px !important; }
.font12 { font-size: 12px !important; }
.grey { color: grey; }
