#sub_header ul{list-style:none;float:right}
	#sub_header ul li, #sub_header ul li a{float:left;display:block;height:65px}
	#sub_header ul li a{text-indent:-9000px;position:relative}
	#sub_header ul li.sub_header_panier a{background:url(../images/home_btn.gif) no-repeat left top;width:100px;z-index:1;margin-right:-30px}
	#sub_header ul li.sub_header_compte a{background:url(../images/about_btn.gif) no-repeat left top;width:125px;z-index:2;margin-right:-47px}
	#sub_header ul li.sub_header_contact a{background:url(../images/contact_btn.gif) no-repeat left top;width:100px;z-index:3}
	#sub_header ul li, #sub_header ul li a:hover{background-position:left -65px}
	#sub_header p{float:left;font-weight:bold;float:left;padding:3px 0 0 20px;color:white}
	#sub_header p span{color:#B6CC29}



#contenttop{
background: transparent url(../images/top-right.gif) no-repeat top right;
position:relative;
}

#contentbottom{
background: transparent url(../images/bottom-right.gif) no-repeat bottom right;
position:relative;
}

h1 {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;		
	font-size: 16px;	
	font-weight: bold;
	padding-bottom: 20px;
	color: #208d00;
}


.yala{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;		
	font-size: 16px;		
	color:#be8807;
	font-weight: bold;	
}




/*** Tab menu ***/
#tabs {
	float:right;
	width:auto;
	position: relative;
	}

#tabs ul {
	margin:0;
	padding:5px 5px 0 0px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	font: bold 12px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;	
	}

#tabs a {
	float:right;
	background:url("../images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:right;
	display:block;
	background:url("../images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
}




/*** 3 menu ***/

.boxmenu{
	max-width: 100%;
	padding: 0px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 14px;
	color:#000;
}

.menubox, .menubox div,.menubox a, .menubox img {
	padding:1px;
	border-width:1px; 
	border-style:solid;
/*Just so I could see margins, borders padding*/
}

.menubox {-moz-border-radius: 5px; /*mozilla round corners*/
	display: -moz-inline-stack; /*mozilla */
	display: inline-block;
	width: 31%;
	border-color:#cebb9c;
	background: #f2dcb7;
	vertical-align: top;
	text-align: left;
	margin-bottom: 15px;
	margin-right: 4px;
}

.menubox div {
	display: block;
	border-color:#DADADA; 
	background: #CDCDCD;
	}

.menubox a {
	display:inherit;
	display:block;
	/* display:block; for mouse keyboard focus border in non IE */
	position:relative;
	/* FF fix
	Problem with the above, if we use that, Opera loses every second image!
	solved it by adding position:inherit to the image.*/
	border-color:#C1C1C1; 
	}

.menubox a:focus, .menubox a:active, .menubox a:hover {
	border-color:#000;
}
.menubox img {
	position:inherit; 
	border-color:#A7A7A7; 
	background:#9A9A9A;
	}
/* Fix for Opera second image problem. */ 


.menuboxtitle{
	font: bold 14px Helvetica, Arial, sans-serif;
	padding: 2px;
	margin: 0px;
}
.menuboxinfo{
	font: 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	width: 100%;
	padding: 5px;
}

.menuboxheight{
	height: 95px;
	padding:1px;
	border:1px solid #FFF;
	margin: 0px;
}


/*** NAV ***/
#nav {
	padding: 4px 0 0 3px;
	display: block;
	font-size: 12px;
	margin: 0;
	position: relative;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

#nav li, #nav li a {
	background: url("../images/nav.jpg") no-repeat;
	width: 200px;
	height: 31px;
	display: block;
	color: #5b2609;
	text-decoration: none;
	text-indent: 15px;
	line-height: 31px;
}

#nav li a:hover {
	background: url("../images/nav.jpg") bottom left no-repeat;
	color: #ce6204;
}


/*** Main Navigation ***/

#main-nav {
	list-style:none;
	margin:0;
	padding:0 0 0 9px;
	background:url(../images/navstrip.gif) no-repeat;
	width:190px;
	font: 12px bold "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	border-right: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}

#main-nav li {
	line-height:28px;
	height:28px;
	border-bottom:1px solid #d2d4d5; 
	list-style:none;
		}
	
* html #main-nav li {line-height:26px;height:26px;}
*:first-child+html #main-nav li {line-height:26px;height:26px;}
#main-nav li a {display:block;padding-left:10px;color:#1d282d;font-weight:bold;}
#main-nav li a:hover {text-decoration:none;color:#fff;}

#mainattraction a:hover {background:#03429f;}
#festivaldates a:hover {background:#6b90c7;}
#factandweather a:hover {background:#009abf;}
#destinations a:hover {background:#8d9f19;}
#monastries a:hover {background:#ffa70f;}
#religion a:hover {background:#ea4d00;}
#subscribe a:hover {background:#be3201;}
#advertise a:hover {background:#1d282d;}



/* Curly Box  */
#curlycontainer{
border: 1px solid #dfd2b7;
width: 99%;
clear: none;
background: #f3f3f3;
}

#curlycontainer #innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 10px 15px 5px;
font: 12px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-align:justify;
}

#curlycontainer #innerdiv h2{
	font: 18px bold "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	padding: 5px 0px 10px 5px;
	color:#690;
}


#destinationbox {
	padding: 2px 5px 5px 35px;
	line-height: 1.6em;
}

.leftimg{
	padding: 5px;
	border: 1px solid #e5e5e5;
	margin: 5px 15px 5px 0px;
}

.rightimg{
	padding: 5px;
	border: 1px solid #e5e5e5;
	margin: 5px 0px 5px 15px;
}

.footerlink{
	color:#806747;
	text-decoration:none;
}


/* Form */

.form p{
	width: 70%;
	left: auto;
	right: auto;
	margin: 0;
	padding: 7px 0 5px 0;
	padding-left: 170px; 
	border-top: 1px solid #e6e0d0;
	height: 1%;
}

.form label{
	font-weight: bold;
	float: left;
	margin-left: -160px; 
	width: 150px; 
}

.form input[type="text"]{ 
	width: 145px;
}

.form textarea{
	width: 200px;
	height: 70px;
}

/*** Boxes ***/
.wordbox{
	height: 35px;
	padding: 2px;
	padding-left: 45px;
	font-family: Arial, Helvetica;
	font-size: 14px;
	background: transparent url('../images/word_icon.gif') no-repeat top left;
}

.pdfbox{
	height: 35px;
	padding: 2px;
	padding-left: 45px;
	font-family: Arial, Helvetica;
	font-size: 14px;
	background: transparent url('../images/pdf_icon.gif') no-repeat top left;
}


/*** OVEL BOTTOM ***/
a.ovalbutton{
background: transparent url('../images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 95%;
}
* html .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 90%;
}

td{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	padding-left: 5px;
}