@charset "utf-8";
/*
 * MAIN CSS Expomedia
 * @author	Renaud Thinel <r.thinel@essensys.ca>
 * @date	2010-04-19
 * @modif	2010-04-19
 */
 
a{
	text-decoration:none;
	color:#FFF;
}

hr{
	display:block;
	border:0px;
	padding:0px;
	margin:20px 0px;
	height:1px;
	background-color:#9f9f9f;
}

strong{
	font-weight:bold;
}

body{
	background-color:#270305;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bckg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	color:#333;
}

.clear{
	clear:both;
}

/* HEADER */

#menu_container{
	background-color:#231f20;
	font-size:12px;
	text-transform:uppercase;
	width:960px;
	margin:0 auto;
/*	border-top:#FFF solid 3px;*/
}

#menu_container ul{
	width:960px;
	height:40px;
	float:left;
}

#menu_container ul li{
	width:191px;
	height:40px;
	float:left;
	border-right:1px dashed #4e6278;
}

#menu_container ul li.last{
	border:0px;
	width:192px;
}

#menu_container a{
	display:block;
	color:#FFF;
	width:100%;
	height:28px;
	padding-top:12px;
	text-align:center;
}

#menu_container a:hover{
	background-color:#554f52;
	text-decoration:underline;
}

.active{
	background-color:#554f52;
	background-image:url(../images/active.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#banner_container{
	margin:0 auto;
	width:940px;
	height:280px;
	position:relative;
	padding-top:10px;
}

#logo_container{
	width:178px;
	height:178px;
	position:absolute;
	top:0px;
	z-index:1000;
	left:10px;
}


/* CONTENT */

#content_container{
	/*width:840px;*/
	width:900px;
	margin:0 auto;
	background-color:#bcbcbc;
	/*padding:30px 50px 50px 50px;*/
	padding:20px;
	font-size:12px;
}

#content_container table, #content_container td, #content_container tr, #content_container tbody{
	border:none;
	border-collapse:collapse;
}

#content_container table.calendar{
	width:100%;
	border-collapse:collapse;
}

#content_container table.calendar table.title{
	width:100%;
	margin-bottom:10px;
}

#content_container table.calendar table.title td.hr{
	width:100%;
	background-color:#554f52;
	height:8px;
	font-size:0px;
}

#content_container h1{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

#content_container h2{
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

#content_container span.h1{
	background-color:#d72128;
	color:#FFF;
	font-size:24px;
	text-transform:uppercase;
	padding:2px 10px 0px 10px;
}

#content_container span.h2{
	background-color:#554f52;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px 10px 0px 10px;
}

#content_container a{
	font-weight:bold;
}

#content_container a:hover{
	text-decoration:underline;
}

#content_container span.hr{
	display:block;
	height:8px;
	width:100%;
	margin:0 0 10px 0;
	background-color:#d72128;
}

#content_container #col1 .hr, #content_container #col2 .hr{
	background-color:#554f52;
}

#content_container #col1, #content_container #col2{
	float:left;
	width:340px;
	text-align:justify;
}

#content_container #col2{
	margin:0 0 0 20px;
}

#content_container #main{
	float:left;
	width:700px;
}

#content_container #main img{
	padding:5px;
	background-color:#FFF;
}

#content_container #main #colspan{
	float:left;
	width:700px;
	margin:0 0 20px 0;
	text-align:justify;
}

#content_container #main #colspan form{
	display:block;
	width:660px;
	background-color:#CCC;
	padding:20px 20px 10px 20px;
	margin-top:20px;
	float:left;
}

#content_container #main #colspan form label{
	float:left;
	display:block;
	width:350px;
	margin-bottom:10px;
	font-size:11px;
	padding-top:3px;
	color:#666;
}

#content_container #main #colspan form input{
	float:left;
	display:block;
	width:300px;
	margin-bottom:10px;
	border:0px;
}

#content_container #main #colspan form input.submit{
	width:100px;
	background-color:#231f20;
	border:0px;
	padding:6px 0px;
	color:#fff;
	margin:0px;
}

#content_container #main #colspan form label.submit{
	float:left;
	display:block;
	width:100%;
	background-color:#3c3638;
	padding:0px;
}

#content_container #main #colspan form input.submit:hover{
	background-color:#554f52;
	text-decoration:underline;
}

#content_container #main #colspan form textarea{
	float:left;
	display:block;
	width:300px;
	height:100px;
	margin-bottom:10px;
	border:0px;
}

#content_container #sidebar{
	width:150px;
	height:600px;
	padding:10px;
	float:left;
	margin:0 0 0 30px;
	background-color:#cccccc;
}


/* FOOTER */

#footer_container{
	background-color:#554f52;
	width:900px;
	margin:0 auto 20px auto;
	color:#FFF;
	padding:20px;
	position:relative;
}

#footer_container h2{
	font-size:14px;
	font-weight:bold;
}

#footer_container ul{
	font-size:12px;
}

#footer_container ul li{
	list-style:none;
	font-size:12px;
}

#footer_container a:hover{
	text-decoration:underline;
}

#footer_expomedia{
	width:480px;
	font-size:10px;
	margin:20px 0 0 0;
}

#footer_expomedia img{
	float:left;
	width:73px;
	height:73px;
	margin:0 10px 0 0;
}

#footer_expomedia div{
	width:360px;
	font-size:9px;
	float:left;
}

#footer_copyright{
	position:absolute;
	top:140px;
	right:20px;
	font-size:10px;
	text-align:right;
}

#footer_copyright div{
	margin-top:5px;
}

#footer_contact{
	position:absolute;
	top:20px;
	right:20px;
	text-align:right;
}

#footer_contact h1{
	font-size:32px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#footer_contact h3{
	font-size:24px;
}

#footer_contact p{
	font-size:18px;
}