hr.mid {
	border:1px dashed #999;
	}

#Content>p {text-indent:2em; margin:0;}
#Content>p+p {text-indent:2em; margin-top: 1ex;}

code
{
font-size:0.8em;
color:black;
font-family:sans-serif;
background: rgb(90%,90%,90%);
/* border:1px dashed #999; */
padding-left: 1em;
padding-right: 1em;
}
em 
{
color:black;
}
ul
{
font-size: 0.9em;
font-family:verdana, sans-serif;
}

h1 {
	font-size: x-large;
	margin-bottom: 0.25ex;
	}
h2 {
	font-size: large;
	margin-bottom: 0.25ex;
	}
h3 {
	/*font-size: large;*/
	font-size: medium;
	margin-bottom: 0.25ex;
}
table {
/*border-style:solid; 
border-width:1px; 
border-color:black;
width:50%; */
}
td , th { 
vertical-align: top;
/*border-style:solid; 
border-width:1px; 
border-color:red;
width:50%;*/
}
a {
	color:gray;
	text-decoration:none;
	font-family:verdana, sans-serif;
	/*text-decoration:underline;*/
	}
a:link {
	font-family:verdana, sans-serif;
	color:blue;
	background-color:transparent;
	text-decoration:none;
}
a:visited {
	font-family:verdana, sans-serif;
	color:navy;
	background-color:transparent;
	text-decoration:none;
}

a:hover {
	font-family:verdana, sans-serif;
	/*t-size:100%;*/
	color:gray;
	background-color:transparent;
	/*background-color:#ccc;*/
	text-decoration:underline;
}

a img {border: none;}

a.opac img{opacity:0.5;border:0;}
a.opac:hover img{opacity:1;}

/*
 * .lang:before {
 * text-decoration: none;
 * content: " [" attr(hreflang) "] ";
 * }
 */

.langus:after {
content:url("../images/flags/flag-us.png")
}
.en_US:after {
content:url("../images/flags/flag-us.png")
}
.languk:after {
content:url("../images/flags/flag-uk.png")
}
.en_UK:after {
content:url("../images/flags/flag-uk.png")
}
.langfr:after {
content:url("../images/flags/flag-fr.png")
}
.fr_FR:after {
content:url("../images/flags/flag-fr.png")
}
.langes:after {
content:url("../images/flags/flag-es.png")
}

abbr[title], acronym[title], span[title] {
    border-bottom: thin dotted;
    cursor: help;
}
/*
* 'margin-top', 'margin-right', 'margin-bottom', 'margin-left'
*/

#Header {
	font-weight:600;
	font-size: x-large;	/* should be same as an h1 header */
	margin:20px 0 5px 0;
	/* padding:10px 0 3.0ex 20px; */
	padding: 0 0 3.0ex 20px;
	width:94%;
/*	border-style:solid; */
	border-style:dashed;
	border-color:#999;
/*	border-width:1px;*/
	border-width:1px 0;
/*	background-color:#fff;
 */

/* Here is the ugly brilliant hack that protects IE5/Win from its own
stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello
for publicizing it.  IE5/Win incorrectly parses the "\"}"" value,
prematurely closing the style declaration. The incorrect IE5/Win value
is above, while the correct value is below. See
http://glish.com/css/hacks.asp for details. */

/*
	voice-family: "\"}\"";
	voice-family:inherit;
	height:1ex+3px;	/* UNTESTED!  Was 14px */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it
feeds correct length values to user agents that exhibit the parsing
error exploited above yet get the CSS box model right and understand
the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5"
rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Content {
	/* Left margin is menu width + 3em */
	/*margin:0 50px 50px 12em;*/
	margin:0 50px 50px 170px;
	top:80px;
	padding:10px;
	}

#Menu {
	font-size: 0.9em;
	text-align:right;
	font-weight:bold;
	font-family: verdana, sans-serif;
	position:absolute;
/*	position:fixed;  */
	top:100px;
	left:20px;
	width:130px;
	padding:0.5em;
	/*background-color:#eee;*/
	border:1px dashed #999;
	/* Again, the ugly brilliant hack.
	voice-family: "\"}\"";
	voice-family:inherit;
	width:8em;	*/
}

.menuim {
	text-align:center;
	}
.menuim a img{opacity:0.4;}
.menuim a:hover img{opacity:1;}

#Copyright {
	font-size: small;
	clear:both;
	margin:0px 0px 0px 170px;
	padding:50px 0px 100px 0px;
	text-align:center;
	font-weight:800;
/*	color:#999;
*/
	background-image: url("../images/copyleft_gray.png");
	background-repeat: no-repeat;
	background-position: 20% 40%;
/*	background-attachment: fixed;
 *
*/
}

/* Again, "be nice to Opera 5". */
/* body>#Menu {width:8em;} */

@media print {
	#Content {
		/* Left margin is menu width + 3em
		 */
		margin:0 50px 50px 0;
		padding:10px;
		}

	#Menu {
		  display: none;
		}
}

/* For convenience */

.obs {
	text-decoration:line-through;
}

.cv {
border-style:solid; 
border-width:2px; 
border-color:gray;
width:100%;
}

.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

.right {
	float:right;
	margin:0px;
	}

.notebox {
	text-align:justify;
	background-color:#eee;
	border:1px dashed #999;
	font-size:small;
	text-indent: 0;
}

.note {
	text-align:left;
	background-color:#eee;
	border:1px dashed #999;
	margin: 15px;
/*	font-size:small; */
	text-indent: 0;
}
.bold {
font-weight:bold;
}