/* CSS Document */
*{  
    margin: 0; 
    padding: 0; 
    border: 0; 
}
/*body */

body {
	background-color:#fff;
	font-family: "Times New Roman", Times, serif;
	font-size:100.01%;
	font-size:0.9em;
	margin:0;
	padding:0;
	}


/* content start */


#wrapper {
	background:url(body_bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	width:909px;
	margin:0 auto;
	}
	#header {
	background-image:url(head.jpg);
	position: relative;
	background-repeat:no-repeat;
	width:909px;
	height:205px;
	} 
	/*innerWrapper*/
	#innerWrapper{
	width:849px;
	padding:10px 40px 0px 20px;
	height:auto;
	}
	.left_side { float: left; width: 232px; padding: 10px 10px 10px 10px; }
	h3 {
	text-align:center;
	}
.right_side {float: right; width: 540px; margin:20px 10px 0 10px; padding: 0 10px 0 10px; text-align: justify; }
	
	.box_top {
		background: #ADA751 url(box_top.gif) no-repeat;
		color:#000;
		height:31px;
		width:236px;
	}
	
.box_top h2 {
		color: #000;
		text-align:center;
		font-size:8px;
		background: inherit;
		padding:0 0 0 5px;
		margin: 0;
	}
.box {
		color: #000;
		background: #ADA751 url(box.gif);
		background-repeat: repeat-y;
		width:236px;
		
	}
	
	.box_bottom {
		color: #000;
		background: #ADA751 url(box_bottom.gif) no-repeat;
		height: 20px;
		width:236px;
		margin: 0 0 7px 0;
	}
	a {
	color: #CC3300;
	font-style:italic;
	}
	.fontSize {	padding:30px 0 0 0;}	
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
	margin: 0;
	padding:0 0 0 30px;
	list-style-type: none;
	width: 180px; /* Width of Menu Items */
	border-bottom: 1px dashed #C2B85D;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
padding:0;
width:100px; /*sub menu width*/
top: 0;
visibility: hidden;
background-color: #EDEB74;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 1px 5px;
border: 1px dashed #C2B85D;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #EDEB74;
}

.suckerdiv .subfolderstyle{
background: url(arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/*texte*/


.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote{
clear:both;
font-size: 100%;
border:2px dotted #EDEB74;
background:#fff;
width:500px;
padding: 10px;
margin:10px 0 10px 0;
}
blockquote:hover {
border:2px dashed red;
} 
blockquote p {
color:#000;
}
.giiguulegch {height: 300;}

.clear {clear:both;}

	
	/*Footer */
	#footer {
	font-size:12px;
	text-align:center;
	height: 78px;
	background-image: url(footer.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#000;
	clear:both;
	
	}
	.bottom { 
	font-size:12px;
	clear: both; 
	text-align: center;
	color: #000;
	background: #fff;
	padding: 10px 0 5px 0;
}
.bottom p {	line-height: 2em; }
.bottom a {	color: #000; background:#fff; border-bottom: 1px dotted #fff; text-decoration: none; } 
.words {
display:none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color:#C2B85D;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.tailbar{
font-size:120%;
font-weight:bold;
font-style:italic;
color: #FF0000;
}
.right {
float:right;
padding:5px;
}
.tx{ position: absolute; left: -5000px; }