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

Welcome to the CSS for Relic, coded by Kevin Cannon.
The CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email me at kmcannon@telus.net

***************************************************************
***********************************************************************/
body,
html {
    margin:0;
    padding:0;
    /*background:#a7a09a;*/
    color:#000;
    }

body  {
	/*margin:0;
	padding:0;
	*/
	/*background-color:#324F78;*/
	/*background-color:#6986A4;*/
	font-family: arial, times, georgia, sans-serif;
	min-width:974px;

}
#wrapper {
	
	/*height:100%;
	background-color:#324F78;
	*/
	/*width:100%;*/
	/*background: #bbff02 url(2.gif);*/
	
	margin: 0px auto;
	/*margin-top:-10px;*/
	/*background-color:#324F78;*/
	border:1px solid silver;
	/*background-color:#B01B15;*/
	background-color:white;
		width: 974px;
	
	
	
}
a {
	color:#324F78;
	text-decoration:none;
	text-align:left;
}

a:hover {
	color:#40A7D6;
	text-decoration:underline;
}

img{
	text-align:center;
	padding:0px;
	margin-right:0px;
	border:0px solid #c4c4c4;
}

acronym
{
	border-bottom:1px dotted #404040;
	cursor:help;
}

img.left {
	float:left;
	padding:1px;
	margin-right:3px;
	border:1px solid #c4c4c4;
}

img.right {
	float:right;
	padding:3px;
	margin-right:2px;
	border:1px solid #c4c4c4;
}

img:hover {
	border:1px solid #4BA9E9;
	background:#EbF1F5;
}




/********************* Search form  ******************/
.text {
	height:14px;
	width:110px;
}

.go {
	height:21px;
	background:#65A8C9;
	color:#fff;
	font-family:helvetica;
	font-weight:bold;
}

/***************** TEXT IN THE HEADER **************************/

#top h1 {
	padding:0;
	margin:0;
	height:170px;
	/* A mettre en commentaire pour le flash */
	/*background-image:url(logo_crl_2009.jpg);*/
	background-repeat:no-repeat;
	background-position:center right;
	}

/*************************** HEADER PROPERTIES ************************/

	#top 
	{
		margin-bottom:0;
		padding:0px;
		height:170px;
		/* A mettre en commentaire pour le flash */
		/*background:url(/NR/Shared/crl/bandeau_2009.jpg) no-repeat; */
		background-position:top left;
		width:100%;
		background-color:white;
	}
	
	#menu
	{	
		/*width:100%;*/
		/*padding-top:10px;*/
		/*margin-bottom:-10px;*/
		/*dding-bottom:-10px;*/
		padding-left:15px;
		height:39px;
		/*background-image:url(/NR/Shared/crl/bandeau_menu.jpg);*/
		vertical-align:middle;
		/*background-color:#B01B15;*/
		background-color:#9D9EA0;
		border-bottom:1px solid #9D9EA0;
		/*border:4px inset #324F78;*/
	}
	
	#menu img
	{
		border:0;
	}
	#menu a
	{
	
		color: white;
		font-weight:600;
		font-size:1em;
	}
	#menu a:hover
	{
	padding-top:10px;
	color:#B01B15;
		/*color: #9D9EA0;*/
		font-weight:600;
		font-size:1em;
		text-decoration:none;
	}
	
	#menu #selected
	{
	color:#B01B15;
		/*color: #9D9EA0;*/
		font-weight:600;
		font-size:1em;
		text-decoration:none;
	}
	

/************************ LEFT SIDE COLUMN *****************/

#left {
	float:left;
	/*position:absolute;*/
	left:0px;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	padding-top:20px;
	/*width:232px;*/
	width:150px;
	background-color: transparent;
	/*background-image : url(/NR/Shared/crl/bandeau_menu.gif) repeat-y;*/
	}
	
#left ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: arial, Helvetica, sans-serif;
}

#left li { margin: 0 0 1px 0; }

