body {
	background: #838383 url(../images/back.jpg); margin: 0px; padding: 0px;
	font-size: 90%; font-family: Georgia, Times, serif;
	line-height: 125%;
	text-align: center;


	height: 100%;
}


#wrapper {
/*	absolute: absolute; top: 0px; left: 50%;
	width: 788px; margin: 0 0 0 -394px; 	/* Left margin used to center */
	width: 888px; margin: 0 auto;
	position: relative; text-align: left;
}

/*.second #wrapper {top: -45px;}*/

#head {
	background: #efefef url(../images/watermark.jpg) bottom;
	position: absolute; width: 888px; height:142px; /*was 150*/
	margin: 0;	padding: 0;
	border-right: 1px solid #666666; border-left: 1px solid #666666;
	z-index: 1;
}

.second #head {height: 115px;}

#body  {
	background: #efefef url(../images/watermark.jpg) repeat;
	background-position: -55px 35px;
	position: absolute; top: 142px; left: 0px; width: 888px;
	margin: 0; padding: 0;
	border-style: solid; border-color: #666666; border-width: 0 1px 1px;
}

.second #body {top: 115px;}

#left {
	float: left; width: 190px;
	padding: 0px; margin: 45px 0px 10px 20px;
	overflow: hidden; 
	display: inline; /* absolutely necessary to correct IE float double margin bug */
}

.frontpage #left {margin-bottom: 140px;}

#right {
	margin: 0 10px 0 0;
	float: left; width: 190px; clear: none;
	overflow: hidden;
}

#center {float: left; margin: 0 20px 0 20px; width: 428px; overflow: visible;}
#center.abstract {margin: 5px; left: 50%; margin-left: -194px; position: absolute;}

.two-column #center {width: 635px;} /* on two-column pages, the center is wider */
.two-column #right {width: 0px; height: 0px; overflow: hidden; display: none;} /* If it is a two-column page, do not display the right-hand column */


#top-image {
	background: #efefef url(../images/top-big.jpg) no-repeat bottom left;
	width: 888px; height: 105px; padding: 0px; margin: 0 auto; z-index: 4;
	position: relative;} /* was 111 tall */
	
.second #top-image {height: 78px;}
	
#print-logo {display:none;}
#ieux {position: absolute; top: 43px; left: 104px; width: 145px; height: 27px;	z-index: 6; background: url(../images/ieuxinc-big.gif);
	border: 1px dashed red; display: none;}
#logo {position: absolute; top:35px; left: 7px; z-index: 5; height: 149px; width: 152px; background: url(../images/logo-big.gif);}
.second #ieux {top: 15px;} .second #logo {top: 8px;}

#top-bar {
	background: url(../images/top-bar.gif) repeat-x;
	position: absolute; top: 97px; left: 130px; height: 38px; width: 729px;
	padding-top: 0px; z-index: 4;
	color: white; font-family: Verdana, Arial, sans-serif; font-size: 11px;
	line-height: 120%;
} .second #top-bar {top: 70px;}

#top-bar #bar-end {
	background: url(../images/top-bar-end.gif);
	position:absolute; top:0px; left: auto; right:-30px; 
	height: 38px; width: 37px; z-index: -2;
}

#top-links {
	float: right; margin: 0 0;
	color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none; background: #7e8283; z-index: 20;
	position: absolute;
	bottom: 14px; right: 0;
}

#top-links li {display:inline; padding-left: 1.4em;}
#top-links a:link, #top-links a:active, #top-links a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
#top-links a:hover {text-decoration: underline;}
.frontpage #top-links .nofront {display: none;}

dl.menu {margin:0; padding: 0; margin-bottom: 10px;}

dl.menu dt {
	background: #215234 url(../images/greenboth.jpg);
	margin: 0px;
	color: white; font-weight: bold; text-align: center;	
	border-width: 0px 1px 1px; border-style: solid;	border-color: #666666;
	padding: 0.5em;
}

dl.menu dt.scripted {padding: 0}

dl.menu dt.hover 
	{background: #417254 url(../images/greenboth.jpg); background-position: 0px -300px;}
	
dl.menu dt a, dl.menu dt a:active, dl.menu dt a:visited 
	{color: white; text-decoration: none; display: block; padding: 0.5em}
 

dl.menu dt a:hover {}

dl.menu dd {
	background: #85F198 url(../images/greenback.gif);
	margin-bottom: 0px; padding: .3em; color: black; 
	border-width: 0px 1px 1px; border-style: solid; border-color: #666666;
}

dl.menu ul {margin:0; padding: 0; text-align: left; list-style-type:none;}
dl.menu ul li {padding: 0.3em 0.3em; margin: 0;}
dl.menu ul ul li {margin-left: 6px;}
dl.menu ul li a:link, dl.menu ul li a:active, dl.menu ul li a:visited {background: none; text-decoration: none; color: #444444; font-weight: bold;}
dl.menu ul li a:hover {text-decoration: underline;}

.detail-box {
	background: #85F198 url(../images/greenback.gif); margin-bottom: 10px;	
	border-style: solid; border-color: #666666; border-width: 0px 1px 1px;
	overflow: visible; /* necessary for "italics expanding content box in IE" bug */
	
}



.detail-box .title {
	background: #215234 url(../images/greenboth.jpg); padding: .5em;
	color: white; font-weight: bold; text-align: center;
	position: relative; /* Absolutely necessary to correct IE 6 "background disappears when scrolled" bug */
}

.detail-box .subtitle {font-weight: bold; margin-bottom: .3em;}
.detail-box a:link, .detail-box a:active, .detail-box a:visited {color: #215234; font-weight: bold; text-decoration: none;}
.detail-box a:hover {text-decoration: underline; color: green;}
.detail-box div.text {text-align: left; padding: .5em;}

#center .detail-box {
	background: #FFFFFF; margin: 0px 0px 10px;
	border-color: #666666; border-style: solid;	border-width: 0 1px 1px;
	overflow: visible; /* necessary for italics expanding content box in IE bug */
	position: relative; /* necessary to cause the box to hasLayout() in IE 6 */	
}

#center .detail-box .title {
	background: #215234 url(../images/greenboth.jpg);
	
	padding: .35em;

	font-weight: 501; text-align: center; color: white;
	font-size: 150%;

}

#center .detail-box .subtitle {font-weight: bold; padding: 0px;	margin-bottom: .3em; font-size: 115%;}
#center .detail-box div.text {text-align: left;	padding: .8em;}
#rivervieux {border: 1px solid #666666;}

#footer {	
	background: #215234 url(../images/greenboth.jpg) repeat-x top left;
	width: 888px; height: 36px;	margin: 10px 0 0; padding: 0px;
	float: left;clear: both; display: block; position: relative;
}

