body 			{	font: 80% verdana, arial, sans-serif;
				text-align:center;
				padding-bottom: 10px;
			}
* 			{	margin: 0; 
				padding: 0;
			}
img 			{ 	border: 0;
			}
td			{	padding: 2px;
			}	
div#container		{	width: 962px;
				margin: 10px auto;
				background-color: #fff;
				color: #333;
				border: 1px solid #ccc;
				text-align: left;
			}
div#header		{	position: relative;
				background-color: #fff;
				overflow: hidden;
				width: 100%;
			}
div#top_header		{	padding: 5px 0;

			}
div#top_header img#logo	{	float: left;
				margin-right: 10px;
				margin-left: 8px;
			}

div#top_header div#weather {	float: right;
			 	margin-right: 10px;
				margin-top: 8px;
				padding: 5px;				
				width: 170px;		
				overflow: hidden;
				text-align: right;
				background-color: #fff;
				font-size: 80%;

			}
div#top_header div#weather img	{ 
				vertical-align: middle;
				margin-left: 10px;

				}
div#top_header h1	{	padding: 6px 10px;
				margin: 0;
				font-size: 2.5em;
				font-weight: bold;
				color: #165288;
				font-variant: small-caps;
			}
div#top_header h1 span	{	color: #8D8731;
			}

div#header img#top_right {	float: right;
				margin-right: 10px;
				width:  180px;
				height: 160px;

			}
div#header img#top_left {	float: left;
				margin-left: 10px;
				width:  180px;
				height: 160px;

			}
img#topImg		{	width:  560px;	
				height: 160px;
				float: left;
				margin-left: 10px;
			}
div#topHome		{	width:  560px;	
				height: 230px;
				margin-bottom: 20px;
				background-image: url('/images/home_header.jpg');
				background-repeat: no-repeat;
				background-position: top;
                                overflow: hidden;
			}
div#topHome div#text	{	margin-right: 220px;
				margin-top: 160px;
				margin-left: 20px;
				color: #CBDDEC;
				font-weight: bold;
				font-size: 8pt;
				line-height: 14px;
			}

div#contentSpacer	{	height: 10px;
			}

div#content		{	margin-left: 200px;
				margin-right: 200px;
				margin-bottom: 10px;
				padding: 0;
			}

div#content h2	 	{ 	font-size: 1.7em;
				font-weight: bold;
				color: #8D8731;
				margin: 0 0 .5em 0;
			}

div#content h2.home 	{ 	font-size: 1.7em;
				font-weight: normal;
				color: #165288;
				word-spacing: -.5em;
				margin: 0 0 .5em 0;
			}
div#content h2.home span { 	font-family: 'Times New Roman', serif;
				font-size: 120%;
				font-weight: normal;
				font-style: italic;
				color: #8D8731;	
			}
div#content h3 		{ 	font-size: 1.3em;
				margin: .75em 0 .5em 0; 
                                padding-top: .25em;
				color: #165288;	
				font-weight: normal;
			}
div#content h3.spacer   {	border-top:1px dotted #ccc;
			}
div#content h4 		{ 	font-size: 1.1em;
				margin: 0 0 .5em 0; 
				font-weight: normal;
			}
div#content p 		{ 	margin: .5em 0; 
			}
div#content p.nextStep  {	margin: 10px 0 .5em 0;
				font-size: .85em;
				text-align: right;
				font-weight: bold;				
			}
div#content a:link,
div#content a:visited 	{	color: #044C86;
				text-decoration: underline;
			}
div#content a:hover 	{	color: #8D8733;
				text-decoration: none;
			}
div#content ul 		{ 	margin-top: .5em; 
				margin-bottom: .5em;
				margin-left: 30px;
			}
div#footer		{	clear: both;
				height: 40px;			
				color: #333;
				background-color: #fff;
				background-image: url('/images/footer_bg.gif');
				background-repeat: repeat-x;
			}
div#footer p		{	padding-top: 14px;
				text-indent: 10px;
				font-size:  75%;
			}

/* STYLES FOR NAVBAR */


div#rightnav img#top_right {	width:  180px;
				height: 160px;
				margin-bottom: 8px;
				
			}
div#leftnav img#top_left {	width:  180px;
				height: 160px;
				margin-bottom: 8px;
				
			}
div.nav_box		{	padding-top: 0;
				margin-top: 0;
				background-color: #E6E4D3;
				padding-bottom: 25px; /* bottom spacing for  navlist */
				margin-bottom: 10px;
				width: 180px;			
			}
div.search_box		{	margin-top: 0;
				background-color: #E6E4D3;
				padding-bottom: 12px;
				margin-bottom: 10px;
				width: 180px;			
			}
div#map			{	background-image: url('/images/navmap.gif');
				background-repeat: no-repeat;
				background-position: bottom right;
				padding-bottom: 30px;
				
			}
div.nav_header		{	height: 15px;
				padding-top: 3px;
				margin-bottom: 25px; /* top spacing for  navlist */
				background-color: #4175A6;
				background-image: url('/images/nav_header_bg.gif');
				background-repeat: repeat-x;
				border-bottom: 1px solid #000;
				text-indent: 5px;
			        font-weight: bold;
				color: #fff;
			}
