/* CSS for the website : http://canadianwinter.ca */
/* By Fardeen GHUL MAy AM : fg@fardeen.biz */
/* Version of the 18 May 2006 */

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */

	.stretch,

	.clear {

		clear:both; 

		height:1px; 

		margin:0; 

		padding:0; 

		font-size: 15px;

		line-height: 1px;

	}

	.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	* html>body .clearfix {

		display: inline-block; 

		width: 100%;

	}

	

* html .clearfix {

		/* Hides from IE-mac \*/

		/*height: 1%;*/

		/* End hide from IE-mac */

	}



	

/* end clearing */





/* replace */

	.replace {

		display:block;

		

		background-repeat: no-repeat;

		background-position: left top;

		background-color:transparent;

	}

	/* tidy these up */

	.replace * {

		text-indent: -10000px;

		display:block;

		

		background-repeat: no-repeat;

		background-position: left top;

		background-color:transparent;

	}

	.replace a {

		text-indent:0;

	}

	.replace a span {

		text-indent:-10000px;

	}

/* end replace */





/* accessibility */

     span.accesskey {

     	text-decoration:none;

     }

     .accessibility {

     	position: absolute;

     	top: -999em;

     	left: -999em;

     }

dfn {

  position: absolute;

  left: -1000px;

  top: -1000px;

  width: 0;

  height: 0;

  overflow: hidden;

  display: inline;

}

/* end accessibility */

/* A CSS Framework by Mike Stenhouse of Content with Style */



/* TYPOGRAPHY */

	body {

font-size: 8pt;

font-family: Verdana;

text-align: justify;

margin-right: 15px;

margin-left: 25pt;

	}

	div {

		font-size: 1em;

	}

	img {

		border: 0;

	}

	

/* LINKS */

	a,a:link  {

text-decoration: none; 

}

	

	a:active {

text-decoration: none; 

}



a:visited {

		text-decoration: none;

	}



        div#footer a, 	

        div#footer a:link 

	div#footer a:active, div#footer a:visited {

              /* color: #fff;*/

        }



	a:hover {

	text-decoration: none;

	}

/* END LINKS */

	

/* HEADINGS */

	h1 {

		font-size: 2em;

		line-height: 1em;

		margin: 0;

		padding: 0;

	}

	h2 {

                font-family: "trebuchet ms";

		margin: 0 0 0.5em 0;

padding-left: 30px ;

                line-height: 1.5em;

	font-size: 1.5em ;

	background: url(uploads/images/cw/little_snowflake_no_stroke.gif) no-repeat left bottom ;

	border-bottom: 1px solid #cceab8;

	}

 

       #main h3 {

                font-size: 1.3em;

		line-height: 1.3em;

		margin: 0 0 0.5em 0;

		padding-left: 40px ;

}



	h3 {



	}



	h4 {

		font-size: 1.2em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

	h5 {

		font-size: 1.1em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

	h6 {

		font-size: 1em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

/* END HEADINGS */



/* TEXT */

	p {

		font-size: 1em;

		margin: 0 0 1.5em 0;

		padding: 0;

text-align : justify ;

/*text-indent: 2em ;*/

	line-height: 1.5em ;

	}

	blockquote {

		border-left: 10px solid #ddd;

		margin-left: 10px;

	}

	pre {

		font-family: monospace;

		font-size: 1.0em;

	}

	strong, b {

		font-weight: bold;

	}

	em, i {

		font-style:italic;

	}

    code {

        font-family: "Courier New", Courier, monospace;

        font-size: 1em;

        white-space: pre;

    }

/* END TEXT */

	

/* LISTS */

	#main ul {

        line-height:1.4em;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	#main ul li {

		margin: 0 0 0.25em 30px;

		padding: 0;

	}



#main1Col ul {

        line-height:1.4em;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	#main1Col ul li {

		margin: 0 0 0.25em 30px;

		padding: 0;

	}

	ol {

		font-size: 1.0em;

		line-height: 1.4em;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	ol li {

		font-size: 1.0em;

		margin: 0 0 0.25em 30px;

		padding: 0;

	}

	dl {

		margin: 0 0 1.5em 0;

		padding: 0;

		line-height: 1.4em;

	}

	dl dt {

		font-weight: bold;

		margin: 0.25em 0 0.25em 0;

		padding: 0;

	}

	dl dd {

		margin: 0 0 0 30px;

		padding: 0;

	}

/* END LISTS */

	

	

/* TABLE */

	table {

        font-size: 1em;

		margin: 0 0 1.5em 0;

        padding: 0;

	}

	table caption {

		font-weight: bold;

		margin: 0 0 0 0;

		padding: 0 0 1.5em 0;

	}

	th {

		font-weight: bold;

		text-align: left;

	}

	td {

		font-size: 1em;

	}



#main table {

 /*border : 1px solid #C5E39F;*/

padding : 0;

margin : 0;

border-spacing : 0;

border-collapse : collapse ;

}



#main td{

 border : 1px solid #C5E39F;

padding : 2px;



}

