/*

	CSC - CORRECTIONAL SERVICE CANADA -
	[30th Anniversary Event]
	VERSION 1.0
	
	-----------------------------------------
	
	author: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	last updated: March 12th, 2009
	
	-----------------------------------------
	
	NOTES: *Convert h1 graphics to text based
	bulletproof formatting - 
	
	CONTENTS ----------
	
	   1.DEFAULT STYLING
	   2.BRANDING/MASTHEAD
	   3.PRIMARY NAVIGATION
	   4.LEFT SIDEBAR
	   5.RIGHT SIDEBAR
	   6.CONTENT
	   7.SITEINFO/FOOTER
	   8.PAGE SPECIFICS
	   9.FORMS							   */


/*1.DEFAULT STYLING
-------------------------------------------*/
.clear {clear:both;}
.clearleft {clear:left;}


/*4.LEFT SIDEBAR
-------------------------------------------*/
div.left li ul.nav li#active {
	text-decoration:underline;
	background:#c3c3c3;
	padding:10px 10px 10px 10px;

}


/*5.RIGHT SIDEBAR
-------------------------------------------*/
div.right ul.nav li strong {color:#00308e;text-decoration:underline;}


/*--------------
IMAGE-BASED NAV
--------------*/
div.right li ul.nav.img {border:0;}
div.right ul.nav.img li {display:inline;margin:0;padding:0;}
div.right ul.nav.img li a#cmsner {background-image:url(../images/navitem_commissioner-msg.jpg);}
div.right ul.nav.img li a#mnster {background-image:url(../images/navitem_minister-msg.jpg);}
div.right ul.nav.img li a {
	margin:5px 0;
	display:block;
	outline:none;
	float:left;
	text-indent:-1000em;
	width:189px;height:74px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top left;
}/*End*/



/*6.CONTENT
-------------------------------------------*/
div.left ul.nav {position:relative;z-index:100;}
div.center h1.img span em {text-transform:uppercase;font-style:normal;}
div.center {padding:0px 15px 5px 15px;}

div.center h1.img.red {background-image:url(../images/h1-bg-red.jpg);}
div.center h1.img.blue {background-image:url(../images/h1-bg-blue.jpg);}

div.center h1.img {
	background-color:#fff;
	background-position:top left;
	background-repeat:no-repeat;
	width:369px;height:176px;
	height:200px;
	position:relative;
	z-index:1;
}

div.center h1.img span {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	font-size:18px;
	width:200px;
	position:absolute;
	top:61px;
	margin-left:10px;
	height:65px;
	display:table;
	font-weight:normal;
	color:#fff;
	/*IE SPECIFICS*/
	*height:auto;
	*display:block;
	*position:absolute;
	*margin:0;*padding:0;
	*top:45%;*left:10px;
}

div.center h1.img strong {
	margin:0;padding:0;
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	width:200px;
	/*IE SPECIFICS*/
	*display:block;
	*position:relative;
	*top:-45%;
}

/*--------------
IMAGE PROPERTIES
--------------*/
div.center img {margin:15px;}
div.center img.left {float:left;margin-left:0;}
div.center img.right {float:right;margin-right:0;}
/*End*/

div.center abbr {border-bottom:1px dotted #333;}
div.center p {margin:30px auto;line-height:1.4em;}
div.center ul li {margin:6px auto;}

/*--------
HOPE CREST
---------*/
div.center dl#hopecrest * {font-size:85%;}
body div.center dl#hopecrest {
	float:left;
	*clear:left;
	width:370px;
	min-height:230px;
	_height:230px;
	margin-top:20px;
	*margin-top:-120px;
	_margin-top:0;
	margin-bottom:40px;
}

body div.center dl#hopecrest dd {margin-left:40px;}
body div.center dl#hopecrest dd#crest {margin-left:0;}

div.center dl#hopecrest dd#crown {margin-left:140px; position:relative}
div.center dl#hopecrest dd#sixpoints {margin-top:40px;}
div.center dl#hopecrest dd#goldkey {margin-top:50px;}

div.center dl#hopecrest dd#torch {
	float:left;clear:both;_display:inline;
	margin-top:7px;margin-left:140px;
}

