/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body
{
    margin: 0;
    padding-bottom: 2em;
    background-image: url( '../images/background_main.JPG' );
    background-repeat: repeat-y;
    background-position: top;
    background-color: yellow;
    color: #131C43;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*border-top: 2px solid #0300CF;*/
}
#columncentre
{
    width: 928px;
    margin-left: auto;
    margin-right: auto;
}
.centreblock
{
    border: 1px solid #DBDB79;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background: white;/* url('../images/background_columnleft.gif') repeat-y;*/
    vertical-align: top;
  
}
#columnright
{
    margin-left: 300px;
  /*  position:relative; */
}
#columnleft
{
    float: left;
    width: 280px;
    /*position: relative; */
}
.leftblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    margin-bottom: 10px;
    background: white;/* url('../images/background_columnleft.gif') repeat-y;*/
    vertical-align: top;
    text-align:center;
}

 .rightblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    margin-bottom: 10px;
    background: white;/* url('../images/background_columnright.GIF') repeat-y;*/
    position: relative;
    width:590px;
}
img
{
	border-width: 0px;
	
}

/* Splash Page */
 
#splashpage
{
    text-align: center;
}

/* Header Section */

#header {
    margin-right: auto;
    margin-left: auto;
    width: 920px;
	/*border-bottom: 20px solid #131C43;*/
	/*border-bottom: 1px dotted #0300CF;*/
	height: 7em;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: #131C43;
	
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 130% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: yellow;
    background-color: Yellow;
	float: right;
	margin-right: 0em;
	margin-top: 0.5em;
	font-weight:bold;
	width: 240px;
	height: 96px;
	text-align: right;
}

a:link, a:visited
{
    color: #131C43
}

#header 
{
	color: #B51032;
}

/* Navigation */
#navtop, #navbottom
{
    background: yellow url( 'http://www.bluemeanies.ca/images/background_nav.GIF' ) repeat-x;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Arial Black', Arial;
    margin-left: auto;
    margin-right:auto;
    width: 920px;
    height: 45px;
}
#navtop ul, #navbottom ul
{
    margin: 0px;
    padding-top: 5px;
    list-style-type: none;
    height: 19px;
    text-align: center;
    
}
#navtop ul li, #navbottom ul li
{
    display: inline;
    color: #ffffff;
    margin-right: 25px;
    
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color: #ffffff;
    text-decoration: none;
}
#navtop a:hover, #navbottom a:hover
{
	
	color: yellow;
    text-decoration: underline;
}
#navtop a:active, #navbottom a:active
{
    color: #FEFFBD;
    text-decoration: none;
}

#navigation
{
	
	top: 7em;
	left: 1em;
	width: 6.5em;
	/*position: absolute;*/
	display: inline;
	font-family: 'Arial Black', 'Kozuka Mincho Pro B' , Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #131C43;
	/*border-top: 1px solid #0300CF;*/
}
#navigation li a  {
	display: inline;
	padding: 5px 5px 5px 0.5em;
	/*border-left: 12px solid #0300CF;
	border-right: 1px solid #0300CF;*/
	/*background-color: #E3FD04;*/
	color: #131C43;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #131C43;
	color: yellow;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

/* Main Content */

#content
{
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 58em;
	overflow: hidden;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em;
	text-align: left;
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
	
}

/* Match Report Layout */

.matchTitle
{
    border-bottom-width: 1px; 
    border-bottom-color: #131C43; 
    border-bottom-style: solid;                         
    font: 2.5em Verdana, Arial, Helvetica, Georgia,Times New Roman;
    color: #131C43;
    font-weight: bold;
    font-variant: small-caps;
	float: left;
	width: 100%
}
.matchImage
{
    padding-left: 1em;
}
/* News Layout */

#newsheader
{
	
	/*background-color: #131C43;*/
	border-bottom: solid 3px #131c43;
	height: 17px;
	
}
.newstitle {
	font: 80% Verdana, Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: #131c43;
	/*color: #FFFF00;*/
	font-weight: bold;
	font-variant: small-caps;
	/*background-color: #131C43;*/
	float: left;
	margin-right: 2em;
	margin-left: .8em;
	width:500px;

}
#news_Picture
{
    float: right;
    padding-left: 1em;
    padding-top: 1em;
}

#newssubject
{
    font: 90% Verdana, Arial;
    font-weight: bold;
    color: black;
    text-align: left;
    margin-bottom: 0.7em;
    margin-top: 0.7em;
}

#newslink 
{
    font: 60% Verdana, Arial bold;
    color: #131C43;
    text-align: left;
    margin-top: 0.5em;
    float: left;
    
}
.newslinks
{
    text-align: left;
    font-family: Verdana, Arial Black;
    font-size: 60%;
    margin-top: 0.5em;
    color: #131C43;
    padding-bottom: 2em;
}

#newsdate
{
    font: 80% Verdana, Arial bold;
    color: #131C43;
    text-align: left;
    margin-top: 0.5em;
}

#newstext
{
    font: 80% Verdana, Arial bold;
    color: #131C43;
    text-align: justify;
    padding-bottom: 1em;
    
}
.newscontent
{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	overflow: hidden;
}
#newswrapper
{
	display: block;
	
	overflow: hidden;
}

/* Picture of the week */

#PictureOfTheWeek 
{
    
    top: 38em;
    left: 1em;
    width: 11.5em;
    position: absolute;
    font-family: 'Arial Black' , 'Kozuka Mincho Pro B' , Arial, Helvetica, sans-serif;
    font-size: 83%;
    font-weight: bold;
    text-align: center;
}

.PictureOfTheWeek
{
    border-width: 0px;
    width: 11.5em;
}

/* Player Stats */

#player_Stats
{
    font-size: 60%;
    font-weight: normal;
    
}

.player_Stats td
{
    vertical-align: top;
}

.player_Stats_Image
{
   height: 83px;
   Width: 80px; 
}

.player_Stats_Header
{
    border-bottom: solid 0.25em yellow;
    font-family: 'Arial Black', Arial;
    font-size: 150%;
}

/* Schedule */

.sched_content
{
        font: 80% Verdana, Arial bold;
    color: #131C43;
}  
.sched_item
{
    padding: 1em;
    display:inline;
    vertical-align:middle;
}
.avail_img_align
{
vertical-align:middle;
}
.avail_header
{
    font-family: Verdana, Arial;
    font-size: 80%;
    font-weight: bold;
    color: #131C43;
    margin-top:4em;
    padding-bottom:1em;
    border-bottom:solid 1em #131c43;
}

.avail_content
{
    font-family: Verdana, Arial;
    font-size: 80%;
    
    color: #131C43;
    padding-bottom:2em;
    padding-left:0.5em;
    padding-right:0.5em;
    
    border:solid 0.1em navy;
    
}
#footer
{
padding-top: 22px;
    width: 726px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: black;
    font-size: x-small;
}
.menuTabs
        {
            position:relative;
            top:1px;
            left:10px;
        }
        .tab
        {
            border:Solid 1px black;
            border-bottom:none;
            padding:0px 10px;
            background-color:#eeeeee;
        }
        .selectedTab
        {
            border:Solid 1px black;
            border-bottom:Solid 1px white;
            padding:0px 10px;
            background-color:white;
        }
        .tabBody
        {
            border:Solid 1px black;
            padding:20px;
            background-color:white;
        }