body 
	{
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	background: #A1B4CD;
	margin: 0;
	padding: 0;
	text-align: center;
}

p 
	{ 
		margin-top: 0px; 
	}
	
h3 
	{ 
		font: bold 140% trebuchet ms;
		letter-spacing: -1px; 
		margin-bottom: 0; 
		color: #c96;
	}
h4
{
	font: bold 140% trebuchet ms;
	letter-spacing: -1px;
	margin-bottom: 0;
	color: #9F9F9F;
}
ul 
{
list-style-type: none;
}
a:link 
	{ 
		text-decoration: none;
		color: #369;
	}
	
a:visited 
	{ 
		text-decoration: none;	
		color: #369;
	}
	
a:hover, a:active 
	{ 
		text-decoration: none;
		color: #036;
	}



#container 
	{
		position: relative;
		background: #FFFBDF url(fade.gif) no-repeat 0 92px;
		margin: 0 auto 10px auto;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		text-align: left;
 		width: 800px;
	}

#pageHeader
	{
	height: 92px;
	background: url(images/top.jpg) no-repeat top left;
}

#pageHeader h1, #pageHeader h2 span
	{ 
		margin: 0;
		padding: 0;
		display: none;
	}
	
#pageHeader h2 
	{
	position: absolute;
	top: 110px;
	left: 20px;
	padding: 0;
	margin: 0;
	background: url(images/tagline.png) no-repeat top left;
	width: 528px;
	height: 74px;
}



#quickSummary 
	{
		position: absolute;
		top: 92px;
		right: 0;
		left: auto;
		z-index: 2;
		width: 298px; 
  		voice-family: "\"}\""; 
  		voice-family:inherit;
 		width: 300px;
	}

html>body #quickSummary
	{
  		width: 300px;
	} 

#quickSummary p 
	{
		margin: 15px 15px 15px 15px; 
		font-style: italic;
		font-size: 140%; 
		font-family: "trebuchet ms";
		font-weight: bold;
		line-height: 1.5em;
		color: #444;
	}

#quickSummary p.p2 
	{
		font-style: normal;
		font-weight: normal;
		font-size: 100%;
		margin-top: 0;
	}

#preamble 
	{
		margin: 104px 340px 0px 20px;
	}
	
#supportingText 
	{
		padding-left: 20px; 
		margin: 0 350px 40px 0;
	}

#footer 
	{ 
		border-top: 1px dotted #CDC4AC;
		padding-top: 6px;
		text-align: center;
	}
	
#footer a:link, #footer a:visited 
	{ 
		margin-right: 6px;
	}



#linkList 
	{
	position: absolute;
	top: 92px;
	right: 0;
	left: auto;
	width: 300px;
	padding: 0;
	border-left: 1px solid #CDC4AC;
	border-bottom: 1px solid #CDC4AC;
	background: #E5E0D4 url(images/zen2.jpg) no-repeat;
	z-index: 1;
}
	
#linkList2 
	{ 
		margin: 190px 15px 15px 15px; 
	}

#linkList h3
	{
		color: #635F57;
		font-family: trebuchet ms;
		font-size: 120%;
		margin: 0 0 6px 0;
		padding: 0;
	}	
	
#linkList ul
	{
		margin: 0px;
		padding: 0px;
	}
#linkList li
	{
		display: block; 
		margin-bottom: 2px;
		padding-left: 14px;
		background: url(arrow.gif) no-repeat 0 5px;
		list-style-type: none;
	}
	
#linkList li a:link
	{ 
		color: #c96;
		border-bottom: none;
	}
	
#linkList li a:visited
	{
		color: #c96;
		border-bottom: none;
	}
	
#linkList li a:hover
	{
		color: #963;
	}




#lselect
	{
		padding: 12px 0 12px 0;
		border-top: 1px dashed #CDC4AC;
		border-bottom: 1px dashed #CDC4AC;
	}
	
#lresources
	{
		margin-top: 12px;
	}

.grise {
	border-style: none;
	border-width: 1px;
	border-color: black;
	background-color: transparent;
	width: 225px;
	padding: 10px;
	height: 250px;
	float: left;
}
.black {
	border-style: none;
	border-width: 1px;
	border-color: black;
	background-color: #FFFBDF;
	
}

.blue {
	border-style: none;
	border-width: 1px;
	border-color: blue;
	margin-left: 225px;
	width: 225px;
	padding: 10px;
	height: 250px;
}

.bloc1 
{
	background-color: #CACDA1;
	height: 50px;
	width: 200px;
	float: left;
	text-align: center;
}
.bloc2 
{
	background-color: #B3CDA1;
	height: 50px;
	width: 200px;
	float: left;
	margin-left: 20px;
	text-align: center;
}
.bloc3 
{
	background-color: #CDBAA1;
	height: 50px;
	width: 200px;
	float: left;
	margin-left: 20px;
	text-align: center;
}

.bloc1 a:hover {
	background: #D8E8CC;
}
.bloc2 a:hover {
	background: #D8E9CC;
}
.bloc3 a:hover {
	background: #EADBCD;
}