div.search_header	{	height: 15px;
				padding-top: 3px;
				margin-bottom: 5px;
				background-color: #4175A6;
				background-image: url('/images/nav_header_bg.gif');
				background-repeat: repeat-x;
				border-bottom: 1px solid #000;
				text-indent: 5px;
			        font-weight: bold;
				color: #fff;
			}
div.search_box form	{	margin-top: 10px;	

			}
div.search_box input#search {	width: 120px;
				float: left;
				padding: 1px;
				margin-left: 5px;				
			}

div.search_box input.submit {	background-color: #fff;
				color: #000;
				font-size: 90%;
				padding: 1px;
				margin-left: 5px;
				border: 1px solid #417AA4;	
		         }
div#rightHome		 {	float: right;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				padding: 0 5px;
				width: 135px;
                                background-color: #fff;
				margin: 10px 0 0 10px;

			}
div#rightnav_spacer	{	height: 1px;
			}
div.nav_box ul.navlist	{	margin: 10px 0;
			}

/* STYLES FOR NAVBAR LIST FLYOUTS */

div#leftnav		{	padding: 0;
				z-index: 10;			
				float: left;
				font-size: .8em;
				margin-left: 10px;
			}
div#rightnav		{	float: right;
				z-index: 10;
				font-size: .8em;
				margin-right: 10px;
			}
div#leftnav ul,
div#rightnav ul 	{	padding: 0;
				z-index: 20;
				margin-top: 10px;
				list-style-type: none;
			}
div#leftnav ul li,
div#rightnav ul li 	{	position:relative;			
				z-index: 30;
				background-image: url('/images/bullet_14.gif');
				background-repeat: no-repeat;
				background-position: left top;
				text-indent: 22px;
				margin-left: 10px;
				margin-top: 11px;
				list-style-type: none;
			        font-weight: bold;
				height: 14px;
			}
div#leftnav a,
div#rightnav a		{	display:block; 
				text-decoration:none;
				color: #000;
				padding: 2px 0;
			}
div#leftnav a:visited,
div#rightnav a visited  {
			}
div#leftnav a:hover,
div#rightnav a:hover   	{	background-image: url('/images/bullet_14_bg.gif');
				background-repeat: no-repeat;
				background-position: left top;
			}

/* hide the sub menus */


div#leftnav ul li ul	{	visibility: hidden;
				position: absolute;
				top: -20px;
				left: 169px;
				width: 100%;
				background-color: #E6E4D3;
				border: 1px solid #fff;
				z-index: 40;
				padding-bottom: 15px;
			}
div#leftnav ul li ul li  { 	position: relative;
				z-index: 50;	
			 }
div#leftnav ul li ul li:hover {	background-image: url('/images/bullet_14_bg.gif');
				background-repeat: no-repeat;
				background-position: left;
			}

/* make the sub menu visible on hover */
div#leftnav ul li:hover ul {	visibility:visible;
			}
div#leftnav ul > a:hover ul {	visibility:visible;
			
			}
/* END STYLES FOR NAVBAR LIST FLYOUTS */

table#timeline	{		
				width:100%;
				border-collapse:separate;
				border-spacing: 10px 10px;
		}
table#timeline span {		font-weight: bold;
				color: #fff;
		}
table#timeline td {		padding: 2px 4px;
		}

div#galleryPics {		text-align: center;
		}
div#galleryPics img {		width: 110px;
				margin: 8px;
				
		}
div#postcardContainer {		text-align: center;
				margin-top: 20px;

		}
div#postcardContainer div {	overflow: hidden;
				vertical-align: top;
				text-align: left;
				margin: 15px 80px;
				
		}
div#postcardContainer div label {
				float: left;
				width: 150px;
				margin-right: 10px;
		}
div.heritageSite	{	border-top: 1px dotted #044C86;
				overflow: hidden;
				padding: 10px 0;
		}
div.heritageSite img	{	float: right;
				margin-left: 10px;
		}	
div#content div.featureBox {	overflow: hidden;
				padding-top: 4px;
				margin-top: 4px;
				border-top: 1px dotted #000;
		}

div#content div.featureBox img {	float: left;
		}
div#content div.featureBox p {		margin-left: 140px;
					margin-bottom: 0;
					padding: 0;
		}
div#content div.featureBox a {		font-style: italic;
		}
h2#mapTitle	{		padding: 2px 4px;
				position: absolute;
				top: 5px;
				left: 5px;
				color: #000 !IMPORTANT;
		}
p#mapLegend	{		position: absolute;
				top: 25px;
				left: 10px;
		}
div#content div.kidsBox {	float: left;
				text-align: center;
				border: 1px solid #000;
				margin: 5px;
				width: 128px;
				height: 125px;
				padding-top: 5px;
		}
div#content div.kidsBox img {	height: 100px;
				width: 100px;

		}	
div#content div#floatContainer { overflow: hidden;
		}

div.links { 			padding:4px;
				overflow:hidden;
				margin: 10px 0;
          }
div.links img { 		float:left;
				margin-right: 10px;
          }
div.links div { 		padding: 2px;	
				margin-left: 75px			
          }
div#credits {			font-size: .7em;
				padding: 10px 10px;

	}