body {
font-size:12px;
font-family:verdana, arial, sans-serif;
margin:0px;
}
h1 {
font-size:20px;
}
h3 {
font-size:16px;
}
h4 {
font-size:14px;
}
#container {
width: 900px;
margin-right: auto;
margin-left: auto;
border: double 4px #996600;/*Double border around the entire page*/
}
#header{
position: relative;
background-image: url("images/border.jpg");
background-repeat: repeat-x;
height: 59px;
padding-top: 2px;
z-index: 0;
}
#text{
margin-right: auto;
margin-left: auto;
width: 710px;
padding-bottom: 30px;
}
#footer {
font-size:11px;
height:20px;
padding-top:10px;
background-image: url("images/border.jpg");
margin:10px 0px 1px 0px;/*3 px space around the Footer with 10px space above.*/
clear:both;/*To ensure that the footer will always appear below the Content and the Sidebar.*/
}
.floatright {
float:right;
margin-left: 8px;
}
.floatleft {
float:left;
margin-right: 8px;
}
/*Photos with text float left*/
#photoframe {
float: left;
position: relative;
background: #cccc99;
margin-top: 12px;
margin-right: 8px;
padding: 5px 5px 5px 5px;
}
/*Photos with text float right*/
#photoframeright {
float: right;
position: relative;
background: #996600;
margin-top: 12px;
margin-left: 8px;
padding: 5px 5px 5px 5px;
}
.clear {
clear: both;
}
sup {
  vertical-align: .4em;
  font-size: .9em;
	color: #0033ff;
}
/*--------------Start info bulle------------*/
    a.info{
			position: relative;
      text-decoration: none;
      color: #0033ff;
			}
		a.info:hover{
			background: none;
			z-index:2;
			}			
		a.info span{
			display:none;
			}
		a.info:hover span{
			display:inline;
			position:absolute;
			top:-1.5em;
			left:-7em;
			background:#fffcd1;
			border:1px solid #444;
			color:#000;
			padding:1px 3px;
			z-index:10;		
			width: 235px;
			font-size: 11px;
			font-style: italic;
			cursor: text;
			}
/*--------------End info bulle------------*/