/* CSS Document */

body {
background-image:url(images/brick.jpg);
background-repeat:repeat}

#backplate {
width:540px;
height:auto;
margin-left:15px;
margin-top:35px;}

.shadow {  -moz-box-shadow: 3px 3px 8px #333333; -webkit-box-shadow: 3px 3px 8px #333333;  box-shadow: 3px 3px 8px #333333;}

#backplatetop {
background:url(images/header2.gif) 0 -628px;
float:left;
width:540px;
height:25px}

#backplatemid {
background-image:url(images/popup1px.gif);
float:left;
width:540px;
height:auto;
background-repeat:repeat-y}

#backplatebottom {
background:url(images/header2.gif) 0 -680px;
float:left;
width:540px;
height:35px;}

#backplatemid p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:25px;
padding-right:25px;
text-align:justify;
color:#000;}

#backplatemid a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#930;
text-decoration:underline;
padding:0}

#backplatemid a hover {
color:#090;
text-decoration:underline;
cursor:default}

#backplatemid  li {
color:#000000;
text-align:justify;
text-indent:-28px;
list-style-position:inside;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

ul.a {
list-style-type:square;
padding-left:50px;
padding-right:25px}

ul.b {
list-style-type:disc;
padding-left:25px}

ul.c {
list-style-type:circle;
padding-left:25px} 

#backplatehome {
float:left;
width: 99px;
height:65px;
background:url(images/header2.gif) 0 -716px;
background-repeat:no-repeat}

a#returnhome { top:22px; text-align:center; font-size:18px; text-decoration:none; outline:none}
	a#returnhome:active {background:url(images/header2.gif) -232px -563px; padding-left:25px; padding-right:25px; margin:0px; padding-top:22px; padding-bottom:22px}
	
#backplatehome a { margin-left:25px; margin-right:25px;position:relative; color:#FFFFFF; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}

#backplatehome a:hover {
outline:none;
text-decoration:none;
color:#00FF00}

#backplatehome a:active {
outline:none;
text-decoration:none;
color:#FF0000}

#backplatefoot {
float:left;
width:540px;
height:65px;
background:url(images/header2.gif) 0 -716px}

#popbottom {
width:540px;
height:35px;
float:left}

#backplatefoot p {
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#ececec;
text-align:center;
font-size:18px;
margin-left:125px;
margin-right:15px;
margin-top:10px}

.leftpic {
margin-right:10px;}

.pop {
background-color:#00FFFF}

.tableright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:right;
color:#000}

blockquote {
margin-left:50px;
margin-right:50px;
background-color:#EBD994;
border:thin solid #CC9966}

blockquote p {
margin:10px;}

#backplatemid h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
text-align:center;
margin-top:-10px;
padding-left:25px;
padding-right:25px;
font-weight:bold;
text-decoration:underline;
color:#000}

#backplatemid h2 {
-moz-box-shadow:3px 3px 8px #333333;
-webkit-box-shadow:3px 3px 8px #333333;
box-shadow: 3px 3px 8px #333333;
margin-left:25px;
margin-right:25px;
padding-bottom:8px;
padding-top:8px;
background-color:#33FFFF;
border:6px ridge #cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
color:#6600CC}

#backplatemid h4 {

background-color:#FFCC99;
border:thin solid #009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
color:#6600CC}

#backplatemid h3 {
margin-left:25px;
margin-right:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
text-align:center;
color:#000}

.thumbnail{
background-color:#FFFF00;
position:static;
z-index: 0}

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

.thumbnail span{ /*CSS for enlarged image*/
position:fixed;
background-color:#99CCFF;
padding: 5px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center}

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

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