/*
        Site:        http://www.beachvolleyballacademy.com
                     http://www.zephyrbeachclub.com

        File:        css/style.css

        Version:     v3.0

        Last Update: December 2010

        Author:      n42w81 web development studio (www.n42w81.com)

*/

/* css ***********************************************************************/

* {
    margin:                        0px;
    padding:                       0px;
}

.green { color:                    #a1cc3a; }

body {
    text-align:                    center;
    background-color:              #ffffff;
    font-family:                   'tahoma', arial, serif;
    font-weight:                   normal;
}

a,
a:hover,
a img {
    text-decoration:               none;
    border:                        none;
}

img {
    border:                        none;
}

ul {
    list-style:                    circle;
}
ul li {
    margin-left:                   25px;
}
ul li ul li {
    margin-left:                   30px;
}

ol li ol li {
    margin-left:                   25px;
}
ol li {
    margin-left:                   30px;
}

.left {
    float:                         left;
}
.right {
    float:                         right;
}
.clear {
    clear:                         both;
}


#wrapper {
    margin-top:                    10px;
    margin-left:                   auto;
    margin-right:                  auto;
    margin-bottom:                 10px;
    width:                         960px;
    text-align:                    left;
    background-color:              #ffffff;
    color:                         #000000;
}

#upper_site_map {
    position:                      relative;
    width:                         960px;
    min-height:                    300px;
    margin-top:                    10px;
    margin-bottom:                 5px;
    font-size:                     0.9em;
    border-top:                    5px solid #000000;
    border-bottom:                 5px solid #000000;
    display:                       none;
}
#upper_site_map table {
    width:                         100%;
    border:                        none;
}
#upper_site_map table td {
    width:                         50%;
    vertical-align:                top;
}
#upper_site_map a {
    text-decoration:               none;
    color:                         #990000;
}
#upper_site_map a:hover {
    color:                         #484848;
}
#upper_site_map ul {
    list-style:                    circle;
    margin-bottom:                 5px;
}
#upper_site_map li {
    margin-left:                   20px;
}
#upper_site_map li .red {
   color:                          #990000;
}


#upper_site_map #hide {
    float:                         right;
    width:                         25px;
}
#upper_site_map #hide img {
    width:                         24px;
}

#header {
    width:                         960px;
    height:                        165px;
    position:                      relative;
    margin-top:                    10px;
    margin-bottom:                 10px;
    background-color:              #ffffff ;

}
#header img.logo {
    margin-top:                    10px;
    height:                        150px;
    border:                        none;
}
#header #maple_leaf {
    position:                      absolute;
    top:                           110px;
    left:                          450px;
    width:                         40px;
    height:                        40px;
    z-index:                       200;
}
#header #maple_leaf img {
    width:                         25px;
    border:                        none;
}
#header_icons {
    position:                     absolute;
    top:                          10px;
    right:                        0px;
    width:                        335px;
    height:                       40px;
    font-size:                    1.1em;
    z-index:                      250;
    text-align:                   right;
}
#header_icons a,
#header_icons a:hover {
    text-decoration:              none;
}
#header_icons img {
    border:                       none;
    width:                        24px;
    height:                       24px;
    margin-right:                 2px;
}

#header #mailing_list {
    position:                      absolute;
    top:                           47px;
    right:                         0px;
    width:                         215px;
    text-align:                    center;
    padding-top:                   8px;
    padding-bottom:                8px;
    border-top:                    2px solid #a1cc3a;
    border-bottom:                 2px solid #a1cc3a;
    z-index:                       250;
}
#header #phone {
    position:                      absolute;
    top:                           140px;
    right:                         0px;
    width:                         215px;
    text-align:                    center;
    font-size:                     1.4em;
    color:                         #000000;
    line-height:                   24px;
    font-weight:                   normal;
    z-index:                       250;
}
#header #phone img {
    height:                        24px;
    margin-right:                  5px;
}

#navigation {
    position:                      relative;
    width:                         960px;
    height:                        40px;
    color:                         #000000;
    background-color:              #000000;
    border:                        2px solid #a1cc3a;
    text-align:                    center;
    z-index:                       400;
}
#top_menu {
    margin-left:                   20px;
    margin-right:                  20px;
    height:                        38px;
    font-size:                     1.0em;
    text-align:                    center;
}
#top_menu ul.sf-menu {
    background-color:              #000000;
}

#top_menu li {
    background-color:              #000000;

}
#top_menu li a {
    color:                         #ffffff;
    background-color:              #000000;
}
#top_menu li a.top {
    color:                         #ffffff;
    background-color:              #000000;
    border:                        none;
    border-right:                  2px solid #ffffff;
}
#top_menu li a.first {
    border-left:                   none;
}
#top_menu li a.last {
    border-right:                  none;
}
#top_menu li a:hover,
#top_menu li a:focus {
    color:                         #cccccc;
    background-color:              #000000;
}

#main {
    clear:                         both;
    position:                      relative;
    width:                         960px;
    background-color:              #ffffff;
}
#main #left,
#main #right {
    display:                       none;
}

#main #content {
    position:                      relative;
    width:                         100%;
    background-color:              #ffffff;
    z-index:                       0;
}
#content_inner {
   position:                       relative;
   width:                          100%;
   z-index:                        0;
}
#content .sub_header {

}
#content p {
   margin-bottom:                  10px;
}
#content h2, #content h3 {
   margin-bottom:                  15px;
}
#content hr {
   margin-bottom:                  10px;
}
#content a {
   color:                          #000000;
   text-decoration:                underline;
}
#content a:hover {
   color:                          #000000;
   text-decoration:                none;
}
#content a.more {
   color:                          #000000;
   text-decoration:                none;
   font-weight:                    bold;
}
#content a.more:hover {
   color:                          #000000;
   text-decoration:                none;
}


#footer {
    clear:                         both;
    position:                      relative;
    width:                         960px;
    height:                        40px;
    border-top:                    2px solid #ffffff;
    font-size:                     0.8em;
    color:                         #000000;
    border-top:                    5px solid #a1cc3a;

    margin-top:                    10px;

}
#footer #footer_inner {
    position:                      relative;
    margin-top:                    5px;
    width:                         960px;
    height:                        30px;
    line-height:                   25px;
}
#footer a {
    color:                         #000000;
    text-decoration:               none;
}
#footer a:hover {
    color:                         #9b0000;
    text-decoration:               none;
}
#footer_left {
    position:                      absolute;
    top:                           0px;
    left:                          0px;
    width:                         300px;
    text-align:                    left;
}
#footer_copyright {
    position:                      absolute;
    top:                           0px;
    left:                          300px;
    width:                         300px;
}
#footer_n42w81 {
    position:                      absolute;
    top:                           0px;
    right:                         0px;
    width:                         400px;
    text-align:                    right;
}