/*  
Theme Name: Batavia 1.5
Theme URI: http://www.scarletblaze.com/wp/?p=3
Description: Batavia 1.5 is a theme for WordPress 1.5.  Batavia 1.5 is the "lite" version of Jakarta 1.5.  It  doesn't come with image. 
Version: 1
Author: Jose Mulia
Author URI: http://www.scarletblaze.com

NOTES:  http://127.0.0.1:84/BENVENISTE%5Cwp263-cab%5Cwp263cab-dd/?p=25     replace by
Historically, Batavia was the name of the settlement by the Dutch East India Company on the island of Java. 
It later became the capital of the Netherlands East Indies colony. 
After the independence of Indonesia, it was renamed Jakarta.
*/

/* BEGIN IMAGE CSS: place all the images here */

/* END IMAGE CSS */

/* General Layout */
HTML 
{  margin-top:-5px; margin-right:1px;margin-bottom:1px; margin-left:1px;/*was nil  */
	/*colors only the IE display, rather confusing for effects; see shadows color and then  
     scrollbar-face-color: #CBAC73;
	 scrollbar-arrow-color: #B08356;
	 scrollbar-track-color: #CBAC73;
	 scrollbar-shadow-color: #B08356;
	 scrollbar-highlight-color: #E4C58C;
	 scrollbar-3dlight-color: #E4C58C;
	 scrollbar-darkshadow-color: #B08356;*/
}  


BODY {
	FONT-SIZE:15px ;  /*was  62.5% */
	COLOR: #000000;  /* main text 867663*********************/
	FONT-FAMILY: Georgia,  "times New Roman", Times, Serif, Verdana;
	BACKGROUND-COLOR: rgb(242,221,183);  /*was  #ff0000; */
	/* MARGIN: 25px;   */    border-top: 1px solid rgb(250,240,250); border-right: 1px solid rgb(190,170,150);
  border-bottom: 1px solid rgb(120,120,120); border-left: 1px solid rgb(250,240,250);
	/* filter: Shadow(color:gray, strength:10, direction:135); cast shadows on various items : edges, texts,  */
	margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;  /*was auto , use with  height in "header" to set the top position in IE and FF */
}

#page {
	margin-top:-10px; margin-right:1px;margin-bottom:1px; margin-left:1px;/*was MARGIN: auto; */
		border-top:0px; border-right:0px;border-bottom:1px solid #aaaaaa; border-left:0px;/*was MARGIN: auto; */
	WIDTH: 98%;  /*was 760px */
/*	background-image: url(images/bandeau-orange1b.jpg);  */
	 BACKGROUND-COLOR: transparent; /*was ECDAB5  */
}

#header {  /** the banner is in the header on a layer   *******/
	margin-top:0 margin-right:0 margin-bottom:0 margin-left:0;  /*was auto */
	WIDTH: 100%;
	HEIGHT: 118px;  /* use with  margin-top in "body" to set the top position in IE and FF  *************************************************/
		FONT-SIZE:7px ;
	/**	background-image: url(images/bandeau-orange6b.jpg);  **/ /*bandeau-orange1.gif BACKGROUND-COLOR: #CCCC99;*/
		background-position: -200px 56%;
	  /* border-bottom-width: 10px;	border-bottom-style: solid;	border-bottom-color: #FF6600;    **/
/*	COLOR: #7D5B38;  */
}
#header a { 
	COLOR: #7D5B38;
	text-decoration: none;
}
 #header a:hover {       /*  ****************************** not needed for now, interacts with main color text changing on "hover"  */
	color: #660000;
	text-decoration: none;
}   /* ****************************************************************************** Rather see  ".widecolumn P:hover " ".narrowcolumn P:hover " /
#toolbar-top { FONT-SIZE: 7px; 
		FONT-FAMILY: Georgia,  "times New Roman", Times, Serif, Verdana;
			color: #aa0000; /* font-style: italic;  */
	WIDTH: 100%;
	HEIGHT: 65px;
}

 #toolbar-left {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 13px;  /* 1.3em;  */
	padding-top: 20px;
	padding-left: 20px;
	float: left;
	color: #FFFFCC;
	font-weight: bold;
}

  #toolbar-right {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 12px;
	padding-top: 20px;
	padding-right: 20px;
	text-align: right;
	color: #0000ff; /*was FFFFCC */
}   

