/* CSS Document */


body{background-color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; 
color:#808000; 
font-size:small;
margin:0;
}

#wrapper {width: 90%;
}

/*header*/

.lisaLogo {
background-image: url(lisalogo.gif);
background-repeat:no-repeat;
height:91px;
z-index:2;
position:relative;
left: .5em;
top:1em;
}

#bannerImage {
height: 134px;
margin-top: 0; 
border: none;
background:  url(headerback1.gif);
background-repeat:no-repeat;
padding-bottom: 1em;
}

/*#mainNav {
width: 90%;
height: 3em;
margin-left: 8em;
background-color: transparent;
position: relative;
left:2em; 
top:-4em;
}*/

div#mainNav {
width: 90%;
height: 3em;
margin-left:-2em;
background-color: transparent;
position: relative;
left:2em;
top:-4em;}

body> div#mainNav {
width: 90%;
height: 3em;
margin-left: 8em;
background-color: transparent;
position: relative;
left:2em;
top:-4em;
}

#mainNav ul {
list-style-type: none;
padding: 0em;
margin: 1em;
margin-left: -10.5em;
} 
/*this makes my list have no style...no bullets etc. */

#mainNav li {
background-color: #002443;
/*height: 2em; */
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #d4ecfb;
float: left; 
padding-left: 3em;
padding-right: 3em;
padding-top: .5em;
padding-bottom: .5em;
margin: .05em;
}

#mainNav a:link {
font-weight: bold;
color: #d4ecfb;
text-decoration: none;
}

#mainNav a:visited {
font-weight: bold;
color: #9dd05b;
text-decoration: none;
}

#mainNav a:hover {
font-weight: bold;
color: #fffdda;
text-decoration: none;
}

#mainNav a:active {
font-weight: bold;
color: #e7573b;
text-decoration: none;
}

*mainBody {
width: 80em;
position: relative;
}

#mainImage {
position: relative;
float: left;
margin-left: 1em;
margin-top: -3em;
height: 30em;
width: 30em;
}

#mainContent {
position: relative;
border: 4px solid #9dd05b;
padding: 10px;
font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
font-size: small;
color: #412700;
float: left;
margin-left: -3em;
margin-top: -3em;
padding-top: 1em;
height: auto;
width: 30em;
}

#newsContent {
position: relative;
margin-left: .5em;
border: 2px solid #ff6600;
padding-left: 1em;
padding-right: 1em;
font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
font-size: small;
color: #002443;
float:left;
}

#thumbnailWrapper {
width: 85%;
}

.thumbnails {
float:left;
margin-left: 9em;
margin-right: 1.5em;
margin-bottom: 3em;
}

/*the following is for the popup windows*/

#popupImages {
float: left;
margin-left: 1em;
margin-top: .5em;
}

#popupText {
float: left;
margin-left: 2.25em;
margin-top: 1em;
font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
font-size: small;
color: #acacac;
}