/********************************************
   AUTHORS: Erwin Aligam / doTemplate
  *******************************************/

* { margin: 0; padding: 0; outline: 0; }

body {
	background-color:#808080;
	margin:0;
	padding:0;
	text-align:center;
	color:#333333;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
}

#wrapper {
	width:820px;
    background:#808080 url(bg.jpg?z=63543) repeat-y center top;
    margin:0 auto;
    text-align:left;
}


#content-wrapper {
	width: 780px;
	margin: 0px auto;
	padding: 0;
}

#content-wrapper ul li{
margin-left:20px;}

#header {
	position: relative;
    height:151px;
	background: #caced1 url(header.jpg?z=63543) no-repeat center top;
	padding: 0;	
	color: #fff;
	margin-left:auto;
    margin-right:auto;
	width:820px;
}


 #nav1 {
	clear: both;	
	margin: 0 auto; 
	padding: 0;
	background: #FFFFFF  repeat-x;
	/**font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;**/
	height: 20px;
	width: 550px;
	border-top :1px solid #FFFFFF ;
	border-bottom : 1px solid #FFFFFF ;	
	float: left;
	margin-left: 22px;
}

#nav1 ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	border-right: 1px solid #ff841e ;
}

#nav1 ul li a:hover {
	background: #FF6600 url( selectedMenu.jpg?z=63543 ) repeat-x;
	color: #202020;	
}


li.current {
	background-color:#FF6600;
	color: #FFFFFF;
} 


 


#main {
	float: left;
	width: 530px;
	padding: 20px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
	background: url(box.jpg) no-repeat;
}


#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:10px 0pt 0pt 0pt ;
}

#main p, #sidebar p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#ca220c;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#ca220c;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
	color:#000000;
}

#main img {
	border:1px solid #CCC;
	padding:5px ;
}

a, a:visited {
	color:#FD7719;
	text-decoration:none;
}

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


#sidebar {
	float: right;
	width: 210px;
	padding: 0px
	margin: 10px 0 0 0;	
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #FFFFFF;
}


#sidebar *  {
	margin: 0px;
}
#sidebar2{
	margin-left: 10px;
}
#thumb17 {
	float: left;
	width:210px;
	height:30px;
	background: url(thumb1.jpeg?z=64815);
}
#thumb1 {
	border-top:9px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	clear: both;
	height: 30px;
	width: 209px;
	padding: 0;
	/**background: #FFF  no-repeat top left;
	margin-left: 5px;**/
}
#side-photo {
	border-top:1px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	clear: both;
	height: 30px;
	width: 21px;
	padding: 0;
	background: #FFF url(side-photo.jpg?z=64815) no-repeat top left;
	margin-left: 21px;
}
#Layer33 {
	position:left;
	left:165px;
	margin-left: 5px;
	top:150px;
	width:114px;
	height:18px;
	z-index:20;
	
}
#Layer34 {
	position:left;
	left:165px;
	margin-left: 5px;
	top:150px;
	width:114px;
	height:18px;
	z-index:20;
	
}
/**
#sidebar h3 {
	
	color: #E0E0E0;
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #d03400;	
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #d03400 ;
}


* html body #sidebar ul.sidemenu li {
	height: 1%;
}


#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #202020;				
}


#sidebar ul.sidemenu li a:hover {	
	color: #FD7719 ;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }
**/


#footer {
	color: #FFFFFF;
	background: #808080 url(footer.jpg?z=63543) no-repeat center top;
	clear: both;
	width:820px;
	height: 90px;
	text-align: center;	
	font-size: 8pt;	
}

#footer p { 
	padding: 10px 0;
	margin: 0;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none; 
}


.clear { clear: both; }


a, a:visited {
	text-decoration: none;
	background: inherit;
	color: #FD7719; 
}

a:hover {
	text-decoration: underline;
	background: inherit;
	color: #909090;
}

img {
	padding:0;
	margin:20px 10px 10px 10px;
	border:0px solid #DFDFDF;
}


/* extended styles */

.layout {
	margin:0;
}

		
.bloc-txt, .bloc-txt-txt, .bloc-img-txt, .bloc-txt-img, .bloc-img {
	margin:0;
	padding:0 5px 0 5px;
	clear:both;
}


.bloc-txt-txt .richtext, .bloc-img-txt .richtext, .bloc-img-txt .image,
.bloc-txt-img .richtext, .bloc-txt-img .image  {
	margin:0 ;
	width:48%;
	float:left;
}


.bloc-sep {
	width:20px;
	margin:0;
	padding:0;
	float:left;
}
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		padding:5px 4px 5px 5px;
		margin:0px;
		background-color:#FAFAFA;
		background-image:url(qmimages/gradient_16.gif);
		border-width:1px;
		border-style:solid;
		border-color:#FAFAFA;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 15px 3px 3px;
		margin:0px 20px 0px 0px;
		background-color:transparent;
		color:#2C2C2C;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		border-width:0px 1px 0px 0px;
		border-style:solid;
		border-color:#2C2C2C;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#808080;
		border-color:#F57B0A;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#808080;
		border-color:#F57B0A;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#808080;
		border-color:#F57B0A;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:15px;
		background-color:#FAFAFA;
		border-width:1px;
		border-style:solid;
		border-color:#F57B0A;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 5px;
		margin:0px;
		color:#545454;
		border-width:0px;
		border-color:#F57B0A;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#F57B0A;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#F57B0A;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#F57B0A;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#9E9E9E;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#2C2C2C;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_13.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li .qmparent	
	{	
		background-image:url(qmimages/arrow_12.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_15.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li .qmparent	
	{	
		background-image:url(qmimages/arrow_14.gif);
		background-repeat:no-repeat;
		background-position:90% 50%;
	}