#content { float: right; width:77%; /* float: left; */
	FONT-SIZE: 17px;/* 1.2em */
		BACKGROUND-COLOR: #ffffff;  /*added JMP  */
	padding: 5px; /* inside text */
	border-right-width: 1px; border-right-style: solid; 	border-right-color: #aaaaaa; /*was 7D5B38 */
	border-left-width: 1px; border-left-style: solid; 	border-left-color: #aaaaaa;
	/*TEXT-ALIGN: justify;  */
}

.narrowcolumn {  /* should put inside the sidebar the content of this narrowcolomn  */
	PADDING-RIGHT: 150px; /*was 15px  */
	/* PADDING-BOTTOM: 15px; */
	MARGIN: 2px;
/*	WIDTH: 50%;   was 500px,  useless, see #content  above  */
	PADDING-TOP: 5px;
	/*  FLOAT: left; useless, see #content  above  */
	padding-top: 10px;
	padding-left: 15px;
}
.widecolumn {
	PADDING-RIGHT: 15px;
	/* PADDING-BOTTOM: 15px; */
	MARGIN: 0px;
	WIDTH: 470px;
	PADDING-TOP: 10px;
	FLOAT: left;
	padding-top: 10px;
	padding-left: 15px;
		padding-right: 15px;
}

#headerimg {
	MARGIN: auto;
	BACKGROUND-COLOR: #FFFFCC;
	color:#999999;
	text-align: center; 
	width: 480px; 
	HEIGHT: 20px;
}

#sidebar {  float:left;
	WIDTH: 17%;
	/*  background-image: url(images/bandeau-cote-oran6d3.gif);   useless, probably, see " #sidebar "  below   ***************************************/
	/*margin-left: 85%; 550px  margin-top:30px; */
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; margin-top: 6px;margin-left: 2px;
	/* PADDING-BOTTOM: 10px; */
	PADDING-TOP: 20px;
  border-top: 1px solid rgb(250,240,250); border-right: 1px solid rgb(190,170,150);
  border-bottom: 1px solid rgb(120,120,120); border-left: 1px solid rgb(250,240,250);
}

/**************** end of added from Batavia  ********* replacing all the " .leftSideBar" by " #sidebar"   **************************/
/* ##### Left Side Bar - changed in right side bar   ########## changes for ++ marks and other bullets  in "collapsPage.php"   ################"##### */
#sidebar {  width:19% ;  /* was16.8em 12.5em  */  float: left;  /*was left  */  clear: left;  /*was left  */
  background-image: url(images/bandeau-cote-oran6d6.gif); background-position: -200px 50%;  /* added JMP  */   /*  padding-top: 10px; */
  margin: -10px 2px 1px 1px;  /*2ex 0.75ex 0 0;  added jmp NO effect ! ! !  */   /*  border: 1px solid rgb(216,210,195);  modif. jmp 216,210,195 */
  padding-top: -30px; /* to get some clearance from the top, for switch-language, the only trick that works.  */
  border-top: 1px solid rgb(250,240,250); border-right: 1px solid rgb(190,170,150);
  border-bottom: 1px solid rgb(120,120,120); border-left: 1px solid rgb(250,240,250);}

#sidebar #sidebarTitle {  color: #aa0000;  /*was rgb(64,64,64);  *****************************************************/
  background-color: rgb(255,199,157);  /*was 255,176,119  230,223,207  */ font-size: 13px; /*added JMP*/ font-weight: bold;  margin: 8px 8px;  padding: 5px 5px;    
 /*was   margin: 0;  padding: 0.8ex 1ex;  */    border-top: 1px solid rgb(120,120,120);    border-right: 1px solid rgb(240,230,220);
	border-bottom: 1px solid rgb(250,240,250);  border-left: 1px solid rgb(170,150,130);}
  /*added JMP  ***********************/

#sidebar ul { font-size: 12px;/*added JMP  */  list-style-type: none;  list-style-position: outside;color: #cc0000;  /*colors only the bullet on the left  */
  /* font-weight: bold;  */  margin: 0 0 6px 2px;  padding: 0;}
  /*.leftSideBar ul ul li {list-style-image: url(images/bg.gif); }    false good idea  */
