/***********************************************/
/* HTML reset for FF and IE6 */
/***********************************************/ 

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*/
html {
	width:100%;
	height:100%;	
}
body{
	padding:0;
	margin:0;
	border:0;				/* This removes the border around the viewport in old versions of IE */
	width:100%;
	height:100%;
	/* The min-width property does not work in old versions of Internet Explorer */							
			background-image:url(http://www.mississaugachargers.com/img/site_images/123/bg_site.jpg);			
		background-repeat: no-repeat;	
		background-position: 986px 0px;		
		background-attachment: fixed;
	
	background-color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
}




/***********************************************/
/* Links & Headers */
/***********************************************/

/* Main Links. Only use if no col link colors are set. */	
.contentContainer a				{	 }
.contentContainer a:active 		{	text-decoration: none; }
.contentContainer a:link 		{	text-decoration: underline; }
.contentContainer a:visited 	{	text-decoration: underline; }
.contentContainer a:hover 		{	text-decoration: underline; }


/* Link colors for each column. Use if the use default link colors is off.*/
.col1 a:link	{	color: #222222;  }
.col1 a:visited	{	color: #222222;  }
.col1 a:hover	{	color: #666666; }

.col2 a:link	{	color: #efefef;  }
.col2 a:visited	{	color: #efefef;  }
.col2 a:hover	{	color: #afafaf; }

.col3 a:link	{	color: #efefef;  }
.col3 a:visited	{	color: #efefef;  }
.col3 a:hover	{	color: #afafaf; }


/* Page headers common. */
h1, h2, h3, h4,	{	font-family: Verdana, Arial, sans-serif;	padding: 0; margin: 0;}

/* H1 Page heading background images */
.contentContainer h1{
	margin-top: 25px;
	margin-bottom: 5px;
	overflow: hidden;
	
			background-position: top right;
		background-image:url(http://www.mississaugachargers.com/img/site_images/123/bg_heading_h1.jpg);
		background-repeat: no-repeat;
		
	text-indent:  10px;
	height: 40px;
	line-height: 37px;

}

/* H2 Page heading background images */
.contentContainer h2{
	overflow: hidden;
	margin-top: 10px;

			background-position: top right;
		background-image:url(http://www.mississaugachargers.com/img/site_images/123/bg_heading_h2.jpg);
		background-repeat: no-repeat;
		

	text-indent:  10px;
	height: 40px;
	line-height: 37px;
}


/* Page headers font sizes. */
h1{	font-size: 1.7em; width: 100%; }
h2{	font-size: 1.5em; }
h3{	font-size: 1.25em; }
h4{	font-size: 1.0em; }


/* Layout Widths for headings and widgets. 
.layout1-col1 h1, .layout1-col1 .pscms_widget{ width: 656px; }
.layout1-col3 h1, .layout1-col3 .pscms_widget{ width: 180px;	background:none;	background-repeat: no-repeat; }
.layout2-col1 h1{ width: 498px; }
.layout2-col1 .pscms_widget{ width: 496px; }
.layout6-col1 h1, .layout6-col1 .pscms_widget{ width: 796px; }
.layout7-col1 h1, .layout7-col1 .pscms_widget{ width: 956px; }


.layout8-col1 h1, layout8-col1 .pscms_widget{ width: 666px; }
.layout8-col3 h1, layout8-col3 .pscms_widget{ width: 300px; }
.layout8-col1 h2, layout8-col1 .pscms_widget{ width: 666px; }
.layout8-col3 h2, layout8-col3 .pscms_widget{ width: 300px; }
****/

/* H2 widths */
.layout1-col3 h2{ }
.layout2-col3 h2{ }
.layout4-col3 h2{ }
.layout6-col2 h2{ }






/* Page headers in columns text colors. */
.col1 h1 { 	color: #FFFFFF; }
.col2 h1 { 	color: #ffffff; }
.col3 h1 { 	color: #FFFFFF; }

.col1 h2 { 	color: #FFFFFF; }
.col2 h2 { 	color: #ffffff; }
.col3 h2 {  color: #ffffff; }



/* Page headers that are links. */
h1 a, h2 a, h3 a, h4 a{			}


/***********************************************/
/* General style things. */
/***********************************************/
img{
	border: none;
	padding: 0;
	margin: auto;
}

#siteWrap {
	width: 986px;
	padding:0;
	
		
			margin: 0 0 0 0;
	
    }


.content_container form{ margin: 0; padding: 0; }

/***********************************************/
/* Common Layout page styles: Header, Navigation, footer. */
/***********************************************/

/* main CMS content table */
#headerTable {
	width:986px;
	padding:0;
	margin:0;			/* width of whole page */
}

#headerTable img{
}

/* for custom stats snippets ie Flash scoreboard etc.. */
#statsComponentTop{
	width: 986px;	
	margin: 0 auto;
	padding: 0;
}

/* Bread crumb styles - goes between the top nav and main content - could be used for styling if no bread crumb option */
#breadCrumb{
	width: 986px;	
	color: #efefef;
	background-color: #000000;
	font-size: 0.6em ;
	height: 23px;	
	
		
			display: none;
	}

#breadCrumb a{
	color:#ffffff;
	display: none;
}

/* Anti-breadcrumb - this goes after col1-3 but before the footer. Used to make a site width spanning background at the bottom. */
#antiBreadCrumb{
	color: #efefef;
	background-color: #000000;
	font-size: 0.6em ;
	height: 20px;	
	
		
			display: none;
		
}

/**************************************************************
Navigation One styles.
**************************************************************/

#levelOneNav{
	background-color: #e5eaee;
	/*border-bottom: 1px solid #ffffff;	*/
	width: 986px;
	margin: 0px 0 0px 0;
	padding: 0;
}

#levelOneNav a{
	font-weight: bold;
	font-size: 100%;
	text-decoration: underline;	
	display: block;
	line-height: 25px;  // Line height.
	padding: 5px;	// Height of the navbar.		
}

#levelOneNav a.topMenuLink{
	color: #333333;
	
			background-image: url( http://www.mississaugachargers.com/img/site_images/123/bg_level1_off.jpg);
		background-position: center center;
		background-repeat: repeat-x;		
		
	background-color: #e5eaee;
    text-decoration: none;	
	height: 25px;		
}

#levelOneNav a.topMenuLink:hover, a.topMenuLink:active {
	color: #000000;
	
			background-image: url(http://www.mississaugachargers.com/img/site_images/123/bg_level1_on.jpg);
		background-repeat: repeat-x;	
		background-position: center center;	
		
	background-color: #e5eaee;	
	
	text-decoration:none;	
}

#levelOneNav tr{
	width: 986px;
}

#levelOneNav td{
	text-align: center;
	
			border-right:1px solid #afafaf;
	}

#levelOneNav td.last{
			border: none;
		
}


/**************************************************************
Navigation LevelTwo syles.
**************************************************************/

#levelTwoNav {
	margin: 20px 0 0 0;
	background-color: #363636;
}

#levelTwoNav a{
	color:#ffffff;

		
			border-bottom:1px solid #414141;
		
	font-weight: normal;
	font-size: 98%;
	display:block;
    text-decoration: none;
	padding: 5px 0px 5px 15px; 		
}

#levelTwoNav a:hover, #levelTwoNavOn a:hover, #levelTwoNav a:active {
	color:#ffffff;
	
		
	background-color: #666666;
    text-decoration:none;	
}

.levelTwoLinksAdd {
	padding:2px;
}	


/**************************************************************
Navigation LevelThree styles.
**************************************************************/

#levelThreeNav{
	font-size: 96%;
	background-color: #292a29;	
	text-decoration:none;
	margin: 0 0 5px 0;
	padding: 0px;
}

#levelThreeNav a {
	color: #ffffff;
	
		
	background-color: #292a29;	
	border-bottom:1px solid #414141;	
	/* make sure to overwrite border from level2 */
	font-weight:normal;
	font-size: 96%;
	display:block;
	padding: 5px 0px 5px 30px; 	
}

#levelThreeNav a:hover, #levelThreeNavOn a, #levelThreeNav a:active {
		
	
	background-repeat:repeat-x;			
	background-color: #292a29	
	text-decoration:underline;
}


