﻿/* RESET CSS =================================================================================== */
*
{
    background: transparent;                     
    border: 0px; 
    margin: 0px;   
    outline: 0px;
    padding: 0px;
    vertical-align: top;        
}


/* GENERAL RULES =============================================================================== */
body
{
    background-image: url('../graphics/bg.jpg');
    font-family: Arial, Verdana, Sans-Serif;
    font-size: small;
}

a
{
    color: #555555;
}

h1, h2, h3, h4
{
    margin: 8px 0px 0px 0px;
    color: #404040;
}

h1
{
    font-size: 1.3em;    
}

h2 
{
    font-size: 1.2em;
}

h3
{
    font-size: 1.1em;	
}

h4
{
    font-size: 1em;
}

p
{
    text-align: justify;
    color: #555555;
}

.bold
{	
    font-weight: bold;
}

.odd_table_row
{
    background-color: #e0e0e0;
    text-align: left;
    vertical-align: middle;
}

.even_table_row
{
    background-color: #ffffff;
    text-align: left;
    vertical-align: middle;    
}

/* SITE'S RULES ================================================================================ */
.site
{
    background-color: #ffffff;
    margin: auto;    
    width: 960px;    
}


/* HEADER'S RULES ============================================================================== */
.header 
{    
    height: 50px;
    width: 100%;
}

.header .navbar
{
    float: right;
    margin: 30px 8px auto auto;
}


/* CONTENT'S RULES ============================================================================= */
.content
{
}

.content .style01 .hlist_001 .hlist_001_item
{   
    display: inline-block;    
    height: 210px;    
    list-style: none;   
    margin: 13px;
    width: 290px;    
}

.content .style01 .hlist_001 .hlist_001_item a
{
    display: block;
    width: 100%;
    height: 100%;
}

.content .style01 #hlist_001_item_parents  { background-image: url('../graphics/pages/index/parents_bg.jpg'); }
.content .style01 #hlist_001_item_coaches  { background-image: url('../graphics/pages/index/coaches_bg.jpg'); }
.content .style01 #hlist_001_item_referees { background-image: url('../graphics/pages/index/referees_bg.jpg'); }

.content .style01 .hlist_002 .hlist_002_item
{   
    display: inline-block;    
    list-style: none;   
    margin: 18px;
    width: 280px;    
}

.content .style01 .hlist_002 .hlist_002_item .hlist_002_item_header
{
    height: 35px;
    margin: 0px 0px 8px 0px;
    width: 100%;    
}

.content .style02
{   
  float: left;
  min-height: 400px;
  width: 660px;
  border-right: 300px solid #e0e0e0;
  margin-right: -300px;
}

.content .style02 .left_section
{
  float:left;
  margin: 10px;
  width:640px;
  position:relative;	
}

.content .style02 .left_section .left_section_item
{
    margin: 0px 0px 30px 0px;
}

.content .style02 .right_section
{
  float:right;
  width:280px;
  margin-right: -290px;
  margin-bottom: 10px;
  position:relative;
}

.content .style03
{     
  min-height: 400px;
  margin: 20px;
}

.img_gallery 
{
    width: 600px;
    margin: auto;
}

.img_gallery_item 
{
    float: left;
    width: 195px;    
    height: 160px;
    text-align: center;
    margin: 1px;
    border: 1px solid #e8e8e8;
}

.img_gallery_item p 
{
    text-align : center;
}


#page_index_news_header	 	{ background-image: url('../graphics/pages/index/news_header_bg.jpg'); width:280px; height:35px;}
#page_index_season_header	{ background-image: url('../graphics/pages/index/season_header_bg.jpg'); width:280px; height:35px;}
#page_index_contact_header	{ background-image: url('../graphics/pages/index/contact_header_bg.jpg'); width:280px; height:35px;}

/* FOOTER'S RULES ============================================================================== */
.footer
{
    background-color: #000000;
    clear: both;
    width: 100%;            
}

.footer a, .footer p
{
    color: #f0f0f0;
    font-size: 0.8em;    
    text-align: center;
}

.footer .navbar
{    
    padding: 8px 0px 0px 0px;
    text-align: center;        
}

.footer .partner_section
{
	margin: 0px 0px 0px 0px;
}

.footer .partner_section p, .footer .partner_section a
{
	color: #a0a0a0;
}

.footer .partner_logo_section
{
	margin: 20px 0px 0px 0px;
	text-align: center;
}

.footer .partner_logo_section_item
{
    display: inline-block;    
    list-style: none;   
}



/* NAVBAR'S RULES ============================================================================== */

.navbar .navbar_item
{
    display: inline-block;
    list-style: none;
}


/* BANNER'S RULES ============================================================================== */
.banner 
{    
    height: 300px;
    width: 100%;
}

#banner_index    { background-image: url('../graphics/pages/index/banner.jpg');}
#banner_parents  { background-image: url('../graphics/pages/parents/banner.jpg');}
#banner_coaches  { background-image: url('../graphics/pages/coaches/banner.jpg');}
#banner_referees { background-image: url('../graphics/pages/referees/banner.jpg');}
#banner_ca       { background-image: url('../graphics/pages/ca/banner.jpg');}
#banner_season   { background-image: url('../graphics/pages/season/banner2010.jpg');}
#banner_season_2011  { background-image: url('../graphics/pages/season/banner2011.jpg');}
#banner_senioraa { background-image: url('../graphics/pages/senioraa/banner.jpg');}
#banner_links    { background-image: url('../graphics/pages/links/banner.jpg');}

