/***********************************************************************************************

	CSS By: Pierre richard
			Web Programmer | Sunwebsolutions.ca
	Date:		


	1. Global Reset

	2. General Elements

	3. Layout

	4. Plugin

***********************************************************************************************/

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

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, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,  form, label,   caption, tbody, tfoot, thead { 
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; 
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left; 
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
td {
   display: table-cell;
}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html,
body {
margin:0;
color:#ffffff;
background:#0863b7 url(../images/bg_long3.jpg) no-repeat top;
font-size:14px;
height: 100%; 

font-family: arial, Times, serif;
}
html {overflow-y: scroll;
}
h1{
font-size:1.8em;
padding-bottom:5px;font-family: 'tahoma', Times, serif;
	color:#333333;font-weight:bold;
}
h2{
font-size:1.6em;
padding-bottom:5px;
font-family: 'tahoma', Times, serif;
color:#333333;
font-weight:bold;
}
h3{
font-size:1.4em;
font-weight:bold;
padding-bottom:5px;
color:#333333;
font-weight:bold;
}
h4{
font-size:1.2em;
font-weight:bold;
padding-bottom:5px;
color:#333333;
font-weight:bold;
}
a{
text-decoration:none;font-weight:bold;color:#0863B7;
}
a:hover{
text-decoration:none;
}
textarea {}

input[type=text],input[type=password]{
width:150px;
}

p{
margin:0;
padding:0px 0 15px 0;
}
blockquote{}
table{color:black;}
img{
border:0;
}
.trHeader{
	background:#861e13;
	color:white;
	font-weight:bold;
}
.example{
	font-size:0.8em;
	color:#787878;
}
		label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
		
		
		em { font-weight: bold; color:red;padding-right: 1em; vertical-align: top; }
/* 3. Layer
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 
 ********************************* 3.1 Layer ***************************************************
*/

#container {
margin : 0 auto;
width:1000px;


min-height: 100%;
margin-bottom: -130px;
position: relative;


}

#header1{
width:1000px;
height:65px;

}
#header2{
clear:both;
width:1000px;
height:335px;
background:url(../images/hockeyV10en.jpg) top center no-repeat;
}


#header{ /*old for french*/
clear:both;
width:1000px;
height:400px;
background:url(../images/hockeyV10en.jpg) top center no-repeat;
}
#logo{position:absolute;top:90px;right:700px;}
#newsTicket{ /*News Ticket*/
width: 1000px; 
height: 38px; 
margin: 0; 
padding: 0;
overflow: hidden;
}

#team{ 
height:28px; width:1000px;
}
#teamWrap{
width:1000px;
margin : 0 auto;
padding-bottom:2px;
}
#teamWrap a{
color:#7a2528;
font-weight:bold;font-size:1.2em;
}
#teamWrap a:hover{
color:#0863b7;
font-weight:bold;
}

#teamWrap ul{
height:26px;
width:1000px;
}

#teamWrap li{
	display:inline;
	margin:0 30px 0 0;
	height:25px;
}
#teamWrap li:last-child{
	display:inline;
	margin:0 0px 0 0;
	height:25px;
}

#menu{
padding-top:287px;
padding-left:22px;
width:978px;
height:35px;
color:white;
}

ul.main li
{
display:inline;
font-size:1.2em;
font-weight:bold;
height:35px;
font-family: 'tahoma',arial, Times, serif;
float:left; 
list-style:none;  
position:relative; 
margin:0 30px 0 0;
}

ul.main li a
{

color:#ffffff;

}
ul.main li a:hover
{
color:#0863b7;
}
ul.subnav
{
margin:0px; 
display:none; 
position:absolute; 
left:2px; 
top:34px; 
background-color:#292929;
list-style:none;

}


ul.main li:hover ul
{
display:block; 
width:200px;
margin:0;
border-style:solid;
padding-top:8px;
border-width:1px;
filter:alpha(opacity=90); 
/*-moz-opacity: 0.9;*/ 
opacity: 0.9; 
border-color:#ffffff;
z-index:1;
}