#sidebar ul ul li a {font-weight:700;color:#B08EAE; /** #b35a00 **/} /* ACTS on 1rst line MENU in IE, not inFF. - background-image: url(images/backBeigeClai3-4a4x4.gif;  backRed10x10.jpg)  #B35A00;  was  normal  added JMP  COLORS MAIN PAGES */
#sidebar ul ul ul li a {font-weight:700;/** main pages  **/  color:#b35a00;}  /*background-color: transparent;  color:#bb8888;   background-image: url(images/bg.gif);   background-repeat: no-repeat;   */  /*was  normal  added JMP  */
/**********  sub-menus  **************************/
#sidebar ul ul ul ul li a {font-weight:500;color:#845B82; text-indent:10px; line-height:8px; /** #bb8888  **/background-image: url(images/);}/*  backRed10x10.jpg */

 /* font-weight: bold;  */
  margin: 0 0 6px 0;  /* 0 0 1em 0;  margin between main pages **********/
  padding: 0;
}

#sidebar li {
    font-weight: 700;   /*  background: url(images/list.png) 0 24px no-repeat; on overall list , puce-rectan_orange.gif  not precise */
	/*	background: url(images/list.png) 0 4px no-repeat; not very good */
  margin: 1px 4px 1px 4px;  /*  1ex  */
  padding: 0 0 0 0;
}

#sidebar a {
  color:#ff8000;  /* #999999   was rgb(166,140,83);  see menu  *********************************************/
  background-color: transparent;
  text-decoration: none;
}

#sidebar a:hover {
  color: #ff0000; /** font-weight: 700; font-style:italic; **/ /*was rgb(64,64,64);  works, all level *****************************************/
  background-color: transparent;
  text-decoration: none;
}

#sidebar .sideBarText {
  color: #00ff00; /*was  rgb(166,140,83);  */
  background-color: transparent;
  line-height: 12px;   /*  1.25em */
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}
.leftSideComments {
  color: rgb(166,140,83);
  background-color: transparent;
  font-style:italic;
  line-height: 1.25em;  /*  1.25em */
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}
#sidebar .sideBarText a {
  text-decoration: underline;
}

#sidebar .sideBarText a:hover {
  text-decoration: none;
}

#sidebar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}


/***********************************************end of added from gila (and old Batavia  ) **************************/
.post {
	MARGIN: 0px 0px 40px 3px; /*for main text on page  */
}

#footer {
	CLEAR: both;
	MARGIN: 0px;
	WIDTH: 100%;  /* was 760px  */
	color:#7D5B38; /* was   */
	height: 46px;
	BACKGROUND-COLOR: transparent;  /* was  #CCCC99 */
}
/********************added JMP  ************************/
#footer p{	padding: 10px;	margin: 0; 	font-size: 12px; font-weight: normal;	}
#footer p.up{	float: right;}
#footer p.badbeha{	float: right; font-family: Georgia, serif; color:#888888; font-size: 9px;}
#footer p.badbeha a{ color:#888888;}
#footer p.up a{ padding-right: 200px;	background: url(images/top.gif) top left no-repeat;}  /*  top right no-repeat;  */
/******************** end added JMP  ************************/
/* Content / attribute */
.widecolumn .entry P {
	FONT-SIZE: 1.05em
}

/* .widecolumn P:hover {     ****************************** not needed for now, interacts with main color text changing on "hover"  in "changing size font" 
	color: #660000;	
}

.narrowcolumn P:hover {
	color: #660000;	
}           *******************************************  added JMP  ********************************************/

.narrowcolumn .entry {
	LINE-HEIGHT: 1.4em
}
.widecolumn .entry {
	LINE-HEIGHT: 1.4em
}
.widecolumn .post {
	MARGIN: 0px
}

.narrowcolumn .postmetadata {
	TEXT-ALIGN: center
}

.narrowcolumn .postmetadata {
	PADDING-TOP: 5px
}
.widecolumn .postmetadata {
	MARGIN: 30px 0px
}

BLOCKQUOTE {
	PADDING-LEFT: 40px;
	MARGIN: 15px 30px 0px 10px;
	COLOR: #867663;
	padding-top: 5px;
	font-style: italic;
	padding-bottom: 5px;
}