/* END TABLE */	

	

	hr {

		display: none;

border-bottom: 1px dotted #cceab8;

	}



	div.hr {

		height: 1px;

		margin: 1em 10px;

		

border-bottom: 1px dotted #cceab8;

	}



	

/* END TYPOGRAPHY */	

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* FORM ELEMENTS */

	form {

		margin:0;

		padding:0;

	}

	form div,

	form p {

		font-size: 1em;

		margin: 4px 0 2px 0;

		padding: 0;

	}

	label {

		font-weight: bold;

	}

	fieldset {

		border: 1px solid #eee;

		padding: 5px 10px;

		margin: 0 0 1.5em 0;

	}

	fieldset legend {

		color: #666;

		font-size: 1.1em;

		font-weight: bold;

		margin: 0 0 0 0px;

		padding: 0;

		background-color: white;

	}

	* html fieldset legend {

		margin: 0 0 10px -10px;

	}

	fieldset ul {

		list-style: none;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	fieldset ul li {

		list-style: none;

		margin: 0 0 0.5em 0;

		padding: 0;

	}

     

	

	input, select, textarea {

		font-size:1em; 

		font-family: arial, helvetica, verdana, sans-serif;

        

        margin: 0;

		padding: 2px;

border : 1px solid #CCEAB8;

color : #75717A;

	}

	

	input, select {

		vertical-align:middle;

	}

	textarea {

		width: 300px;

		height: 8em;

	}

	

	input.check {

		border: none;

		width: auto;

		height: auto;

		margin: 0;

	}

	input.radio {

		border: none;

		width: auto;

		height: auto;

		margin: 0;

	}

	input.file {

		height: auto;

		width: 250px;

	}

	input.readonly {

		background-color: transparent;

		border: none;

	}

	input.button {

		width: 10em;

		border:1px solid black;

		background-color: #ddd;

	}

	input.image {

		border: none;

		width: auto;

		height: auto; 

	}



input.ffsubmit {

    clear : both ;

 display : block ;

padding : 2px;

margin : 16px 0 0 0;

text-align : center ;

font-weight : bold ;

font-size : 1.2em ;

background-color : #CCEAB8;

border:1px solid #3777B5;

color : #3777B5;



}

	

    form div.submit {

		margin: 1em 0;

	}

    form div.submit input {

		height: 2em;

        width: 15em;

	}

/* END FORM ELEMENTS */

		

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* NAV BAR AT THE TOP, LOCAL NAVIGATION ON THE LEFT AND ONE COLUMN OF CONTENT */

    div#content {

        position: relative;

        margin: 0em auto 2em 0;

        padding: 0;

        text-align: left;

width : 100% ;

    }

    div#main {

        float: left;

        display: inline;

width: 570px ;



        padding: 0 6px 0 10px;

    }



div#main_left {

        float: left;

        display: inline;

width: 150px ;

padding:0;

margin :0;

    }



    div#menu_vert {

        float: left;

        width: 150px;

        display: inline;

    }



    div#menu_horiz {

        width: 750px ;

        text-align: left;

    }

/* END CONTENT */

/*FG A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* SITE SPECIFIC LAYOUT */

    body {

        margin: 0px;

        /*padding: 1em;*/

        text-align: center;



    }



    div#pagewrapper {

        margin: 0 auto;

        /*max-width: 60em;

        min-width: 60em;*/

width : 750px;

        padding: 0;

        text-align: left;

border: dotted 1px #b1b1b1;

    }



    #container {

	position: relative;

	margin: 0;



    }

    

    /* HEADER */

        div#header {

            margin: 0;

            padding: 0;

            height: 123px;

            background: #385C72;           

            text-align: left;

 border-bottom: 1px solid #0069AB;

        }

        div#header h1 a {

            background:  url(uploads/images/cw/canadian_winter_logo.jpg) no-repeat ; 

            display: block;

            height: 123px;

            text-indent: -700em;

            width: 750px;

            margin: 0;

            padding: 0;

        }

    /* END HEADER */

    

    

    /* CONTENT */



div#top_bar{

width : 750px;

height : 58px;

clear : both ;

      padding : 0; 

margin : 0;

    }



/*Bug IE espace sous image */

