html
{
    height: 100%;
}

*
{
    margin: 0;
    padding: 0;
}

body
{
    font: normal 12px 'Eras Medium ITC';
    /*background: #FFFFFF;*/
    color: #5D5D5D;
    background: url("../images/body-gray.png") repeat-y center rgb(239, 239, 239); 
    margin: 0px auto; 
}

#site_background
{
    margin: 0 auto;
    
    padding: 0;
   /* background: #FFF;*/
    background: url("../images/body-gray.png") repeat-y center rgb(239, 239, 239); 
}
p
{
    padding: 0 0 20px 0;
    line-height: 1.7em;
}

img
{
    border: 0;
}





a, a:hover
{
    background: transparent;
    outline: none;
    text-decoration: underline;
    color: #5D5D5D;
}

a:hover
{
    text-decoration: underline;
    color: #1D1D1D;
}

ul
{
    margin: 2px 0 22px 17px;
}

ul li
{
    margin: 2px 0 15px 17px;
}

ol
{
    margin: 8px 0 22px 20px;
}

ol li
{
    margin: 0 0 11px 0;
}

#main, #header, #banner, #menubar, #site_content, #footer, .container_footer, .container_header, #contact, #f_content, #showClubContent,#showClubPage,#showClubMatch,#showClubGallery
{
    margin-left: auto;
    margin-right: auto;
}

#main
{
    background: #FFF;
   
}



#banner
{
    background: #FFF;
    width: 920px;
   
    padding:2px 0 0 0;
    
}

#banner_content
{
    width: 450px; 
    height: 100px;
    background: #FFF;
    padding: 0 0 0 0;
    float:left;
    margin:0 10px 0 10px;
}
#CommonBanner
{
    width: 220px;
    height: 100px;
    float: left; /*background-color: #F5F7FE;*/
    text-align: center;
    background: url("../images/banner_top.jpg") no-repeat center rgb(255, 255, 255);
    border: 1px solid #E1E1E1;
}

#banner_right_spot
{ 
    width: 220px;
    height:100px;
    float:left;
 
  
   /*background-color: #F5F7FE;*/
   border: 1px solid #E1E1E1;
   text-align:center;
   
   
   }

#banner_left_spot
{ 
    width: 220px;
    height:100px;
   float:left;
  
   /*background-color: #F5F7FE;*/
   border: 1px solid #E1E1E1;
   text-align:center;
   
   
   }

span
{
    color: #000000;
}


#menubar
{
    width: 920px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
    background: transparent;
    color: #000000;
    margin:10px 0 10px 0;
}

#contact
{
    width: 160px;
    float: left;
    height: 50px;
    background: transparent;
    padding: 0 0 0 10px;
}



#site_content
{
    width: 920px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    background: #FFF;
}

.sidebar_container
{
    float: left;
    width: 230px;
    margin: 20px 0 20px 20px;
    background: #C1C1C1;
}

.sidebar
{
    float: left;
    width: 210px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.sidebar_item
{
    font: normal 100% Arial, Helvetica, sans-serif;
    padding: 0 15px 0 0;
    width: 201px;
}

.sidebar h2
{
    color: #000000;
}

.sidebar h4
{
    font-size: 125%;
    color: #FFF;
}

.sidebar p
{
    color: #FFF;
}

.sidebar a
{
    color: #FFF;
}

.sidebar a:hover
{
    text-decoration: none;
}

.sidebar ul li, .sidebar ul li.selected
{
    list-style: none;
    margin: 15px 0;
    padding: 0;
}

.sidebar li.selected, .sidebar li:hover
{
    color: #5D5D5D;
    text-decoration: none;
}

#content
{
    text-align: left;
    color: #000000;
    width: 920px;
    padding: 0;
    margin: 0 0 0 0px;
    float: left;
    background: #FFF;
}



.content_image
{
    width: 250px;
    padding: 0px 20px 20px 0px;
    float: left;
}

.container_header
{
    margin-top: 20px;
    height: 15px;
    margin-top: -100px;
    width: 920px;
    background: transparent url(../images/container_header.png) repeat-x top;
}

#footer
{
    padding:30px 0 0 0;
    background: #FFFFFF;
    width: 920px;
    
    
    
}

#footer_content
{
    width: 920px;
    font: normal xx-small 'liberation sans' , arial, sans-serif;    
    height:100%;
    text-align: center;
    background: #FFFFFF;
    color: #666666;
    

}

#footer a, #footer a:hover
{
    color: #FFF;
    background: #1D1D1D;
    text-decoration: underline;
}

#footer a:hover
{
    text-decoration: none;
}

ul.links
{
    margin: 0;
}

ul.links li
{
    list-style: none;
    padding: 8px 0;
}

ul.links li a, ul.links li a:hover
{
    padding: 0 0 0 28px;
    background: transparent url(../images/page.png) no-repeat left center;
    color: #06C4E6;
    text-decoration: underline;
}

ul.links li a:hover
{
    color: #5D5D5D;
    text-decoration: none;
}

/* from here: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage
{
    position: relative;
    height: 30px;
    padding: 5px 35px 5px 0px;
    overflow: hidden;
    float: left;
    margin: 0 40px 0 0px;
    width: 920px;
}

.lavaLampWithImage li
{
    float: left;
    list-style: none;
}

.lavaLampWithImage li.back
{
    background: #E1E1E1;
    height: 28px;
    z-index: 8;
    position: absolute;
}

.lavaLampWithImage li a
{
    font: normal 120% arial, sans-serif;
    text-decoration: none;
    color: #1D1D1D;
    text-align: center;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    padding: 5px 0px 0px 35px;
    position: relative;
    overflow: hidden;
    font-family: 'Eras Medium ITC';
    font-size: 15px;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited
{
    border: none;
}

.selectOutnow
{
    width:380px;
    
    }