body div.center dl#hopecrest dt {text-indent:-1000em;height:0;margin:0;}
body div.center dl#hopecrest dd img {margin:0;margin-right:10px;}
/*End*/


/*----
CRESTS
----*/
div.center div#crests img {
	margin:0;margin-right:7px;
	margin-bottom:15px;
}
/*End*/


/*-------
IMPORTANT
--------*/
body div.center dl.important * {margin:0;padding:0;}
div.center dl.important {float:left;width:365px;background:#dadab8;padding:20px 7px;margin-bottom:20px;}
div.center dl.important dt {font-weight:bold;font-size:140%;}
div.center dl.important dd.img {float:left;margin-right:10px;}
div.center dl.important dd {margin:0;}
div.center dl.important dd strong {color:#6b211e;font-size:110%;}
/*End*/


/*--------------------------------------------
DEFINITION LISTS FOR MINISTERS & COMMISSIONERS
--------------------------------------------*/
body div.center dl.historicfigure * {margin:0;padding:0;}
body div.center dl.historicfigure {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #333;
	_border-bottom:1px solid #aaa;
	margin-left:0;
	width:365px;
	float:left;
}/*Last Item-->*/body div.center dl.historicfigure.lastitem {border-bottom:none;margin-bottom:30px;}

div.center dl.historicfigure dt {color:#004499;font-weight:bold;float:right;}
div.center dl.historicfigure dd {clear:right;float:right;}
div.center dl.historicfigure dd.avatar {margin-right:0;float:left;clear:none;}
/*End*/



/*5.TABLES
-------------------------------------------*/
/*----
EVENTS
----*/
div.center table#events * {font-size:95%;_font-size:87%;}
div.center table#events {border-collapse:collapse;margin-bottom:30px;}

div.center table#events caption {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;padding-bottom:7px;_font-size:77%;
}

div.center table#events caption span {font-family:Georgia, "Times New Roman", Times, serif;font-size:100%;_font-size:85%;font-style:italic;}
div.center table#events tr.alt {background:#f4fed4;}
div.center table#events th#date {background:#00477d;text-align:right;}
div.center table#events th {
	text-align:left;
	padding:12px 8px;
	border-right:1px solid #337f15;
	background:#03622a;
	font-weight:normal;
	color:#fff;
}

div.center table#events td.event strong {font-size:100%;display:block;}
div.center table#events td.date{color:#b2281d;text-transform:uppercase;letter-spacing:0.5px;font-size:85%;text-align:right;}
div.center table#events td {padding:8px;}
/*End*/


/*5.PHOTO GALLERY
-------------------------------------------*/
div.center div#photos * {margin:0;padding:0;font-size:95%;}
div.center div#photos a.alt {background-color:#d1d1b2;}

div.center div#photos a span {
	margin-left:75px;
	display:block;
	z-index:100;
	color:#333;
}

div.center div#photos a:hover span,
div.center div#photos a:active span,
div.center div#photos a:focus span,
div.center div#photos a.active span {color:#fff;text-decoration:underline;}

div.center div#photos a:focus, 
div.center div#photos a.active, 
div.center div#photos a:active {background-color:#868670;}

div.center div#photos a:hover span, 
div.center div#photos a:focus span, 
div.center div#photos a:active span {display:block;}

div.center div#holder {
	float:left;
	padding-bottom:480px;
	position:relative;
}


div.center div#wrapper {
	background:#dadab8;
	padding:25px 0;
	float:left;
}

div.center div#photos {
	float:left;
	overflow:auto;
	width:385px;
	height:160px;
	background:#dadab8;
}

div#photos div.column1 {
	float:left;
	margin-left:5px;
	width:174px;
}

div#photos div.column2 {
	width:174px;
	float:right;
	margin-right:5px;
}

div.center div#photos a:hover,
div.center div#photos a.alt:hover {
	_white-space:normal;
	cursor:pointer;
	background-color:#004276;
	color:#fff;
}