img{

  display: block;

}



div#banners{

clear : both ;

      text-align : center ;

padding-top : 25px;

color : #CCCCCC;

    }







        div#content {



        }

        

        /* MAIN */

            div#main {





            }

        /* END MAIN */

        

        /* SUB */

            div#sub {

                

            }

        /* END SUB */

        

    /* END CONTENT */

    

    

    /* FOOTER */

        div#footer {

height : 26px; 

        }



        div#footer p {

            font-size: 0.8em;

            margin: 0;

            padding: 5px;

            text-align: center;
			
			color: #999;

        }

    /* END FOOTER */

/* END LAYOUT */







/*FOR NEWS */

div#menu_news{



float : left; 

width : 200px; 

padding-left : 10px;

 }



div.breadcrumbs {

   padding: 4px 0 15px 0;

   text-align: left;

   font-size: 90%;

   margin: 0 ;

   /*border-bottom: 1px dotted #cceab8;*/

  /* background : url(uploads/images/cw/title_main.jpg) no-repeat;*/



}



div.flags {

  float: right;

  width: 18px;

  padding: 1em 0;

  text-align: right;

  margin: 0 1em 0 0;

}



div.left49 {

  float: left;

  width: 49%;

  }



div.right49 {

  float: right;

  width: 49%;

  text-align: right;

  }





/* Image Gallery - Small Thumbnail Images */

	.thumb {

		margin: 1em 1em 1.6em 0; /* Space between images */

		padding: 0;

		float: left;

		text-decoration: none;

		line-height: normal;

		text-align: left;

	}



	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/

		width: 96px; /* Image width*/

		height: 76px; /* Image height*/

		display: inline;

		padding: 12px; /* Image padding to form photo frame */

		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/

		margin: 0;

		background-color: white; /*Background of photo */ 

		border-top: 1px solid #eee; /* Borders of photo frame */

		border-right: 2px solid #ccc;

		border-bottom: 2px solid #ccc;

		border-left: 1px solid #eee;

		text-decoration: none;

	}



	.thumb a:visited img {

		background-color: #DDEAFB; /*Background of photo on hover - sort of a light grey */

	}



	.thumb a:hover img {

		background-color: #CCEAB8; /*Background of photo on hover - sort of light blue/green */

	}



	.thumbPicCaption {

		text-align: center;

		font-size: smaller;

		margin: 0 1px 0 0;

		padding: 0;

		width: 100px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */

		/* display: none;  if you do not want to display this text */

	}



	/* Image Gallery - Big Images */

	.bigPic {

		margin: 10px 0 5px 0;

		padding: 0;

		line-height: normal;

	}



	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */

		text-align: center;

		font-weight: bold;

		font-variant: small-caps;

		font-weight: bold;

		margin: 0 1px 0 0;

		padding: 0;

		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */

		/* display: none;  if you do not want to display this text */

	}



	.bigPic img{ /* Big Image settings */

		width: 350px; /* Width of Big Image */

			height: auto;

		display: inline;

		padding: 18px; /* Image padding to form photo frame. */

		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/

		margin: 0;

		background-color: white; /* Background of photo */ 

		border-top: 1px solid #eee; /* Borders of photo frame */

		border-right: 2px solid #ccc; 

		border-bottom: 2px solid #ccc;

		border-left: 1px solid #eee;

		text-decoration: none; 

		text-align: left;

	}



	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */

		margin: 0;

		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */

		padding: 0;

		color: #000;

		font-size: smaller;

		line-height: normal;

		text-align: center;

		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */

	}





/* LIGHTBOX */



#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}



#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	



#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(uploads/images/cw/lightbox/overlay.png); }



* html #overlay{

	background-color: #333;

	background-color: transparent;

	background-image: url(uploads/images/cw/lightbox/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="uploads/images/cw/lightbox/overlay.png", sizingMethod="scale");

	}



/*END  LIGHTBOX */

	

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* NAV */



    * html div#menu_horiz {

        /* hide ie/mac \*/

        height: 1%;

        /* end hide */

    }



    div#menu_horiz {

      margin: 0 ;

padding : 0 0 0 0px;

      text-align: center;



    }



    div#menu_horiz ul {



        margin: 0;

        padding: 0 0 0 0px;

        list-style: none;



    }



    div#menu_horiz li {

width : 125px;

        float: left;

        display: inline;

        list-style: none;

        margin: 0 ;

        padding: 0 ;



    }



    div#menu_horiz li a {



border-bottom: 5px solid #C1DFAD;

 font-weight: bold;

text-align : center ;

    }



div#menu_horiz li a span{



 position:relative;