BLOCKQUOTE CITE {
	DISPLAY: block; MARGIN: 5px 0px 0px
}

SMALL {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: Arial, Helvetica, Sans-Serif
	COLOR: #777
}

.entry {
	BORDER-TOP: #7D5B38 1px solid;  /**** the line under the title  ****************/
	
}

.entry P A:visited {
	COLOR: #b85b5a
}

.entry UL LI:unknown {
	content: "» "
}

.entry UL LI:hover {
	LIST-STYLE-TYPE: square;
	color: #660000;
}

.entry OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.entry OL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.entry FORM {
	TEXT-ALIGN: center;
}

.alt {
	BORDER-TOP: #ddd 1px solid;
	BORDER-BOTTOM: #ddd 1px solid;
    BACKGROUND-COLOR:#CCCC99;
	PADDING-RIGHT: 10px; 	
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-TOP: 10px;
}

.description {
	FONT-SIZE: 1.2em;
	TEXT-ALIGN: center;
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
	margin-left: 5px;
}

H1 { 
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 4em;
	TEXT-ALIGN: left;
	COLOR: #7D5B38; 
	MARGIN: 5px 0px 0px 5px; 
}
H1 A {
	COLOR: #7D5B38;
}
H1 A:hover {
	color: #660000;
}
H1 A:visited {
	COLOR: #7D5B38;
}

H2 {
    FONT-WEIGHT: bold; 
	FONT-FAMILY: 'Georgia', 'Times', Serif; /*was 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; */
    COLOR: #7D5B38;
	FONT-SIZE: 1.6em;
	TEXT-DECORATION: none;
	MARGIN: 30px 0px 0px;
}
H2.pagetitle {
	FONT-SIZE: 1.6em;  /** 1.6em; **/
	MARGIN-TOP: 1px; /*was 30px*/
	TEXT-ALIGN: center;
}

H2 A {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}
H2 A:visited {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}

H2 A:hover {
COLOR: #06c; 
TEXT-DECORATION: none;
}

H3 {
	FONT-WEIGHT: bold; FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 1.3em;
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 30px 0px 0px; PADDING-TOP: 0px;

}

H3.comments {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 40px auto 20px; 
	PADDING-TOP: 0px;
}

H3 A {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}
H3 A:visited {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}

H3 A:hover {
COLOR: #06c; 
TEXT-DECORATION: none;

}

#searchform {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 5px;
	MARGIN: 10px auto;
	PADDING-TOP: -5px;
	TEXT-ALIGN: center;
}

input, textarea {
	border: 1px solid #A1A19F;
	margin: 1px 2px;
	-moz-border-radius: 4px;
	background-color: #FFFFCC;
	}
input:hover, textarea:hover { 
	border-color: #666; 
	background-color: #DBCD9C;
	}
input:focus, textarea:focus {
	border-color: #7D5B38; 
	background-color: #DBCD9C;
	}

CITE {
	TEXT-DECORATION: none
}
STRIKE {
	COLOR: #777
}
CODE {
	FONT: 1.1em 'Courier New', Courier, Fixed
}

UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; TEXT-INDENT: -10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
	MARGIN: 7px 0px 8px 10px
}
SELECT {
	WIDTH: 130px
}
ACRONYM {
BORDER-BOTTOM: #999 1px dashed
FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
	CURSOR: help
}
abbr {
FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
	CURSOR: help
	BORDER-BOTTOM: #999 1px dashed
}
SPAN.caps {
	CURSOR: help
	FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
}

.center {
	TEXT-ALIGN: center
}

HR {
	DISPLAY: none;
}



#footer P {
	MARGIN: 0px;
	TEXT-ALIGN: center;
	padding-top: 15px;
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

A {
	COLOR: #06c; TEXT-DECORATION: none
}

A:hover {
	COLOR: #147; TEXT-DECORATION: underline
}
A badbehavior {
	COLOR: #147; TEXT-DECORATION: underline
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

P IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; max-width: 100%
}
IMG.centered {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
IMG.alignright {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 2px 7px; PADDING-TOP: 4px
}
IMG.alignleft {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 7px 2px 0px; PADDING-TOP: 4px
}
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}

.postmetadata {
	COLOR: #777
}
.postmetadata UL {
	DISPLAY: inline; LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}
.postmetadata LI {
	DISPLAY: inline; LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}