div.center div#photos a {
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#dadab8;
	padding:5px;
	display:block;
	float:left;
	clear:left;
	width:164px;
	color:#333;
	min-height:70px;
	_height:70px;
	text-decoration:none;
}

div.center div#photos a span.block {display:none;}
div.center div#photos a.image002 span.block {z-index:50;}

div.center div#photos a:hover span.block,
div.center div#photos a:active span.block,
div.center div#photos a:focus span.block,
div.center div#photos a.active span.block,
div.center div#photos a.image002 span.block {
	display:block;
	position:absolute;
	overflow:hidden;
	width:355px;
	color:#333;
	text-decoration:none;
	min-height:335px;
	margin-left:0;
	_height:335px;
	padding:5px 15px;
	_padding:5px 10px;
	top:240px;left:0;
	z-index:100;
	background-color:#dadab8;
	
}

div.center div#photos span em,
div.center div#photos span em,
div.center div#photos span em,
div.center div#photos a:focus span em,
div.center div#photos a:active span em,
div.center div#photos a.active span em,
div.center div#photos a:hover span em {
	color:#333;
	display:inline;
	cursor:text;
	font-style:normal;
	clear:both;
	float:left;
	padding:10px;
	margin-left:0;
	width:335px;
	background:#d1d1b2;
}

/*---------------
IMAGE REPLACEMENT
---------------*/

div.center div#photos a.image001 {background-image:url(../images/gallery/photo_001.jpg);}
div.center div#photos a.image002 {background-image:url(../images/gallery/photo_002.jpg);}
div.center div#photos a.image003 {background-image:url(../images/gallery/photo_003.jpg);}
div.center div#photos a.image004 {background-image:url(../images/gallery/photo_004.jpg);}
div.center div#photos a.image005 {background-image:url(../images/gallery/photo_005.jpg);}
div.center div#photos a.image006 {background-image:url(../images/gallery/photo_006.jpg);}
div.center div#photos a.image007 {background-image:url(../images/gallery/photo_007.jpg);}
div.center div#photos a.image008 {background-image:url(../images/gallery/photo_008.jpg);}
div.center div#photos a.image009 {background-image:url(../images/gallery/photo_009.jpg);}
div.center div#photos a.image010 {background-image:url(../images/gallery/photo_010.jpg);}

div.center div#photos a.image011 {background-image:url(../images/gallery/photo_011.jpg);}
div.center div#photos a.image012 {background-image:url(../images/gallery/photo_012.jpg);}
div.center div#photos a.image013 {background-image:url(../images/gallery/photo_013.jpg);}
div.center div#photos a.image014 {background-image:url(../images/gallery/photo_014.jpg);}
div.center div#photos a.image015 {background-image:url(../images/gallery/photo_015.jpg);}
div.center div#photos a.image016 {background-image:url(../images/gallery/photo_016.jpg);}
div.center div#photos a.image017 {background-image:url(../images/gallery/photo_017.jpg);}
div.center div#photos a.image018 {background-image:url(../images/gallery/photo_018.jpg);}
div.center div#photos a.image019 {background-image:url(../images/gallery/photo_019.jpg);}
div.center div#photos a.image020 {background-image:url(../images/gallery/photo_020.jpg);}



/*COLUMN02*/
div.center div#photos a.image021 {background-image:url(../images/gallery/photo_021.jpg);}
div.center div#photos a.image022 {background-image:url(../images/gallery/photo_022.jpg);}
div.center div#photos a.image023 {background-image:url(../images/gallery/photo_023.jpg);}
div.center div#photos a.image024 {background-image:url(../images/gallery/photo_024.jpg);}
div.center div#photos a.image025 {background-image:url(../images/gallery/photo_025.jpg);}
div.center div#photos a.image026 {background-image:url(../images/gallery/photo_026.jpg);}
div.center div#photos a.image027 {background-image:url(../images/gallery/photo_027.jpg);}
div.center div#photos a.image028 {background-image:url(../images/gallery/photo_028.jpg);}
div.center div#photos a.image029 {background-image:url(../images/gallery/photo_029.jpg);}
div.center div#photos a.image030 {background-image:url(../images/gallery/photo_030.jpg);}