top:5px



    }



    div#menu_horiz a,

    div#menu_horiz a:link,

    div#menu_horiz a:active,



    div#menu_horiz a:visited {



        display: block;

        padding: 0px 0px; 

height : 25px;



        /* hide from ie/mac \*/

        display: block;

        /* end hide */



        text-decoration: none;

        margin: 0;

        color: #FFF;

        

background : url(uploads/images/cw/bg_item_1.gif) no-repeat;



    }



div#menu_horiz li a:hover {

 border-bottom: 5px solid #FFF;

font-weight : bold ;

}



    div#menu_horiz .activeparent {

        display: inline-block;



        /* hide from ie/mac \*/

        display: block;

        /* end hide */

        

	background-color: #FFF;

    }



    div#menu_horiz .current a,

    div#menu_horiz .current a:link,

    div#menu_horiz .current a:active,

    div#menu_horiz .current a:visited,

    div#menu_horiz .current a:hover,

    div#menu_horiz .activeparent a,

    div#menu_horiz .activeparent a:link,

    div#menu_horiz .activeparent a:active,

    div#menu_horiz .activeparent a:visited,

    div#menu_horiz .activeparent a:hover 

{

	background-color: #F00;

   background : url(uploads/images/cw/bg_item_2.gif) no-repeat;

    }

/* END NAV */



div#menu_horiz li.active01 h3, #menu_horiz li.active02 h3,#menu_horiz li.active03 h3 {

        background : url(uploads/images/cw/bg_item_3.gif) no-repeat;

height : 25px;



font-weight : bold ;

font-size : 11px;

display: inline-block;



        padding:  0px 0px; 



        margin : 0 ;

        color: #FFF;

border-bottom: 5px solid #C1DFAD;

    }





div#menu_horiz li.active01 h3 span {



 position:relative;

top:5px

    }









#menu_vert{

  margin: 0;



  padding: 0 0 15px 0;

  color: #FFFFFF;

  background-color: #7eb3d5;

  background-image: url(uploads/images/cw/side_interface_bg_02.jpg);

  background-repeat: no-repeat;

  background-position: 0 bottom;



  }



#menu_vert ul {

 margin : 0;

  padding: 2px;

 width: 150px;  /* Width of Menu Items */

  }



#menu_vert li {

 margin : 0;

  padding : 12px 0 2px 0;

  list-style: none;

}



#menu_vert li a {



  display: compact;

  text-decoration: none;

  border-bottom: 1px dotted #d1e2f6; 

color: #fff; 

font-size: 1em; 

font-family: "trebuchet ms";

text-decoration: none; 

margin : 0;

padding: 0;

margin : 8px 8px 8px 15px;

  }





/*SUB MENU*/

    div#menu_vert ul ul li a, 

    div#menu_vert ul ul li a:link, 

    div#menu_vert ul ul li a:visited  {

        display: compact;

        padding: 0px 0px 0px 10px;

        border-bottom: none;

        font-size: 0.9em;

    }

    div#menu_vert ul ul  {

      border-right: none;

      border-top: none;

      /*border-bottom: 1px solid #0069AB;*/

      padding-bottom: 0px;

    }



    div#menu_vert ul ul ul li a, 

    div#menu_vert ul ul ul li a:link, 

    div#menu_vert ul ul ul li a:visited  {

     /*   padding-left: 40px;*/

    }



    div#menu_vert ul ul ul  {

      border-bottom: none;

    }



#menu_vert li ul li a { 

      padding: 0px 0px; 

} /* Sub Menu Styles */



/* fixed image flicker by adding .cssmenu-vertical ul */



#menu_vert li a:hover {

	background-color: #ADD876;

}



.current

{

	list-style-type: square;

	display: inline;

	background-color: #CCEAB8;

}



#menu_vert li.activeparent {

   /*background-color: #CCEAB8;*/

/*font-weight : bold ;*/

}



#menu_vert li.active01 {

/*background-image: url(uploads/images/cw/arrow.gif);*/

/*background-repeat: no-repeat;*/

/*background-position: 0 .4em;*/

/*padding-left: .6em;*/

}



#menu_vert li.active01 h3 {



  display: inline;

  border-bottom: 1px dotted #ADD876; 

color: #ADD876; 

font-weight : bold ;

font-size: 1em;

font-family: "trebuchet ms";

text-align :left;

margin : 15px 8px 8px 15px;



padding : 0;



  }



#menu_vert li.active02 h3

{

  display: block;

  padding: 3px 5px 3px 25px;

  border-bottom: none;

  font-size: 90%;

  font-weight: bold;

  color: #0069AB;

background-color: #CCEAB8;

  margin: 0;

}



