/***********/
/* general */
/***********/
body
{
	/* background-color: #326633; */
	 background-color: #408840; 
	font-family: Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

a:link { color: #F3E316; }
/* a:visited { color: #999999; } */
a:visited { color: #000080; } /* navy */
/* a:hover, a:active { color: #EE8C4E; } */
a:hover, a:active { color: #b0e0e6; } /* powder blue */

strong
{
	font-weight: bold;
/*	background-color: #224623; */
}
.image
{
	/* background: transparent url(img/background.jpg) no-repeat top left; */
	background-color: #408840; 
}


/**********/
/* header */
/**********/
.header
{
	width: 100%;
	/* height: 120px; */
	height: 130px;
	 background: transparent url(img/background.jpg) no-repeat top left;
	background-color: #408840; 
	overflow: auto;
}

/* use the banner instead of string for H1 */
.header h1
{
	background: transparent url(img/lisa_logo.gif) no-repeat top left; 
	margin-left: 60px;
	margin-top: 30px;
	width: 376px;
	height: 76px; 
}
.header h1 span
{
	display: none; 
}
/* contact , right side of header */
.contact
{
	position: absolute;
	top: 40px;
	right: 0;
	text-align: right;
	padding: 0 1em 0;
}


/**********************************/
/* left panel = navigation column */
/**********************************/
.leftpanel
{
	width: 800px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:  10px ;
}
.leftpanel ul
{
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	 background-color: #000080; 
	padding-left: 0;
}
.leftpanel li
{
	float: left;
	width: 115px;
	text-align: center;
	padding: 5px;
	border: 1px solid #cccccc; 
}

/***********/
/* content */
/***********/
.content
{
	width: 800px;
	margin: 0px auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.content p
{
	text-align: justify;
}

/*********/
/* Image */
/*********/

/* have a image of width=320 in it.  specify float property on the fly */
div.floatingframe
{
	width: 340px;
	margin: 0 25px 0 25px;
}

img.framedimage
{
	padding: 10px;
	background-color: white;
	border: 2px darkgray solid;
}
div.caption
{
	color: darkgray;
	font-size: 95%;
}
div.caption-text
{
	float: left;
	clear: right;
	text-align: left;
}
div.copyright
{
	float: right;
	text-align: right;
}

table.right
{
	float: right;
	margin: 20px 0 20px;
}
table.left
{
	float: left;
	margin: 20px 0 20px;
}





/**********/
/* bottom */
/**********/
.bottom
{
	clear: both;
	/* position: absolute; */
	
	width: 100%;
	/* height: 100px; */
	bottom: 0px;
	left: 0px;
}