/*Website designed and implemented by Alex Colgan, with support and assistance from Bruce Bishop, Vaughn Bullerwell, Peter Eldridge, Nadine Gates, Eric Ruff, Jamie Serran, Barbara Smith, and others. All content provided by the Yarmouth County Museum and Archives, and compiled by Alex Colgan, except where otherwise noted. Site graphics created by Christopher Muise.*/

body {background-color: #FEF0C0;
font-size:10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(misc/background.jpg);
min-width: 850px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;} 

a.menu:link { color: #FFFFFF; text-decoration: none; }
a.menu:visited { color: #FFFFFF; text-decoration: none; }
a.menu:hover { color: #FFDB0F; text-decoration: none; }
a.menu:active { color: #FFDB0F; text-decoration: none; }
a.menu {font-size:9pt; }

a.cat:link { color: #FFDB0F; text-decoration: none; }
a.cat:visited { color: #FFDB0F; text-decoration: none; }
a.cat:hover { color: #FFDB0F; text-decoration: none; }
a.cat:active { color: #FFDB0F; text-decoration: none; }
a.cat {font-size:10pt; font-family: Georgia, "Times New Roman", Times, serif; }

a.sub:link { color: #CCCCCC; text-decoration: none; }
a.sub:visited { color: #CCCCCC; text-decoration: none; }
a.sub:hover { color: #FFDB0F; text-decoration: none; }
a.sub:active { color: #FFDB0F; text-decoration: none; }
a.sub {font-size:8pt; }

a:link { color: #0000FF; text-decoration: none; }
a:visited { color: #0000FF; text-decoration: none; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #0000FF; text-decoration: none; }

ul {list-style-type: square}

.style1 {
	color: #990000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16pt;}

.style2 {
	color: #000099;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight:bold}
	
.style3 {
	color: #990000;
	font-weight: bold;}

.style4 {
	font-size: 8pt;}

.style5 {
	font-size: 8pt;
	color: #990000;}

.style6 {
	font-size: 6pt;
	color: #990000}

.t1 {
	font-size: 24pt;
	font-family: Georgia, "Times New Roman", Times, serif;
        font-weight:bold;
	color: #FDDC68}
.t2 {
	font-size: 18pt;
	font-family: Georgia, "Times New Roman", Times, serif;
        font-weight:bold;
	color: #FDDC68}

.t3 {
	color: #FDDC68;
	font-family: Georgia, "Times New Roman", Times, serif;
        font-weight:bold;
	font-size: 10pt;}
	
div#top {
width: 100%;
background:url(misc/top.jpg);
background-position:center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border: none;
padding-top:3px;
padding-bottom:10px}

div#header {
	height: 64px;
	background-color: #990000;
	overflow:hidden}

div#subheader {
	background: url(misc/subheader.bmp);
	height: 8px;
	margin: 0px;
	padding: 0px;}

div#outer {
width: 100%;
height: 100%;
margin-top: 0px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: none;}

div#supernav {
	width: 180px;
	float: left;
	padding: 0px;
	background: url(misc/menu.jpg);
}

div#undernav {
	width: 182px;
	float: left;
	padding: 0px;
	background: url(../Desktop/Untitled-1.bmp);
}

div#navcol {
	padding-left: 12px;
	padding-top:0px;
	padding-bottom:1px;
	background: url(misc/menu.jpg) no-repeat bottom right;}

div#body {
	padding-top: 1px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 180px;
	margin-right: 0px;
	background: url(misc/top.gif) no-repeat top left;
	position: relative;}

div#tile {
width: 133px;
margin-right: 7px;
margin-bottom: 7px;
padding: 4px;
float: left;
background-color:#FFFFFF;
border: 1px solid #999999}

div#gs_tile {
width: 133px;
margin-right: 7px;
margin-bottom: 7px;
padding: 4px;
float: left;
background-color:#FFFFFF;
border: 1px solid #999999;
background-image:url(gift_shop/watermark.jpg)}

.flag_l {float:left; margin-top:10px; margin-left:20px}
.flag_r {float:right; margin-top:10px; margin-right:20px}

{The following CSS was drawn from the Dynamic Drive CSS Library (http://www.dynamicdrive.com/style)}

.thumbnail img {
border: 0px;
margin: 0 5px 5px 0;}

.thumbnail:hover {background-color: transparent;}

.thumbnail:hover img {border: none;}

.thumbnail span {
position: absolute;
background-color: white;
padding-top:5px;
padding-left:5px;
padding-right: 0px;
padding-bottom:0px;
left: -1000px;
border: 2px dashed #990000;
visibility: hidden;
color: #000000;
text-decoration: none;}

.thumbnail span img {
border-width: 0px;
padding: 2px;}

.thumbnail:hover span {
visibility: visible;
top: 1;
left: 240px;
z-index: 50;}