/**************************************************************
main CMS content table
**************************************************************/

#cmsTable {
	width:986px;							/* width of whole page */
	background-color: #323232;     /* Right column background colour */
	border:0;
	padding:0;
	margin:0;
}

#cmsTable td {
	vertical-align:top;
}

/**************************************************************
Footer styles
**************************************************************/
#footer {
	width:986px;
	color: #303030	clear:both;
	
	background: none;
	
			margin: 0;
		
	
	margin-bottom: 20px;
	vertical-align: top;
}

#footer a:link { color: #303030; }
#footer a:visited { color: #303030; }
#footer a:focus { color: #303030; }
#footer a:hover { color: #303030; }
#footer a { color: #303030; }

#footer p {
	color: #303030;
	text-align: right;
	
	}


/**************************************************************
Column background images, background colors, text colors, padding bottom.
***************************************************************/

.col1{
	background: #ffffff;
	color: #222222;
	
			
	vertical-align:top;
	padding-bottom: 100px; /* padding-XXXX. Where XXXX is the $CMS_COL_PADDING_DIRECTION in config.php */
}

.col2{
	background: #323232;
	color: #F0F0F0;		
	
		
	
	vertical-align:top;
	padding-bottom: 100px; /* padding-XXXX. Where XXXX is the $CMS_COL_PADDING_DIRECTION in config.php */
}

.col3{
	background: #323232;
	color: #efefef;	
	
		
	vertical-align:top;
	padding-bottom: 100px; /* padding-XXXX. Where XXXX is the $CMS_COL_PADDING_DIRECTION in config.php */
}


