/* -------------- positioning styles -------------- */

/* no gutters or padding */
html, body {margin: 0; padding: 0; }

/* general float for images */
img {float: left;}

#page {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 750px;
	height: 500px;
	background-color: #ffffff;
	z-index: 0;
}

#searchbox {
	position: absolute;
	top: 180px;
	left: 400px;
	width: 350px;
	height: 30px;
	z-index: 2;
}

/* -------------- text styles -------------- */

/* no gutters or padding */
html, body {margin: 0; padding: 0; }

H1 {font-size: 1.1em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold; line-height: 1.4;
margin-top: 0em; margin-bottom: .3em; 
text-align: center;
}

H2 {font-size: .9em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold; line-height: 1.4;
margin-top: 0em; margin-bottom: 0.2em; 
text-align: center;
}

H3 {font-size: .75em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin-top: 0em; margin-bottom: .4em; 
text-align: justify; line-height: 1.4; font-weight: bold }

H4 {font-size: .75em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin-top: 1.2em; margin-bottom: .4em; 
text-align: justify; line-height: 1.4; font-weight: bold }

H5 {font-size: .75em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold; line-height: 1.4; 
margin-top: .6em; margin-bottom: .2em; 
text-align: center; 
}

H6 {font-size: .75em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold; line-height: 1.4;
margin-top: 1em; margin-bottom: .5em; 
text-align: left;
}

p {font-size: .75em; color: #000000; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin-top: .5em; margin-bottom: .2em; 
text-align: justify; line-height: 1.4;}

.centerbold {font-weight: bold; text-align: center; margin-top: .2em; margin-bottom: .2em;}
.centeritalic {font-style: italic; text-align: center; margin-top: .2em; margin-bottom: .2em;}

.caption {font-size: .6em; margin-top: 0.3em; margin-bottom: .3em; text-align: center;}
.footertext {font-size: .6em; margin-top: .2em; text-align: center;}
.mainbold {font-weight: bold}
.mainboldcenter {font-weight: bold; text-align: center;}
.maincenter {text-align: center;}


.maintextunder {text-decoration: underline;}

.maintextcenter {text-align: center;}
.maintextundercenter {text-align: center; text-decoration: underline;}
.maintextboldcenter {font-weight: bold; text-align: center;}
.maintextright {text-align: right;}

.closetext {margin-top: 0em; margin-bottom: 1em;}
.closetextbold {font-weight: bold; margin-top: 0em;}
.closetextcenter {margin-top: 0em; text-align: center;}
.closetextboldcenter {font-weight: bold; margin-top: 0em; text-align: center;}
.closetextitaliccenter {font-style: italic; margin-top: 0em; text-align: center;}

.flushtext {margin-top: 0em; margin-bottom: .2em; line-height: 1;}
.flushtextcenter {margin-top: 0em; margin-bottom: .2em; line-height: 1; text-align: center;}
.flushtextunder {margin-top: 0em; margin-bottom: .2em; text-decoration: underline; line-height: 1;}
.flushtextbold {font-weight: bold; margin-top: 0em; margin-bottom: .2em; line-height: 1;}


/* -------------- link styles -------------- */

a:link, a:visited, a:active {text-decoration: underline; 
color: #008000; background-color: transparent;}

a:hover {text-decoration: underline; 
color: #FF0000; background-color: transparent;}