/*#menus{background-image:linear-gradient(#37A,#025)}*/
#topMenu{width:100%; text-align: center}
.clubOverview{max-width:900px; font-family: Arial, Helvetica, sans-serif; font-size:16px; margin:15px auto 0 auto; text-align: justify}
.CO-image{position:absolute; z-index:-10; width:100%; top:0; left:0; min-height:250px}
.imageBox{width:400px; height:250px; overflow:hidden; border:2px solid #555; border-radius:10px; box-shadow: 10px 10px 26px -1px rgba(158,156,158,0.61);}
#image-1B, #image-2B, #image-3B, #image-4B{display:none}
p{margin:35px 0; padding:5px 10px 0 10px}

.posLeft{float:left; margin:5px 30px 5px 0;}
.posRight{float:right; margin:5px 0 5px 30px;}
.relativeFrame{position:relative; padding:0; margin:0; background-color:#000}
h3.facilities{text-align:center; padding:0; margin:30px 0 0 0}
div.facilities-content{font-size:1.0em; margin:0; line-height:24px; font-family: Arial, Helvetica, sans-serif; text-align: justify}
div.facilities-content p{margin:10px}
div.facilities-content li{margin:10px}

#appContainer{padding:180px 0 0 0!important}

textarea{width:97%; background-color: #FFE}
#contactForm{width:100%}
#contactForm input{width:96%; height:25px; font-size:18px; background-color:#FFE; padding-left:3px}
#contactForm select{width:98%; height:32px; font-size:18px;  background-color:#FFE}

#contactForm td:first-child{padding-right:10px}
#contactForm td:nth-child(2){padding-left:10px}

.DockShelter p{font-size:1.0em; text-align:justify; line-height:24px}
.DockShelter{margin-top:10px;}



/* Styles for page #2 Join */
#m_container{padding:5px; margin-top:20px}
#m_container h2{font-size:1.6em; margin:50px auto 20px auto}
#m_container .bylaws{font-size:0.80em; margin:0 0 10px 0; text-align: center}
#m_container h3{padding:0; margin:0; font-size:1.2em}
#m_container h4{text-align: left; padding-left:150px; margin:0; font-size:1.0em}
#m_container h4.Sponsoring{text-align: center; padding:0}
td:first-child{padding-right:20px}
li p{margin:0}
.join_ul  li{margin:5px}
.join_ul{margin-left: 0}

/* Styles for Officers page */
.boardContainer{
    width:100%;
    max-width:400px;
    float:left;
}
.appointeesContainer{
    width:100%;
    max-width:450px;
    float:right;
}

.oa-pos,.oa-name{
    display:inline-block;
}
.oa-pos{width:60%}
.oa-name{width:39%; float:right}


@media only screen and (max-width: 790px) {
    h4{padding-right:50px}
    #appContainer{padding-top:100px!important}
    .posLeft{margin-left:2px; margin-bottom:20px}
    .posRight{margin-right:2px; margin-bottom:20px}
    p#spacer{display:none}
    .imageBox{width:97%}
    #contactForm input, #contactForm select{font-size: 14px}
    #m_container p, #m_container li,#m_container td  {font-size:.90em}
    .DockShelter{font-size:0.95em}
    .boardContainer span, .appointeesContainer span{font-size:16px}
    .boardContainer, .appointeesContainer{float:none; padding-left:20px; margin:0 auto}
}
@media only screen and (max-width: 500px){
    #m_container p, #m_container li,#m_container td {font-size:.80em}
    #contactForm input, #contactForm select{font-size: 14px}
    div.facilities-content{font-size:0.85em}
    .DockShelter{font-size:0.85em}
    .boardContainer span, .appointeesContainer span{font-size:14px}
    .boardContainer, .appointeesContainer{float:none; margin:0 auto}
}