/* 20080621 Made sidebar and mainCol float right rather than left.  The statistics view in 
   results page also floats left (and subsequently clears float).  This caused sidebar to
   not float since it was cleared. 
*/

/* 20080607 Added new body style and commented out old one*/
body
{
	background : #00F; /* was #666 */
	font : normal 62.5% Arial, 'Lucida Grande', sans-sarif;
	text-align : center;
	text-decoration : none;
}

/* ------------------------------------------------
   Text formatting
 */
   .LabelStyle   
   { 
       font: 11pt verdana; 
       font-weight:700;
       color:Blue;
   }
   
      .LabelStyleDate   
   { 
       font: 9pt arial; 
       font-weight:700;
       color:#666;
   }
      .LabelStyleScore   
   { 
       font: 10pt arial; 
       font-weight:700;
       color:#333;
   }

   .SidebarLabelStyle
   {
	font-weight: bold;
	font-family: Stencil;
	font-size: larger;
	color:Navy;
   }
	
	.smalltext
	{
		font: 8pt arial;
		color: Navy;
    }
    
    /* 20080621 Text with padding and border */
    .PaddedText
    {
		font: 18pt arial;
		color: Black;
		padding: 2px 2px 2px 2px;
		border: solid 1px black;
    }
    
    .ImportantText
    {
		font: 8pt arial;
		color : Red;
    }
/*	Font-Bold="True" Font-Names="Stencil" Font-Size="Larger" ForeColor="Navy" */
   	
   	.ArticleText H1, .ArticleText H2
   	{
   		line-height : 100%;
   	}
   	
 /* 20080802 Added for opponent summary text */
	.BoxWithBorder
	{
		border : solid 1px black;
		padding : 2px;
		background : #CCC;
	}

/* Main NavBar */
#MainNavBar ul#navigation
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: #00f;  /* 20071201 was #03c.  Changed to reflect actual CCHS blue. */
	float: left;
	width: 100%;
}

#MainNavBar ul#navigation li
{
	display : inline;
}

#MainNavBar ul#navigation a
{
	display: block;
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	color: #ff0;
	border-right: 1px solid #ff0;
}

#MainNavBar ul#navigation a:hover 
{
	color: #03c;
	background: #ff0;
}

/* footer styling for main nav control */
#Footer ul#navigation
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	width: 100%;
}

#Footer ul#navigation li
{
	display : inline;
}

#Footer ul#navigation a
{
/*	display: block;
	float: left; */
	padding: .2em 1em;
	text-decoration: none;
	color: #00f;
	/* border-right: 1px solid #ff0;*/
}

#Footer ul#navigation a:hover 
{
	color: #03c;
	background: #ff0;
}

/* Level 2 NavBar */
ul#level2nav
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: #fff;
	float: left;
	width: 100%;
}

ul#level2nav li
{
	display : inline;
}

ul#level2nav a
{
	display: block;
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	color: #03c;
	border-right: 1px solid #03c;
}

ul#level2nav a:hover 
{
	color: #fff;
	background: #03c;
}

.NoUnderline
{
	color : Blue;
	background : #ff0;
}

.NoUnderline a
{
	text-decoration : none;
}

.TabArea
{
            background-color: White;
        /*    font-size: x-small;  */
            border-left: 1px solid black;
            border-bottom: 1px solid black;
            border-right: 1px solid black;
            border-top:1px solid black;
            position:absolute;
            top:180px;
            height:400px;
            z-index:-25;
}

/* Formatting to allow multicolumn in Seasons statistics view */
#StatsLeftColumn 
{
	position : absolute; 
	left : 90px;  /* 20080607 was 50 */
	width : 20em;
}

#StatsRightColumn
{
	margin-left : 22em;
}

#Header
{
/*	position : absolute;
	left: 2em; */
	height : 71px;
	margin-top : 0px;
}
/* 20090816 Used this style in attempt to center date in banner - didn't work */
.CenterVertically
{
	vertical-align : middle;
}

/* Formatting to allow multicolumn in Game statistics view */
/*  20080607 Removed since not used 
#GameStatsLeftColumn 
{
	left : 0;
	width : 30em;
}

#GameStatsRightColumn
{
	margin-left : 32em;
}
*/
.GameStatsLeftColumnClass 
{
	position : absolute; 
	left : 90px; /* was 50px */
	width : 30em;
}
.GameStatsRightColumnClass
{
	margin-left : 32em;
}

/* Column layout styles */
/* From Collison - DeadGoods.css */
/* 20080607 */
#container
{
	width : 980px;
	margin : 20px auto 20px auto;
	background : #EEE; /* #211E0E; */
}

