#container {
			width: 750px;
			margin: 0 auto;
			font-family: Helvetica, Verdana, 'Trebuchet MS', Arial, Tahoma, Arial, sans-serif;
			font-size: 14px;
			line-height: 1.6em;
			color: #000;
			background-color: #FFF;
		}
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: strong;
			font-size: 15px;
			font-weight: strong;
			color: #274722;
			margin-bottom: 5px;
			background-color: #FFF;
		}
		
		h2 {
			color: #666666;
			font-size: 13px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			border-bottom: 1px ed;
		}
		
		a {
			color:#1E6B88;
			text-decoration: none;
		}

		a:hover {
			color:#a23d3d;
			background-color: #F5F5F5;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}

		
		.button {
			padding: 4px;
		}
		
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 1px solid #948979;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		#header h1 {
			font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 24px;
						letter-spacing: 3px;
font-weight: normal;
		}
		
			#header h1 a:hover {
	text-decoration:underline;
}

		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #999999;
		}
		#header	input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}

		#header input:hover {
	border:1px solid #999;
				background-color: #f4f4f7;
	color:#666;
	
}
	#header input:focus {
	border:1px solid #999;
					background-color: #f4f4f7;
	color:#333;
}

/* NAVIGATION BAR */

		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
						border-right: 1px solid #d5d7d2;
					padding-right:7px;
							

		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}
		#navigation h2 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: strong;
			text-decoration: none;
			margin-bottom: 5px;
			background-color: #FFF;
		}

		#navigation a:link, #navlist a:visited {
			color:#1E6B88;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#a23d3d;
		}

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px  #CCC;
			border-top: 1px  #CCC;
			font-size: 90%;
		}
		
		
/* CONTENT ELEMENTS */
img {
	border: 0;
	display: inline;
	
}

		#content {
			width: 362px;
			margin-left: 180px;
			margin-right: 200px;
					}
								border-left: 1px solid #d5d7d2;
			border-right: 1px solid #d5d7d2;
		
		#content p {
			padding-bottom: 10px;
			font-size:95%;
		}

#content .articleimg {
	float:right;
	padding:5px;
	border:0px solid #eeeeee;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:25px;
}
#content .articleimgleft {
	float:left;
	padding:5px;
	border:0px solid #eeeeee;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:15px;
}
	#content input {
			background-color: #FFF;
			color: #999999;Helvetica, Verdana, 'Trebuchet MS', Arial, Tahoma, Arial, sans-serif;
			font-weight:normal;
			
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
					#content input:hover {
	border:1px solid #999;
				background-color: #f4f4f7;
	color:#666;
	
}
	#content input:focus {
	border:1px solid #999;
	color:#333;
}
.storycontent {
						
		}
		.feedback {
	
	border-bottom: 1px  #CCC;
	font-size: 90%;
		}
				.meta {
					padding-top: 5px;
		text-align: right;
		font-size: 90%;
		}
		
.date {
		text-align: right;
		font-size: 90%;
		}
.compimage{
	
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-left: 55px;
	image-border:1 color #000;

	display: block;
}

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 175px;
				border-left: 1px solid #d5d7d2;
					padding-left:10px;

		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}
		#sidebar ul {

		}

/* FOOTER ELEMENTS */

		
		#footer {
		    width: 362px;
			margin-top: 10px;
			clear: both;
			text-align: left;
			border-left: 0px solid #b3b3ff; 
	border-right: 0px solid #b3b3ff; 
    border-bottom: 0px solid #b3b3ff; 
	border-top: 1px  solid #b3b3ff; 	
	border-bottom: 0px solid #b3b3ff; 
			background: #ffffff;
			padding: 0px 5px 0px 40px;
		}
		
		#footer p {
			color:#000000;
			padding: 5px;
			text-align: justify;
			font-size: 90%;
			
		}
		
		#footer p a {
			color: #255F8A;
			border-bottom: 1px  #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#255F8A;
			}

			
.col1
	{
	float: left;	
	width: 320px;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
	
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom : 15px;
		
	}
	
.col2
	{	
	float:right-top;
	width: 200px;
	margin-left:440px;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
	margin-top: 15px;
	margin-bottom : 15px;
	border-left: 1px solid #b3b3ff; 
	border-right: 0px solid #b3b3ff; 
    border-bottom: 0px solid #b3b3ff; 
	border-top: 0px  solid #b3b3ff; 	
	border-bottom: 0px solid #b3b3ff; 	
	visibility: visible;
	display: block;
	
	
	}
	p {
	line-height: 1.3;
	text-align: justify;
}
	.authorbio{
	line-height: 1.5;
	margin-top: 1em; 
	margin-bottom: .05em; 
	border-top: 1px solid #b3b3ff; 
	padding:1.25em;
	}
		
.detailedinfo{
font-size: 90%;
margin-top: 15px;
padding-top:10px;
padding-bottom:10px;
margin-bottom : 15px;
border-top: 1px solid #b3b3ff; 	
border-bottom: 1px solid #b3b3ff; 	
display:block;
}

.updated{
font-size: 90%;
margin-top: 15px;
padding-top:10px;
padding-bottom:10px;
margin-bottom : 15px;
width: 250px;
display:block;
}




.bold {
	font-size: small  !important;
 	font-size: x-small;
 	font-size/**/:/**/x-small;
	line-height: 1.3;
	font-weight: 700;
	text-align: justify;

	}




h1 {color: #8193A7;	
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with 
	compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {color: #8193A7;	
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: .5em;
	}
	
h3 {color: #8193A7;	
	font-size: 1.5em;
	font-weight: normal;
	margin : 35px;
	margin-top: 0em;
	margin-bottom: .5em;
	}	  
	

.blockquote, pre{
	font-family: Lucida, Verdana, Arial,  sans-serif;	
	font-size: small  !important;
 	font-size: x-small;
 	font-size/**/:/**/x-small;
	ine-height: 1.5;
	margin-top: 1em; 
	margin-bottom: 1em; 


}

.button {
	border: 1px solid;
	border-color: #FC9 #630 #330 #7C1163;
	padding: 0 3px;
	font: 12px;
	font family: Trebuchet, verdana, sans-serif;
	color: #FFF;
	background: #8398AB;
	text-decoration: none;
	margin: 0;
}
 

		.box{
	border: 1px solid;
	border-color: #FC9 #630 #330 #7C1163;
	
	font: 12px;
	font family: Trebuchet, verdana, sans-serif;
	color: #000;
	background: #fff;
	text-decoration: none;
	margin: 0;
}			
		

.update {
		font-size: small  !important;
 	font-size: x-small;
 	font-size/**/:/**/x-small;
	line-height: 1.3;
	font-weight: 500;
	text-align: justify;

		
		}
	



.datecopy {	
	margin-left : 15%;
	font-size: small  !important;
 	font-size: x-small;
 	font-size/**/:/**/x-small;
	line-height: 1.3;
	font-weight: 500;
	}
	
	

.biologo {
		font-family : courier;
		
	letter-spacing: 1px;
	font-weight: 500;
	
	}

	



	
.acknowledge {
	font-size : 9pt;
	}

 a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}