ul.subnav li
{
list-style:none;

display:block; 
display:list-item;
clear:left;
padding:0;
margin:0;
width:200px;
font-size:0.8em;
}

ul.subnav li a
{
text-align:left;
font-size:1.2em;
font-weight:bold;
padding-left:5px;
color:#ffffff;
font-family: 'tahoma',arial, Times, serif;
}

ul.subnav li a:hover
{
text-align:left;
font-size:1.2em;
font-weight:bold;
padding-left:5px;
color:#0863B7;
font-family: 'tahoma',arial, Times, serif;
}




#content{
width:1000px;
padding:20px 0 0px 0;



}

#content-center{ /*580px width*/
float:left;
width:520px;
margin:0px 30px 20px 30px;
color:black;
}
#content-news{background:white;padding:5px 10px 10px 10px;}
#content-news h1{color:#333333;font-weight:bold;}


#content-side{ /*220px width*/
float:left;
width:210px;
color:black;
}
.content-side{ /*220px width*/
float:left;
width:210px;
color:black;
}

#content-side-leader-player{height:10px;width:100px;float:left;}
#content-side-leader-gp{height:10px;width:24px;float:left;}
#content-side-leader-g{height:10px;width:24px;float:left;}
#content-side-leader-a{height:10px;width:24px;float:left;}
#content-side-leader-pts{height:10px;width:24px;float:left;}



#content-side-top{
background:url(../images/side-top.jpg);
height:37px;
color:#ececec;
font-weight:bold;
font-size:1.3em;
font-family: 'tahoma',arial, Times, serif;
padding:10px 0px 0px 0px;
text-align:center;
}
.content-side-top{
background:url(../images/side-top.jpg);
height:37px;
color:#ececec;
font-weight:bold;
font-size:1.3em;
font-family: 'tahoma',arial, Times, serif;
padding:10px 0px 0px 0px;
text-align:center;
}

#content-header-picture-schedule{
height:37px;
background:url(../images/content-top.jpg);
color:#ececec;
font-weight:bold;
font-size:1.3em;
font-family: 'tahoma',arial, Times, serif;
padding:10px 0px 0px 20px;
}

#content-center-top{
height:37px;
background:url(../images/news-top.jpg);
color:#ececec;
font-weight:bold;
font-size:1.3em;
font-family: 'tahoma',arial, Times, serif;
padding:10px 0px 0px 0px;text-align:center;
}


#content-side-score{
background:white;margin:0;padding:5px 5px 5px 5px;
}	
#complete{background:white;padding:15px 5px 0 5px;}
.content-side-content{background:white;padding:15px 5px 0 5px;}
#content-side-score-team{clear:both;width:125px;display:block;float:left;height:20px;}
#content-side-score-score{height:20px;width:15px;display:block;float:left;}
#content-side-score-time{clear:both;font-style:italic;color:#777777;font-size:0.9em;}

#content-side-leader{background:white;margin:0;padding:5px 5px 5px 5px;font-size:0.9em;height:10px;}

#content-contact{background:white;color:black;padding:20px;}

#content-contact ul {
display: block;list-style: none;margin:0;padding:0;width:980px;height:110px;
}
#content-contact ul li{
display: inline;list-style-type: none;margin:0;float:left;width:320px;height:110px; 
}




#footer{

margin-top:20px;
clear:both;
width:100%;
position : relative;
height:110px;
background: black url(../images/footer.gif) repeat-x;

}
#footerWrap{
	width:1000px;margin:0 auto;padding-top:25px;font-size:0.9em;text-align:center

}


/* 4. Plugin
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */


width: 1000px; 
height: 38px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;

padding-top: 8px;
width: 1000px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font-family: Verdana;
	font-weight:bold;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

}
.ul-date {
white-space: nowrap;
padding: 0;
color: #822327; /*#bbbbbb;*/
font-family: Verdana;
font-weight:bold;
margin: 0 5px 0 70px;
} 
.ul-desc {
font-family: Verdana;
margin: 0 25px 0 10px;
color: #ffffff;
}