#mainCol
{
	float : right;
	width : 770px;
	font-size : 1.1em;
	line-height : 150%;
	/*color : #CCC;  don't want text light grey */
	text-align : left;
}

/* Formatting for sidebar defined in master page */
#BesideSidebar
{
	position : absolute;
	left : 0;
	width : 43em;
}

#Sidebar
{
	float : right;  /* 20080621 was left */
	width : 200px; /* was 310 - decrease to account for padding */
	text-align : left;
	background-color : #FFA;
	color : #039;	
	border-left : 2px #039;
	padding: 4px;
}

/* 20080628 added footer */
#Footer
{
	clear : both;
	text-align : center;
	background-color : Yellow;
	color : #00f;
}
/*
#Sidebar
{
	position : absolute;
	right : 1em;
	top : 113px;  was 155 
	height : 300px;
	width : 14em;
	background-color : #FFA;
	color : #039;
	border-left : 2px #039;
	margin-left : 2em;  was 1em 
	margin-right : 1em;
}  */
#Content
{
	margin-left : 2em;
	margin-right : 16em;
}
/* 20100713 Added for About page, but useful anywhere that small L and R margins are needed.  */
#GeneralContent
{
	margin-left : 2em;
	margin-right : 2em;
	color: #00f;
}

/* 20100831 Same as above but with black text */
#GeneralContentBlackText
{
	margin-left : 2em;
	margin-right : 2em;
	color: #000;
}

/* Front page image formatting - from McGrath:  CSS in Easy Steps, p. 108 */
/* set element sizes */
.large		{ width: 350px; height: 173px; }
.small		{ width: 80px;  height:  50px; border: 1px solid black }

/* specify element positions & colors  */
.top-left   { float: left }
.top-right   {  }
.bottom-left   { float: left }
.bottom-right   {  }
/*
.top-left	{ position: absolute; top:0px; 	   left: 0px; }
.top-right	{ position: absolute; top:0px; 	   right: 0px; }
.bottom-left	{ position: absolute; bottom: 0px; left: 0px; }
.bottom-right	{ position: absolute; bottom: 0px; right: 0px; }
*/

#frontimagebox  { height: 338px; width: 786px }

/* 20071205 Used in opponent summary */
.MulticolumnLeft
{
/*	position: absolute;   */
	top: 0;
	left: 0;
	width: 300px;
}
.MulticolumnRight
{
	position : absolute;
	top: 150px; 
	margin-left: 310px;	 
	width: 200px;
}
.TestImage
{
	width: 385px; 
	background-color: Gray;
}
.TestImageCaption
{
	padding: 3px;
}
.SimpleFloat
{
	float:left;
	margin:0 5px 5px 0;
}
.SimpleClear
{
	clear:both;
}
.SimpleClearLeft
{
	clear:left;
}
.floatright
{
	float:right;
}

/* These are stylings for tabs - from www.java2s.com */
.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#ffffee; /* was eeeeee */
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}
/* 20090816 grey background to try to fix IE8/Firefox background problem */
.Block
{
	background-color:#EEE;
}

/* 20080608 Style to display preview of article */
.ArticlePreview p
{
/*	height : 70px; */
	display : none;
/* 	width : auto; */
}
.ArticlePreview h1
{
	font-size : 9pt;
	display : list-item;
}	
.ArticlePreview h2
{
	font-size : 8pt; 
	display : list-item;
}	
.ArticlePreview h3
{
	display : none;
}	
/* doesn't work */
.ArticlePreview p STRONG
{
	font-size : 9pt;
	display : block;	
}

/* 20080614 Styles for two columns of statistics */
.float_col1
{
	float : left;
	width : 320px; /* changed from 280px to allow season passing to fit */
	text-align : left;
}
.float_col2
{
	float : left;
	text-align : left;
}
.inbetweenstats
{
	clear : left; 
	text-align : center; 
}

/* 20080713 These were created for the boxes and bars on the opponent summary page */
.FloatBoxLeft
{
	float:left;
	margin: 0 0 0 -1px;
	padding: 2px 5px 0px 2px;
/*	vertical-align: text-bottom;  SETTING THIS PROPERTY (TO ANY VALUE) CHOPS BOTTOM HALF OF TEXT*/
	font-size: 16pt;
	font-weight: bold;
}
.HorizontalBar1
{
	margin: -2px 0px 0px -1px;
}
.HorizontalBar2
{
	margin: 0px 0px 0px -1px;
}
.AlignBottom
{
	margin-bottom: 0px;
}