body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #FBF9CE;
}
#navbar {
margin-bottom: 0;
font-size: .65em;
text-align: center;
width:780px;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #F8F4AF;
color: #4d80b9;
word-spacing: 8px;
border-bottom: 0px #008000 solid;
}
#navbar a:link, #navbar a:visited {
color: #4d80b9;
word-spacing: none;
}
#navbar a.current {
color: #ff4700;
}
#navbar a:hover {
color: #ff4700;
text-decoration: underline;
}
h1 {
margin-left: 00px;
margin-right: 0px;
font-size: 1.0em;
padding-bottom: 3px;
padding-top: 10px;
padding-left: 50px;
padding-right: 0;
color: #000000;
border-bottom: 1px #008000 solid;
letter-spacing: 5px;
font-weight: bold;
background-color: #F2F2F2;
margin-top: 0;
margin-bottom: 0;
}
h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 5px;
margin-left: 20px;
margin-right: 0px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}
#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
margin-right: 0px;
font-size: .7em;
line-height: 1.8em;
background-color: #F8F4AF;
}
#main-text p {
text-align: justify;
margin-left: 20px;
margin-right: 0px;
}
#main-text li {
text-align: justify;
margin-left: 50px;
margin-right: 0px;
}

#main-text2 {
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
margin-right: 0px;
font-size: .7em;
line-height: 1.8em;
background-color: #F8F4AF;
}
#main-text2 p {
text-align: justify;
margin-left: 20px;
margin-right: 0px;
}
#main-text3 {
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
margin-right: 0px;
font-size: .4em;
line-height: 1.8em;
background-color: #ffffff;
}

#main-text3 p {
text-align: justify;
margin-left: 20px;
margin-right: 0px;
}
p, ul, ol, table {
margin-top: 17px;
margin-bottom: 0;
}
ol, ul {
margin-left: 20px;
margin-right: 0px;
}
a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #ff0000;
}
a:hover {
text-decoration: underline;
}
#footer {
text-align: center;
width:780px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 10px;
margin-top: 20px;
background-color: #4d80b9;
color: #ffffff;
font-weight: bold;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}
#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
color: #ffffff;
}
.Stil1 {
	color: #4d80b9;
	font-size: 1.5em;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}