#menu_vert li.active03 h3

{

  display: block;

  padding: 3px 5px 3px 40px;

  border-bottom: none;

  font-size: 90%;

  font-weight: bold;

  color: #18507C;

  margin: 0;

}



li.sectionheader {

  margin: 0;

  margin-right: -1px;

 }

li.sectionheader h3 {

   margin: 0;

   padding: 1em 10px 0.5em 10px;

   border: none;

   background-color: #fff;

  border-bottom: 1px solid #006699;

  z-index: 90;

}



li.separator {

   height: 1px;

   padding: 0.5em 0;

   margin: 0;

   width: 100%;

   border-bottom: 1px dotted black;

	}



/* Layout sections */

	body {

		background: #ccc;

		color: #75717a; 

background : url(uploads/images/cw/bg_repeat.jpg) repeat;

		}

		

	div#pagewrapper {

		/*border: 1px solid #000;*/

		background: #fff;

	    }

		

	div#header {

		color: #fff;

		}

		

	div#footer {

		color: #fff;

		background-color: #CCEAB8;

		width : 750 px ;

		}

		

/* Links */		



	a,a:link {

color: #3777b5; 

}



	a:active {

color: #fff; background-color: #fff;

}



a:visited {

		color: #3777b5;

	}



a:hover {

 color: #fff; background-color: #add876;

}





/* Headings */	

	h1,h2,h3,h4, h5, h6 {

		color: #add876;

	}





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

/* NAV FOOTER by FG*/

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

	div#under_footer {
	float-left:true;	
	}

    div#footer ul {

       	margin: 0 ;

        padding: 0 0 0 0px ;

        list-style : none;

		margin-left: auto;

    	margin-right: auto;

     	width: 690px;


    }
	



    div#footer li {

        float: left;

        display: inline;

		padding : 0 ;

        margin: 0 15px 0 0px;



font-size : 9px;

text-align : left;

    }



    div#footer li a {

      /*  border-right: none;*/

font-size : 9px;

    }



    div#footer a,

    div#footer a:link,

    div#footer a:active,



    div#footer a:visited {

 font-weight: normal;

        display: block;

        padding: 7px 0px; 



        /* hide from ie/mac \*/

        display: block;

        /* end hide */



        text-decoration: none;

        margin: 0;

        color: #3777B5;



    }



div#footer li a:hover {

	background-color: #FFF;

}



    div#footer .activeparent {

       /* display: inline-block;*/



        /* hide from ie/mac \*/

        display: block;

        /* end hide */

        

	/*background-color: #abb0b6;*/

    }



    div#footer .current a,

    div#footer .current a:link,

    div#footer .current a:active,

    div#footer .current a:visited,

    div#footer .current a:hover,

    div#footer .activeparent a,

    div#footer .activeparent a:link,

    div#footer .activeparent a:active,

    div#footer .activeparent a:visited,

    div#footer .activeparent a:hover 

{

font-weight : bold;

color : #3777B5;

    }



/* END NAV */



div#footer li.active01 h3 {

  color: #3777B5;

font-weight : bold;

 font-size: 9px;



        display: inline-block;

        padding: 7px 0px; 



        /* hide from ie/mac \*/

        display: block;

        /* end hide */

      margin : 0px;

    }









div#news {



width : 210px;

float : left ;

padding-left : 10px;



}



.NewsSummary {

    margin-bottom: 10px;

 }



.NewsSummaryCategory {

  font-style: italic;

  margin: 5px 0;

 }



.NewsSummaryPostdate {

  font-size: 90%;

  font-weight: bold;

 }



.NewsSummarySummary, .NewsSummaryContent {

  line-height: 140%;

  margin-bottom: 10px;

 }



#NewsPostDetailDate {

  font-size: 90%;

  font-style: italic;

  margin-bottom: 7px;

text-align : right;

  }



#NewsPostDetailSummary {

   margin-bottom: 10px;

  line-height: 150%;



   }



#NewsPostDetailContent {

  margin-bottom: 15px;

  line-height: 150%;

text-align : justify ;

  }



#NewsPostDetailCategory {

font-style: italic; 

text-align : right;

}



/* to add specific style to the below div, uncomment them. */

/* 

.NewsSummaryLink {}

.NewsSummaryAuthor {}

.NewsSummaryMorelink {}

#NewsPostDetailTitle {}

#NewsPostDetailHorizRule {}



#NewsPostDetailAuthor {}

#NewsPostDetailAuthor {}

#NewsPostDetailPrintLink {}

#NewsPostDetailReturnLink {}

*/