div.center div#photos a.image031 {background-image:url(../images/gallery/photo_031.jpg);}
div.center div#photos a.image032 {background-image:url(../images/gallery/photo_032.jpg);}
div.center div#photos a.image033 {background-image:url(../images/gallery/photo_033.jpg);}
div.center div#photos a.image034 {background-image:url(../images/gallery/photo_034.jpg);}
div.center div#photos a.image035 {background-image:url(../images/gallery/photo_035.jpg);}
div.center div#photos a.image036 {background-image:url(../images/gallery/photo_036.jpg);}
div.center div#photos a.image037 {background-image:url(../images/gallery/photo_037.jpg);}
div.center div#photos a.image038 {background-image:url(../images/gallery/photo_038.jpg);}
div.center div#photos a.image039 {background-image:url(../images/gallery/photo_039.jpg);}
div.center div#photos a.image040 {background-image:url(../images/gallery/photo_040.jpg);}


div.center div#photos a:hover img {z-index:300;}

div.center div#photos a:active img, 
div.center div#photos a:focus img {z-index:1;}

div.center div#photos a:hover span.block {z-index:300;}

/*div.center div#photos a:active span.block, 
div.center div#photos a:focus span.block {z-index:1;}*/


/*IE 6.0 Specifics*/
* html div.center div#photos {width:375px;}
* html div#photos div.column1 a {width:154px;}
* html div#photos div.column1 {display:inline;width:144px;}
* html div#photos div.column2 {display:inline;}


/*5.TIMELINE
-------------------------------------------*/
div.center ol.timeline,
div.center ol.timeline * {margin:0;padding:0;}
div.center ol.timeline li {display:inline;list-style:none;}
div.center ol.timeline.bottom {clear:both;}


/*div.center ol.timeline div#active {
	width:100px;height:100px;
	background:blue;
	position:absolute;
	top:-90px;
}*/

div.center ol.timeline {
	position:relative;width:355px;
	float:left;padding-bottom:180px;
	background:#fff url(../images/timeline-line.gif) top center no-repeat;
}


div.center ol.timeline li a {
	outline:none;
	display:block;
	float:left;
	text-decoration:none;
	color:#333;
	width:24px;height:62px;
	margin-right:6px;
	background-repeat:no-repeat;
	background-position:top left;
}

div.center ol.timeline li a span {display:none;}

/*div.center ol.timeline li a:hover span,*/
div.center ol.timeline li a:focus span,
div.center ol.timeline li.active span,
div.center ol.timeline li a:active span,
div.center ol.timeline li a#y1961 span {
	width:350px;
	height:170px;
	_color:#333;
	cursor:text;
	display:table;
	*display:block;
	background:#dadab8 url(../images/timeline-bg.gif) top left no-repeat;
	position:absolute;
	*z-index:-1;
	left:0;
}



div.center ol.timeline li a:active div.outer,
div.center ol.timeline li a:focus div.outer,
div.center ol.timeline li.active div.outer,
div.center ol.timeline li a#y1961 div.outer {
	display:table-cell;
	vertical-align:middle;
	width:320px;
	/*IE SPECIFICS*/
	*display:block;
	*position:absolute;
	*margin:0;*padding:0;
	*top:50%;
}

div.center ol.timeline li a:active div.inner,
div.center ol.timeline li a:focus div.inner,
div.center ol.timeline li.active div.inner,
div.center ol.timeline li a#y1961 div.inner {
	padding:30px 15px;
	width:320px;
	/*IE SPECIFICS*/
	*margin:0;
	*display:block;
	*position:relative;
	*top:-50%;
}

