/* All pages */

html {
  min-height: 100%;
}

body 
{ 
 background-color: #3F567F; 
 background-image: url(BG.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 font-family: Verdana, Arial, sans-serif; 
 font-size: 10pt; color: #000000; 
 margin: 5px 15px 10px 5px;
} 

/* Headings */
#head { position: absolute; right: 10px; top: 5px }
.title { font-family: Times New Roman; color: #FFFFFF; text-align: right; font-size: 18pt; font-weight: bold }
.subhead { color: #FFFFFF; text-align: right; font-size: 10pt; margin-right: 1em; }

/* links */
A:link { color: #FFFFFF; text-decoration: none }
A:active { color: #FFFFFF; text-decoration: underline }
A:visited { color: #FFFFFF; text-decoration: none }
A:hover { color: #FFFFFF; text-decoration: underline }
A:focus { outline: none }

/* Text Boxes */
#text { position: absolute; left: 175px; right: 75px; top: 70px; background-color: #3F567F; border: solid 1px #000000; padding: 10px; }
p { color: #FFFFFF; margin-left: 1em; margin-right: 1em; text-align: left;}
.list { color: #FFFFFF; margin-left: 1em; margin-right: 1em; text-align: left;}
p A:link {color: #FFFFFF; text-decoration: none;}
p A:active {color: #FFFFFF; text-decoration: underline;}
p A:visited {color: #FFFFFF; text-decoration: none;}
p A:hover {color: #FFFFFF; text-decoration: underline;}

#text2 { position: absolute; left: 175px; right: 100px; top: 80px; padding: 10px; }
.list2 { color: #FFFFFF; background-color: #3F567F; margin-left: 1em; margin-right: 1em; text-align: left;}
.center { color: #FFFFFF; margin-left: 1em; margin-right: 1em; text-align: center;}

#text3 { position: absolute; left: 175px; right: 50px; top: 60px; min-width: 550px; padding: 10px; }
.float { float: left; }

#text4 { position: absolute; left: 175px; right: 50px; top: 50px; min-width: 550px; }
.back { margin-left: 1em; margin-right: 1em; text-align: left;}
.next { margin-left: 1em; margin-right: 1em; text-align: right;}
.thumb { margin-left: 1em; margin-right: 1em; text-align: center;}
.back A:link {color: #FFFFFF; text-decoration: none;}
.back A:active {color: #FFFFFF; text-decoration: underline;}
.back A:visited {color: #FFFFFF; text-decoration: none;}
.back A:hover {color: #FFFFFF; text-decoration: underline;}
.next A:link {color: #FFFFFF; text-decoration: none;}
.next A:active {color: #FFFFFF; text-decoration: underline;}
.next A:visited {color: #FFFFFF; text-decoration: none;}
.next A:hover {color: #FFFFFF; text-decoration: underline;}
.thumb A:link {color: #FFFFFF; text-decoration: none;}
.thumb A:active {color: #FFFFFF; text-decoration: underline;}
.thumb A:visited {color: #FFFFFF; text-decoration: none;}
.thumb A:hover {color: #FFFFFF; text-decoration: underline;}

/* Navigation */
#nav { position: absolute; left: 15px; top: 50px; }
.nav A:link {color: #FFFFFF; display: block; width: 130px; background-color: #3F567F; border: solid 1px #FFFFFF; text-decoration: none; text-align: center; margin-bottom: 10px}
.nav A:active {color: #000000; display: block; width: 130px; background-color: #F8F8FF; border: solid 1px #000000; text-align: center; font-weight: bold; margin-bottom: 10px}
.nav A:visited {color: #FFFFFF; display: block; width: 130px; background-color: #3F567F; border: solid 1px #000000; text-decoration: none; text-align: center; margin-bottom: 10px}
.nav A:hover {color: #000000; display: block; width: 130px; background-color: #F8F8FF; border: solid 1px #000000; text-align: center; font-weight: bold; margin-bottom: 10px}

/* Footer */
#footer { position: absolute; left: 10px; bottom: 5px; }
.footnote {color: #FFFFFF; font-size: 8pt; text-align: left;}
.footnote A:link {color: #FFFFFF; text-decoration: none;}
.footnote A:active {color: #FFFFFF; text-decoration: underline;}
.footnote A:visited {color: #FFFFFF; text-decoration: none;}
.footnote A:hover {color: #FFFFFF; text-decoration: underline;}