/* CSS Document */



body {margin:0; background:url(images/bg.jpg) repeat-x #315392;

	font-family:Tahoma, Arial, Verdana, sans-serif;}



img {vertical-align:bottom;}



#maintable {width:750px; margin:10px auto;}



#maintable .txtLinks {font-size:.7em; margin-left:30px; color:#FFC;}

#maintable .txtLinks a {color:#FFC; text-decoration:none;}

#maintable .txtLinks a:hover {text-decoration:underline;}



#tdlogo {background:url(images/bg_contactinfo.gif) no-repeat bottom right;

	width:545px; height:90px;}



#tdlogo img {margin:0 50px 5px 25px; float:left;}



#tdlogo p {font:.7em Tahoma, Arial, Verdana, sans-serif;

	margin:17px 0 5px; padding:0;}

	

#tdlogo p a {color:#F60; font-weight:bold;}



#tdEmail {width:145px; height:280px; font-size:.7em;

	background:url(images/bg_emailsignup.gif) no-repeat;

	padding:0 30px 0 20px;}

	

#tdEmail p {margin:60px 0 15px; padding:7px 0 10px;

	border-top:dashed 1px #9CF; border-bottom:dashed 1px #9CF;}

	

#tdEmail input {padding:0; margin:0 0 5px; width:140px;}



#tdEmail input.submit {padding:2px; width:auto; font-size:11px; 

	background-color:#9CF; border:none; color:#036;}



#tdEmail lable, form {margin:0; padding:0;}

	

#tableBody {margin:10px 0 10px 10px;}



#tableBody p {font-size:.7em; margin:0 15px 15px 0; padding:7px 0 15px;
}

	

#tableBody p a {color:#369; font-weight:bold;}

#tableContactForm {font-size:.7em;}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
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: 200px;
left: 500px; /*position where enlarged image should offset horizontally */

}