/*
COLORS:
background, links, headers - light blue: #719ED9
font, rollover links - dark blue: #120067
specials - green: #6CB11B

*/

@import "https://greenhatkiteboarding.com/lib/css/menubar.css";

body {
        text-align: center; /* for IE */
        margin: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 70%;
        color: #120067;
        background-color: #719ED9;
        }

a img {border: none; }

a:link {
        color: #719ED9;
        text-decoration: none;
        }

a:visited {
        color: #719ED9; 
        text-decoration: none;
        }
        
a:hover {
        color: #120067;
        }
        
a:active {
        color: #120067;
        }

h1 {
        font-size: 1.5em;
        color: #120067;
        }

h2 {
        font-size: 1.4em;
        }

h3 {
        font-size: 1.3em;
        }

h1, h2, h3, h4, h5, h6 {
        margin: 0.3em 0;
        }

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
        position: relative;
        }
*html .centerColumn {
        height: 1%;
        } */


CODE {
        font-family: arial, verdana, helvetica, sans-serif;
        font-size: 1em;
        }

FORM, SELECT, INPUT {
        display: inline;
        font-size: 1em;
        margin: 0.1em;
        }


TEXTAREA {
        float: left;
        margin: auto;
        display: block;
        width: 95%;
        }

input:focus, select:focus, textarea:focus {
        background: #E4FEF5;
        }

FIELDSET {
        padding: 0.5em;
        margin: 0.5em 0em;
        border: 1px solid #cccccc;
        }

LEGEND {
        font-weight: bold;
        padding: 0.3em;
        }

LABEL, h4.optionName {
        line-height: 1.5em;
        padding: 0.2em;
        }

P, ADDRESS {
        padding: 0.5em;
        }

ADDRESS {
        font-style: normal;
        }

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger{
        font-size: 1.1em;
        }

HR {
        height: 1px;
        margin-top: 0.5em;
        border: none;
        border-bottom: 1px solid #9a9a9a;
        }        

#mainWrapper {

        margin: 0em;
        padding: 0em;
        margin: auto;
        background-color: #ffffff;
        text-align: left;
        width: 934px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }

#contentWrapper {
        position: relative;
        top:4px;
        background-color: #ffffff;

        margin: 0em;
        padding: 0em;
}


#navMainWrapper {

        margin: 0.3em; /* 0em; */
        background-color: #719ED9;
        padding: 0.4em 0.2em;
        font-weight: bold;
        color: #ffffff;
        height: 2em;
        }
        
#logoWrapper{
       background-image: url(https://greenhatkiteboarding.com/lib/images/logo.gif);
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        background-color: #120067;
        height:110px;
        }
        
#headerWrapper {

        margin: 0em;
        padding: 0em;

        }
        
#navMain {

        vertical-align: center;
        text-align: center;
}
#navMain ul { 
        margin: 0;
        padding: 0.5em 0em;
        list-style-type: none;
        text-align: center;
        line-height: 1.5em;
        }

#navMain ul li {
        display: inline;
        }


#navMain ul li a {
        text-decoration: none;
        padding: 0em 0.5em;
        margin: 0;
        color: #ffffff;
        white-space: nowrap;
        }

#navMain a {
        text-decoration: none;
        color: #ffffff;
        white-space: nowrap;
}

#navMain a:hover {
        color: #120067;
}

#specialtext {
        color: #6CB11B;
}

.floatleft {
        float: left;
        }
        
.floatright {
        float: right;
        }
        
.clearBoth {
        clear: both;
        }