#left a
{
font-size:0.9em;
display: block;
padding: 5px 5px;
width: 90%;
color: #fff;
background-color: #B01B15;;
text-decoration: none;
}
#active a
{color:#9D9EA0;}
#subnavlist #subactive a
{color:#9D9EA0;}


#left a:hover
{
	color: #fff;
	background-color: #9C201C;
	text-decoration: none;
}
#left li img{/*padding:10px;*/}
#left ul ul li { margin: 0 0 0 0; }

#left ul ul a
{
	display: block;
	padding: 5px 5px 5px 5px;
	width: 90%;
	color: #fff;
	font-size:0.9em;
	background-color: #CE332D;
	text-decoration: none;
}

#left ul ul a:hover
{
	color: #fff;
	background-color: #9C201C;
	text-decoration: none;
}


#left h1, #right h1 {
	font-size:15px;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
}

#left img
{border:0;}

#left p {
	font-size:10px;
	padding-bottom:10px;
	margin-top:-3px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	color:white;
}	


/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
	background-color:white;
	/*background-image:url(/NR/Shared/crl/img/logo_crl_filigrane.png);
	background-repeat:repeat;*/
	text-align:left;
	float:left;
	width:600px;
	
	line-height:1.5em;
	vertical-align:top;
	margin:0;
	padding:0;
	/*margin-left:232px;*/
	/*padding-top:10px;*/
	padding-left:10px;
	padding-right:2px;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
}
	
#middle p, p,div,td {
	font-size:12px;
	color:#404040;
	
}

#middle img{border:0px}

#middle a
{
	color:black;
	text-decoration:underline;
}
#middle a:hover
{
	color:#9D9EA0;
	text-decoration:underline;
}
#middle ul
{
 font-size:12px;
 color:#404040;
 list-style-image:url(/NR/Shared/crl/puce_fleche.gif);
}
#middle ul li{padding:2px;}

#middle h1 {
	color:#404040;
	font-family: arial, times, sans-serif;
	font-size:14px;
	font-weight:bols;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:3px;
	margin-bottom:0px;
	
}

#middle h2
{
	padding-top:0;
	margin-top:0;
		font-family: arial, times, sans-serif;
		color:#c4c4c4;
	font-size:10px;
	font-weight:normal;
	
}





/***************************  RIGHT COLUMN  *********************/

/*#middle #right {*/
#right{
/*position:relative;*/
	text-align:center;
	float:right;
	padding-left:0px;
	padding-top:20px;
	/*border:1px solid red;*/
	width:200px;
}

#right .news
{
border:1px solid black;
width:100%;
margin-right:5px;
	
}
#right  .title
{
	
	
	/*width:100%;*/
	color:white;
	font-weight:bold;
	Background-color:#B01B15;
	
	border-left:1px solid #B01B15;
	border-top:1px solid #B01B15;
	border-right:1px solid #B01B15;
	
	margin-right:2px;
}


#right a:link
{
	color:black;
}
#right a:hover
{
	color:black;
}

#right a:active
{
	color:black;
}
#right a:visited
{
	color:black;
}



#right  .bloc
{/*bg_news.jpg*/
	clear:both;
	text-align:left;
	/*width:100%;*/
	Background-color:white;
	
	
	
	border-left:1px solid silver;
	border-right:1px solid silver;
	color:#404040;
	padding-left:10px;
	padding-bottom:10px;
	
	margin-right:2px;
}

#right ul
{
	text-align:left;
		margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: arial, Helvetica, sans-serif;
}


#right img
{
	/*border:1px solid #C4C4C4;padding:1px;*/
}

/********************* THIS IS IMPORTANT. DONT ERASE OR MESS WITH IT ***********************/
.clear {
	clear:both;
	line-height:0;
	margin:0;
	padding:0;
	}
/*************************** OK *********/


/********************************************    FOOTER  *****************/

#footer {
	border-top:1px solid #c4c4c4;
	background-color:white;
	background-color:#9D9EA0;
	/*background-color:#B01B15;*/
	padding-top:5px;
	text-align:center;
	width:100%;
	
	
}

.footer {
	margin-top:-2px;
	color:white;
}