#footer .info {
	text-align: center; color: #FFFFFF; font-weight: bold;
	background: transparent; display: block;
	font-family: Verdana, Arial, sans-serif; line-height: 36px;
	font-size: 10px;
}

#footer a, #footer a:visited, #footer a:active {color: white;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footer #phone {position: absolute; left: 50px;	bottom: 0px;  line-height: 36px;}
#footer #email {position: absolute; right: 50px; bottom: 0px; line-height: 36px;}

#footer #affiliates {
	position: absolute; bottom: 56px; left: 0px; 
	margin: 0px; margin-left: 20px;	width: 188px; padding-bottom: 0px;
	color: black; background: white; text-align: center;
}

#footer #affiliates img {margin: 0px 3px;}
#footer #affiliates .title {margin-bottom: 0px;}

ul.content-list {list-style-type: none;	margin: 0;}

.content-list li {
	padding: 1% 1.8%; 	position: relative;
	border-left: 2px solid white; border-right: 2px solid white; border-top: 1px dashed #666666;
	zoom: 1; /* overcomes IE "only mouseover on text" issue */
}

.content-list li.odd {
	background: #f3f3f3;
	border-left: 2px solid #f3f3f3; border-right: 2px solid #f3f3f3; border-top: 1px dashed #666666;
}

.content-list li.hover {border-left: 2px solid #336633; border-right: 2px solid #336633;}
.content-list p {margin: 0 0 .4em; padding-bottom: 0;}
.content-list p.publication-title {font-weight: bold;}
.content-list p.news-date {font-weight: bold; float: right;}
.content-list p.news-title {font-weight: bold; float: left; width:70%;}
.content-list p.news-content {clear: both;}
.content-list p.more-info {text-align: right; margin: .8em -1% -1%; padding: 0; clear: both;}

.pub-header {border-bottom: 1px dashed #666666; margin-bottom: 1em;}
.pub-footer {text-align: center; border-top: 1px dashed #666666; margin-top: 1em; padding: .5em;}

a img {border: 0;}

hr {border: none 0; border-top: 1px solid #666666; width: 95%; height: 1px; text-align: center; clear: both;}

h1 {font-size: 150%; font-weight: bold; padding:0px; margin: 0 0 .3em;}
h2 {font-size: 125%; font-weight: bold; padding:0px; margin: 0 0 .3em;}
h3 {font-size: 110%; font-weight: bold; padding:0px; margin: 0 0 .3em;}
h4 {font-size:  90%; font-weight: bold; padding:0px; margin: 0 0 .3em;}

br {margin: 0; padding: 0; line-height: .8em;}
p  {margin: 0 0 .8em;}

table {border: 1px solid black;	border-spacing: 0px 0px; border-collapse: collapse;}
table th {padding: 3px; border: 1px solid gray; font-weight: bold;}
table td {padding: 3px; border: 1px solid gray;}

ol {margin: 0 0 .8em 0;}

ul {margin: 0 0 .8em 2em; padding: 0;}
ul.nobullets {list-style-type: none; margin-left: 1em;}
ul.nobullets li {margin: 0 0 .5em; padding: 0;}

dl {margin: 0 0 .8em 0; padding-left: 1em;}
dt {margin: 0 0 .5em 0;}
dd {margin: 0 0 .5em; padding-left: 1em;}

form.login {width: 50%;}
form.login fieldset {padding: .5em;}
form.login label {float: left; clear: left; text-align: right; width: 8em; margin: 0.5em;}
form.login input {float: left; clear: right; text-align: left; margin: .2em; border: 1px solid #666666;}
form.login br {clear: both;}

abbr, acronym, .help {border-bottom: 1px dotted #333; cursor: help;}

div.change-panel {
	margin: 0 0 0.8em; padding: 0;
	overflow: visible;
}

div.change-panel div.viewport {

	border: 5px solid #666666;
	overflow: auto;
	position: relative;
	left: .8em;
	margin-right: .8em;
	padding: 0;
}

div.change-panel div.viewport div.panel {
	padding: .5em;
	margin: 0;
}



.caption {text-align: center; font-size: 80%;}
.bordered {border: 1px solid #666666;}
.floatright {margin-left: 1em; position: relative; float: right; display: block;}
.centered {text-align: center;}
.clear {clear: both;}
span.break {display: block;}