/**************************************************************
Layout 1: 3 columns. 	
	Left: 	150 content, 160 w/ 10px padding, 5px left, 5px right. 	
	Right:	170 content, 180 w/ 10px padding, 5px left, 5px right. 	
	Mid: 	636 content, 646 w/ 10px padding, 5px left, 5px right. 			
***************************************************************/

#cmsTable .layout1-col1 {
	width: 646px;
}

#cmsTable .layout1-col2 {
	width: 160px;
}

#cmsTable .layout1-col3 {
	width: 180px;
}


/**************************************************************
Layout 2: 3 columns. 	
	Left: 	150 content, 160 w/ 10px padding, 5px left, 5px right. 
	Right:	320 content, 330 w/ 10px padding, 5px left, 5px right. 		
	Mid: 	486 content, 496 w/ 10px padding, 5px left, 5px right. 		
***************************************************************/

#cmsTable .layout2-col1 {
	width: 496px;
}

#cmsTable .layout2-col2 {
	width: 160px;
}

#cmsTable .layout2-col3 {
	width: 330px;
}


/**************************************************************
Layout 6: 2 columns.
	Left: 	150 content, 160 w/ 10px padding, 5px left, 5px right.  		
	Main: 	816 content, 826 w/ 10px padding, 5px left, 5px right. 		
***************************************************************/

#cmsTable .layout6-col1 {
	width: 826px;
}

#cmsTable .layout6-col2 {
	width: 160px;
}

/**************************************************************
Layout 7: 1 column.
	Mid: 	976 content, w/ 10px padding, 5px left, 5px right.
***************************************************************/

#cmsTable .layout7-col1 {
	width: 986pxpx;
	background: #ffffff;
	color: #222222;
	background-image: url( http://www.mississaugachargers.com/img/site_images/123/bg_col1.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	vertical-align:top;
	padding-bottom: 100pxpx;
}

/**************************************************************
Layout 8: 2 columns. 	
	Left: 	666 content, 676 w/ 10px padding, 5px left, 5px right. 			
	Mid: 	300 content, 310 w/ 10px padding, 5px left, 5px right. 	
***************************************************************/

#cmsTable .layout8-col1 {
	width: 676px;
	padding-left: 5px;
	padding-right: 5px;
}

#cmsTable .layout8-col3 {
	width: 310px;
	padding-left: 5px;
	padding-right: 5px;
}



/**************************************************************
WTT Template Layouts 
***************************************************************/

/**************************************************************
Layout 4: 2 columns. 	
	Mid: 	666 content, 676 w/ 10px padding, 5px left, 5px right.		
	Right: 	300 content, 310 w/ 10px padding, 5px left, 5px right. 		
***************************************************************/

#cmsTable .layout4-col1 {
	background:  #ffffff;  /* $CMS_WTT_STATS_BACKGROUND -> white.  always white. never not white*/
	float:left;
	margin: 0 0 -32767px 0;
	padding: 5px 0px 32767px 12px;
	width: 644px;	
}

#cmsTable .layout4-col3 {
	float: right;
	margin: 0 0 -32767px 0;
	padding: 0 0 32767px 0;
	width: 330px;	
}

/* equal col heights fix */
#cmsTable .statsContainerWrapper{
	position: relative;
	overflow: hidden;
	zoom: 1; /* zoom fix for ie6 */	
}


/**************************************************************
Layout 5: 1 columns. BASEBALL FOR NOW
	Mid: 	973px content, 983 w/ 10px padding, 5px left, 5px right.			
***************************************************************/
/* Not used right now */
#cmsTable .layout5-col1 {
	width: 973px;
	padding: 5px;
	float:left;
	background-color: #ffffff; /* $CMS_WTT_STATS_BACKGROUND -> white.  always white. never not white*/
}

/**************************************************************
WTT Stats layout settings.
**************************************************************/
/* Stats Layouts for WTT tool NEWCSS */
#statsContainer {
	width: 100%;
	padding: 0;
}

/* PS STATS CONTAINER WEB TEMPLATE TOOL, default stats font*/
#psStatsContainer   { 
	font-family: Verdana, Arial, sans-serif; 
	font-size:10px; 
    margin: 20px 0 10px 10px;
}

/* WTT Ad Div */
#pscmsWttTopAd {
	padding:4px;
	padding-bottom:12px;
	width: 976px;
	text-align:center;
}
/**************************************************************
Splash Page Files
**************************************************************/
#splashPage {
		background-color: #000000;
	height:100%;
	width:100%;
}
#splashTable {
	width: 986px;
			margin:auto;
			height:90%;
	}
#splashCell {
	background-color: #;
		color: #FFFFFF;
	padding: 0;
}


/**************************************************************
Tests and experiements from WeezLabs.
**************************************************************/
.contentContainer  { 	padding: 5px; }
#aus{	padding: 5px; }

/* IE6 bug fix */
.clearfix{
 display:inline-block;
}
.clearfix:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}