body {
	margin:0 auto;
	/*background:#afafaf url(../images/bg.jpg) repeat-x top left;*/
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 80%; color:#333;
	width:896px;
}

img	{border:none;}
a img.linked, a:visited img.linked {border:1px solid #fff;}
a:hover img.linked, a:active img.linked {border:1px solid #999;}

h1	{font-size:16px; margin:15px 0;}
h2	{font-size:14px; margin:15px 0;}
h3	{font-size:12px; margin:10px 0;}
h4	{font-size:12px; margin:10px 0;}

a, a:visited, a:active {font-size: 12px; color: #999; text-decoration:none;}
a:hover	{color:#aaa;}

ul.list {
	margin-top:5px;
}
ul.list li	{
	margin-left:-15px;
	list-style: outside url(../images/puce-black.png);
}

blockquote	{
	margin:0;
	font: 12px Arial, sans-serif;
	font-style: italic;
	font-weight:normal;
}

.spacer	{
	margin:0; padding:0;
	border-top:1px solid #CCC;
	color:#FFF;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.clear {clear: both}



#header	{
	margin:0 auto; padding:0;
	width:896px;
	border-bottom:1px solid #CCC;
}

#logo a	{
	margin:0 auto; padding:0;
	float:left;
	width:331px;
	height:93px;
	background:url(../images/logo.jpg) no-repeat top left;
}

#slideshow	{
	background:url(../images/banner.png) no-repeat;
	width:896px;
	height:204px;
}

#navbar	{
	margin:0 auto; padding:45px 0 0 0;
	margin-left:475px;
	/**** See the rest of the styles for the navabr at the bottom of this stylesheet ****/
}

#main	{
	margin:0 auto; padding:0;
	width:896px;
}

#main-title1	{
	margin:0; padding:0;
	width:350px; height:50px;
	background:url(../images/main-title1.png) no-repeat top left;
	text-indent:-9999px;
}
#main-title2	{
	margin:0; padding:0;
	width:250px; height:50px;
	background:url(../images/main-title2.png) no-repeat top left;
	text-indent:-9999px;
}
#main-title3	{
	margin:0; padding:0;
	width:250px; height:50px;
	background:url(../images/main-title3.png) no-repeat top left;
	text-indent:-9999px;
}
#main-title4	{
	margin:0; padding:0;
	width:310px; height:50px;
	background:url(../images/main-title4.png) no-repeat top left;
	text-indent:-9999px;
}
#main-title5	{
	margin:0; padding:0;
	width:250px; height:50px;
	background:url(../images/main-title5.png) no-repeat top left;
	text-indent:-9999px;
}

#subtitle-bg	{
	margin:20px 0 0 8px;
	padding:0;
	position:relative;
}

.subtitle-bg	{
	padding:10px;
	width:555px;
	height:24px;
	position:absolute;
	top:-12px; left:0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	background: url(../images/subtitle-bg.png) no-repeat top left;
}

#pdf	{
	margin:0; padding:0;
	margin-top:5px;
	position:relative;
}

#pdf .pdf .title	{
	font-weight:bold;
	font-style:italic;
}
#pdf .pdf .description	{
	color:#666;
}

#pdf a.pdf	{
	display:block;
	padding:15px 0 0 150px;
	width:448px;
	height:120px;
	background:#F1F1F1 url(../images/pdf-sprite.png) no-repeat top left;
}
#pdf a:hover.pdf	{
	color:#999;
}
#pdf a span.pdf-over	{
	display:block;
	position:absolute;
	top:0; left:0;
	z-index:100;
	padding:15px 0 0 150px;
	width:448px;
	height:120px;
	background:url(../images/pdf-sprite.png) no-repeat bottom left;
}

#colleft	{
	margin:0 auto;
	float:left;
	padding:18px 10px;
	width:598px;
	background:#FFF;
}

#colright	{
	margin:0 auto;
	padding:10px;
	margin-left:619px;
	width:257px;
	background:#fff url(../images/colright-bg.png) no-repeat top left;
}
#box-content	{
	margin:0 auto;
	padding:10px 10px 10px 30px;
	width:220px;
	/*background:#DDD;*/
}
#box-content th	{
	text-align:left;
	font-size:17px;
	font-weight:normal;
}
#box-title	{
	margin-top:20px;
}
.box-dates-title	{
	margin:0 auto; padding:0;
	margin-left:8px;
	text-indent:-9999px;
	width:264px;
	height:47px;
	background:url(../images/box-dates-title.png) no-repeat top left;
}
.box-newsletter-title	{
	margin:0 auto; padding:0;
	margin-left:8px;
	text-indent:-9999px;
	width:264px;
	height:47px;
	background:url(../images/box-newsletter-title.png) no-repeat top left;
}
.newsletter-form{
	font-size:12px;}
.newsletter-form input{
	width:100%;
	margin:3px 0;}
.newsletter-form .info{
	font-size:10px;}






#footer	{
	margin:0 auto; padding:20px 15px 20px 15px;
	font-size:10px;
	color:#666;
	background-color:#ddd;
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	
}






/****** Navbar styles ******************************/

ul.topnav {
	list-style: none;
	padding: 0 0;	
	margin: 0;
	float: left;
	width: 420px;
	font-size: 14px;
	/*background: url(images/navbar-bg.jpg) repeat-x;*/
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 4px 10px;
	color: #666;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	padding: 4px 10px;
	background: #ddd center center;		
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(images/topnav-arrow-down.png) no-repeat center;
}
ul.topnav li span.subhover {background: url(images/topnav-arrow-down-hover.jpg) no-repeat center; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 36px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #e2e2e2;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #F1F1F1; /*--Create bevel effect--*/
	border-bottom: 1px solid #ccc; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #e2e2e2 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #F1F1F1 url(images/dropdown_linkbg.gif) no-repeat 10px center; 
}

/****** Help Tooltip ******************************/
.tooltip {
    margin: 0; padding: 0;
    width: 16px;
    position: relative;
}
div.tooltip span {
	padding:10px;
	background: #fff6c3 url(bubble.png) no-repeat;
	border: 2px solid #ffee96;
	width: 250px; 
	position: absolute;
	top:0; left:25px;
	z-index: 2;
	display: none;
	text-align:left;
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	}
#tooltip {
	margin:0;
	background: url(../images/help.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	}