body div.center ol.timeline li a span strong {color:#333;display:block;}

div.center ol.timeline.top li a span {top:70px;}
div.center ol.timeline.bottom li a span {bottom:244px;}

div.center ol.timeline li a:active, 
div.center ol.timeline li.active a, 
div.center ol.timeline li a:focus {background-position:top right;outline:none;}
div.center ol.timeline li.active, 

/*div.center ol.timeline li a:hover span {z-index:100;}*/

div.center ol.timeline li a:active span,
div.center ol.timeline li a:focus span {z-index:50;_z-index:0;}




/*----------------
IMAGE REPLACEMENTS
----------------*/
div.center ol.timeline li a#y1961 {background-image:url(../images/years_1961.gif);margin-right:0;margin-left:6px;_margin-left:3px;}
div.center ol.timeline li a#y1965 {background-image:url(../images/years_1965.gif);margin-right:0;}
div.center ol.timeline li a#y1966 {background-image:url(../images/years_1966.gif);}
div.center ol.timeline li a#y1976 {background-image:url(../images/years_1976.gif);}
div.center ol.timeline li a#y1979 {background-image:url(../images/years_1979.gif);}
div.center ol.timeline li a#y1982 {background-image:url(../images/years_1982.gif);}
div.center ol.timeline li a#y1984 {background-image:url(../images/years_1984.gif);}
div.center ol.timeline li a#y1987 {background-image:url(../images/years_1987.gif);}
div.center ol.timeline li a#y1989 {background-image:url(../images/years_1989.gif);}
div.center ol.timeline li a#y1990 {background-image:url(../images/years_1990.gif);}
div.center ol.timeline li a#y1991 {background-image:url(../images/years_1991.gif);}


div.center ol.timeline li a#y1995 {background-image:url(../images/years_1995.gif);margin-left:14px;_margin-left:7px;}
div.center ol.timeline li a#y1996 {background-image:url(../images/years_1996.gif);}
div.center ol.timeline li a#y1997 {background-image:url(../images/years_1997.gif);}
div.center ol.timeline li a#y1998 {background-image:url(../images/years_1998.gif);}
div.center ol.timeline li a#y2000 {background-image:url(../images/years_2000.gif);}
div.center ol.timeline li a#y2001 {background-image:url(../images/years_2001.gif);}
div.center ol.timeline li a#y2003 {background-image:url(../images/years_2003.gif);}
div.center ol.timeline li a#y2005 {background-image:url(../images/years_2005.gif);}
div.center ol.timeline li a#y2006 {background-image:url(../images/years_2006.gif);}
div.center ol.timeline li a#y2007 {background-image:url(../images/years_2007.gif);}
div.center ol.timeline li a#y2008 {background-image:url(../images/years_2008.gif);width:25px;}
div.center ol.timeline li a#y2009 {background-image:url(../images/years_2009.gif);width:25px;}


/*6.FRENCH SPECIFICS
-------------------------------------------*/
body#francais div.center dl#hopecrest dd#goldkey {margin-top:30px;}
body#francais div.center dl#hopecrest dd#torch {margin-left:130px;}
body#francais div.center dl#hopecrest dd#crown {margin-bottom:-15px;}
body#francais div.center div#photos a {min-height:90px;_height:90px;}

body#francais div.center div#photos {height:200px;_height:200px;}

body#francais div.center div#photos a:hover span.block,
body#francais div.center div#photos a:active span.block,
body#francais div.center div#photos a:focus span.block,
body#francais div.center div#photos a.image002 span.block,
body#francais div.center div#photos a.active span.block {top:280px;}


div.right ul.nav.img.fr li a#cmsner {background-image:url(../images/navitem_commissioner-msg-fr.jpg);}
div.right ul.nav.img.fr li a#mnster {background-image:url(../images/navitem_minister-msg-fr.jpg);}
div.right li ul.nav.img {border:0;}

body#francais div.center ol.timeline {padding-bottom:260px;}

body#francais div.center ol.timeline.bottom li a span {bottom:334px;}


body#francais div.center ol.timeline li a:focus span,
body#francais div.center ol.timeline li a:active span,
body#francais div.center ol.timeline li a#y1961 span,
body#francais div.center ol.timeline li.active span {height:240px;background:#dadab8 url(../images/timeline-bg-fr.gif) top left no-repeat;}