/* 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(images/body_bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	width:909px;
	margin:0 auto;
	}
	#header {
	background-image:url(images/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(images/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(images/box.gif);
		background-repeat: repeat-y;
		width:236px;
		
	}
	
	.box_bottom {
		color: #000;
		background: #ADA751 url(images/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(images/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(images/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;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.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 on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/* Image Viewer */

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

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

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

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* Text tailbar*/

.tailbar{
font-size:120%;
font-weight:bold;
font-style:italic;
color: #FF0000;
}
.right {
float:right;
padding:5px;
}
.tx{ position: absolute; left: -5000px; }
h1.medee{
display:none;
}

/* table */
table.sample {
	border-width: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-collapse: separate;
	border: 1px dashed #C2B85D;
}

table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	border: 1px dashed #C2B85D;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 10px 20px 10px 0px;
		display:block;
	}
	#gallery ul { 
		list-style: none; 
		background:none;
		display:block;
	}
	#gallery ul li{ 
	float:left;
	display: block; 
	background:none; 
	border-style:none;
	margin:2px;
	}
	#gallery ul img {
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
			margin:2px;
	}
	#gallery ul li a{
	display:block;
	border-style:none;
	}
	#gallery ul a:hover img {
	display:block;
		border-top: 1px solid #e04e3a;
		border-left: 1px solid #e04e3a;
		border-right: 1px solid #8c1505;
		border-bottom: 1px solid #8c1505;
		filter: alpha(opacity=70);
		opacity: 0.7;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE8 Specific--*/
	}
	#gallery ul a:hover { color: #000;
		}
/**
 * jQuery lightBox plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}