OL LI {
	LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: decimal
}

.navigation {
	MARGIN-TOP: 10px; DISPLAY: block; MARGIN-BOTTOM: 60px; TEXT-ALIGN: center
}


/* Comments */
#commentform INPUT {
	FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform TEXTAREA {
	FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	WIDTH: 100%; 
	PADDING-TOP: 2px;
}
#commentform INPUT {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 5px 5px 1px 0px; 
	WIDTH: 170px; 
	PADDING-TOP: 2px;
}

#commentform #submit {
	FLOAT: right; 
	MARGIN: 0px;
	background-color: #DBCD9C;
	border: 1px solid #7D5B38;
	color: #7D5B38;
}

#commentform P {
	MARGIN: 5px 0px
}

.commentlist LI {
	FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 15px 0px 3px; 
	PADDING-TOP: 5px; 
	LIST-STYLE-TYPE: none;
}
.commentlist {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; P
	ADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
}

.commentlist CITE {
	 FONT-SIZE: 1.1em; 
	 FONT-STYLE: normal
}
.commentlist CITE A {
	FONT-SIZE: 1.1em; 
	FONT-STYLE: normal
}
.commentlist P {
	MARGIN: 10px 5px 10px 0px;
	 LINE-HEIGHT: 1.5em;
	FONT-FAMILY: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	DISPLAY: block; 
	MARGIN: 0px;
}

.nocomments {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
	COLOR: #777
}

.breadcrumb
{
	font-size:12px; /** 1.1em **/
	color: #cc0000; letter-spacing:1px;
/**	margin: 30px 0 0 10px;
	position: relative;  
	float: left;**/
}
/* Sidebar  ---------------------  for searchsubmit          ***********************************/
/********************************************************** to avoid double use with all the "sidebar" design at the begining  *********
#sidebar #searchsubmit {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	background-color: #DBCD9C;
	border: 1px solid #7D5B38;
	color: #7D5B38;
	-moz-border-radius: 4px;
}
*/
/* Sidebar */
/********************************************************** to avoid double use with all the "sidebar" design at the begining  **********
#sidebar {
	FONT: 1.1em Georgia, Verdana, "times New Roman", Times, Serif;
	}
	
#sidebar H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-TOP: 0px
}

#sidebar FORM {
	MARGIN: 0px
}

#sidebar H2 {
	FONT-SIZE: 1.2em; 
	FONT-FAMILY: 'Lucida Grande', Verdana, Sans-Serif;
	TEXT-DECORATION: none;
}
#sidebar #searchform #s {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	WIDTH: 115px;
	PADDING-TOP: 2px;
}

#sidebar #searchsubmit {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	background-color: #DBCD9C;
	border: 1px solid #7D5B38;
	color: #7D5B38;
	-moz-border-radius: 4px;
}

#sidebar UL UL LI:unknown {
	content: "» "
}

#sidebar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#sidebar UL OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#sidebar UL LI {
	LIST-STYLE-IMAGE: none; 
	MARGIN-BOTTOM: 15px; 
	LIST-STYLE-TYPE: none;
}

#sidebar UL UL LI {
	COLOR: #777
}

#sidebar UL OL LI {
	COLOR: #777
}
#sidebar UL P {
	MARGIN: 5px 0px 8px
}
#sidebar UL SELECT {
	MARGIN: 5px 0px 8px
}
#sidebar UL UL {
	MARGIN: 5px 0px 0px 10px
}
#sidebar UL OL {
	MARGIN: 5px 0px 0px 10px
}
#sidebar UL UL UL {
	MARGIN: 0px 0px 0px 10px
}
#sidebar UL OL {
	MARGIN: 0px 0px 0px 10px
}
#sidebar UL OL LI {
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-TYPE: decimal;
}
#sidebar UL UL LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 3px 0px 0px; 
	PADDING-TOP: 0px;
}
#sidebar UL OL LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 3px 0px 0px; 
	PADDING-TOP: 0px;
}	
********************************************************* to avoid double use with all the "sidebar" design at the begining  **********/
/* calendar */
#wp-calendar {
	background-color: #FFFFCC;
	empty-cells: show;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #654D35;
	font-weight:bold;
	width: 160px;
	margin-bottom: 8px;
	border: 1px solid #918867;
}

#wp-calendar #next a, #wp-calendar #next {
	padding: 0 5px 0 0;
	text-align: center;
	color: #8A6C46;
	background-color: #FFFFCC;
	font-weight:normal;
	background-image: none;
	}

#wp-calendar #prev a, #wp-calendar #prev{
	padding: 0 0 0 5px;
	text-align: center;
	color: #8A6C46;
	background-color: #FFFFCC;
	font-weight:normal;
	background-image: none;
	}

#wp-calendar a {
	display: block;
	text-decoration: none;
	color: #6E2224;
	}

#wp-calendar td:hover {
	background-color: #DBCD9C;
	}

#wp-calendar caption {
	text-align: center;
	padding-bottom: 2px;
	padding-left: 2px;
	}

#wp-calendar td { 	
	color: #666;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 1px;
	text-align: center;
	}
	
#wp-calendar td.pad {
	background-color: #FFFFCC;
	}
	
#wp-calendar td {
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	text-align: center;
}	
	
#wp-calendar #today {
	color: #FFF;
	}

#wp-calendar th {
	background-color: #DBCD9C;
	border: 1px solid #7D5B38;
	color: #7D5B38;
	font-style: normal;
	text-transform: lowercase;
	text-align:center;
	}
#widgettitle h2 { 	padding-top: -10px; height:2px;}

/**********************************************************************************************/
/*   start of WP CSS Dropdown Menu   */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:245px;/*745*/ height:32px; font-size:1.5em;/*0.85em*/ position:relative; top:10px;/* -10*/ left: -130px; z-index:10000;  /*border-right:1px solid #000;*/}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px;/*746*/ w\idth:245px;/*745*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; line-height:80%;}  /** was 80%  **/
.menu ul ul {width:139px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;/* added follow jmp**********/top:0px; left: 130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li li{float:left;width:149px;position:relative;/* added follow jmp**********/top:-20px; left: 144px;/*30*/}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li li li{float:left;width:199px;position:relative;/* added follow jmp**********/top:0px; left: 150px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:16px;text-decoration:none; color:#fff; width:158px; height:24px;/*30*/ /*border:1px solid #000; border-width:1px 0 1px 1px; */background:#758279; padding-left:5px;/*10*/ line-height:23px;/*29*/}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;line-height:140%;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;/*  ff8888*/}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;/*31*/left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:26px;/*30*/t\op:26px;/*31*/}

/* position the third level flyout menu */
.menu ul ul ul{right:-149px;/*left:149px;*/ top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {right:149px; /* left:-149px; */}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.
   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */
.menu ul ul .current_page_item a {  color: red;  background: white;  border-left: 1px solid black;  }
.menu .current_page_item a {  color: red;  font-weight: bold;  background: white;  }
.menu ul .current_page_item ul a {  color: white;  font-weight: normal;  background: black;  }
.menu ul .current_page_item ul a:hover {  background: gray;  }
.menu .current_page_item a:hover {   background: white;   }
/**********************************************************************************************/
/*   end  of WP CSS Dropdown Menu   */
/* /////////////////////////////////////////////
/* INFOBULLES ADDED BY JMP 
/*  /////////////////////////////////////  */
a.info {   /* 1rst type of infobulle  */
  position:relative;  /* no modif.*/
/****  border-bottom:1px dashed #808080; /* may be discarded  JMP  */
/***  border-top:1px dashed #808080;
   border-left:1px dashed #808080;
  border-right:1px dashed #808080; ******/
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
 /** text-decoration: none; **/ color: #cc0000; font-weight:900;
  background: none;   /* no modif.*/
}
   a.info span {display: none;}   
a:hover.info span {
  display: inline;
  position: absolute; 
  top:-5.7em;  /* position of infobulle, word to top of infobulle ; minus .em=above word  */
  left:8.5em;  /* position of infobulle ;  */
  z-index: 20;
  background: #D57C2E;   /*f4ae70 084d30446D87 */
  color: #4B2706;  /*603209 text and image border  */
  border:1px solid #000;  /* of infobulle overall */
  width:450px;
  text-align:left;
  font-weight:normal;
  font-size: 14px;
  line-height:19px;
  padding:2px 4px; 
}
/*/////////////// end of infobulles  //////////////////////////