body {
		font: 14px helvetica, arial, sans-serif;
		background-color: #9CB2BC;
		margin: 0;
		padding: 0;	
	}
	
	#ruler {
		display:block; position: absolute; z-index: 15; color: gray; border-top: 1px solid yellow; height: 18px; width: 800px; top: 148px; left: 0px;
		background: url("images/ruler_hor.gif"); background-repeat: no-repeat; /* top: 79px = logo top; top: 128=left menu top; top: 615=bottom edge */
	}
	#ruler2 {
		display:block; position: absolute; z-index: 15; color: gray; border-left: 1px solid red; height: 500px; width: 18px; top:1px; left: 211px;
		background: url("images/ruler_vert.gif"); background-repeat: no-repeat; /* 2nd col: left:402 1st col:left:212*/
	}
	
	#rightguide {
		position: absolute;
		border: 0;
		width: 50%;
		right: 0px;
		margin: 0;
		padding: 0;
	}
	#background {
		position: absolute;
		border: 0;
		width: 900px; /* set this to the width of the center div */
		height:500px;
		top: 0px;
		left: -10 px;
		z-index: 1;
		margin-left: -449px; /* set this to half of the width in pixels */
		margin-top: 0;
		background-image: url('images/midshadow.jpg');
		background-repeat: repeat-y;
	}
	#background_bottom {
		position: absolute;
		border: 0;
		width: 900px; /* set this to the width of the center div */
		height:100px;
		top: 500px;
		left: -10 px;
		z-index: 2;
		margin-left: -449px; /* set this to half of the width in pixels */
		margin-top: 0;
		background-image: url('images/baseshadow.jpg');
		background-repeat: no-repeat;
		text-align: right;
	}
	#background_bottom span { position: relative; top: 34px; right: 75px; text-align: right; color: #666666; font-size: 9px;}
#background_bottom span a { color: #666666; text-decoration: none; }
#background_bottom span a:hover { color: gray; text-decoration: underline; }

	#container {
		position: absolute;
		border: 1 px solid green;
		width: 800px; /* set this to the width of the center div */
		top: 0px;
		left: -10 px;
		z-index: 10;
		margin-left: -400px; /* set this to half of the width in pixels */
		margin-top: 0;
	}
	
	#container a img { border: 0; }
	
	.nopad { margin-top: 0; padding-top: 0; }
	
	input { background-color: #CCCCCC; border: 1px solid gray; }
	
	p {
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		color: #51677d; 
		margin: 0 10px 20px 0;
		line-height: 22px;
		letter-spacing: 0px;
		word-spacing: 1px;
		text-align: justify;
	}
	
	h3 {
		font-family: helvetica, arial, sans-serif;
		font-size: 15px;
		color: #51677d; 
		margin: 0 10px 0 0;
		line-height: 19px;
		text-align: left;
	}
	
	h4 {
		font-family: helvetica, arial, sans-serif;
		font-size: 13px;
		color: #51677d; 
		margin: 0 10px 0 0;
		line-height: 17px;
		text-align: left;
	}
	
	h5 {
		font-family: helvetica, arial, sans-serif;
		font-size: 11px;
		color: #51677d; 
		margin: 0 7px 10px 0;
		line-height: 14px;
		text-align: left;
	}
	
	li {
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		color: #51677d; 
		margin: 0 10px 0 0;
		line-height: 18px;
		text-align: left;
	}
	
	p.firstPageStatement{
	position:absolute;
	top: 155px;
	left: 227px;
	clear:both;
	width: 463px;
	font-size: 13px;
		color: #51677d
		line-height: 16px;
	text-align: left;
	letter-spacing:0;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	height: 400px;
	}
	
	a.firstPageStatement{
		
		font-weight: bold;
		color: #1b699b;
		text-decoration: none;
		line-height: 15px;
	}
	
	p.firstPageStatementa{
		
		position:absolute;
		top: 160px;
		left: 227px;
		clear:both;
		width: 400px;
		font-size: 13px;
		color: #51677d
		line-height: 16px;
		text-align: left;
		letter-spacing:0;
		margin:  0 0 0 0;
		padding: 0 0 0 0;
	}
	
	a.firstPageStatementa{
		
		font-weight: bold;
		color: #1b699b;
		text-decoration: none;
		line-height: 15px;
	}
	
	div#column1{
		width: 225px;
		border: 0;
		position: absolute;
		margin: 0 0 0 0;
		top: 90px;
		padding: 0 0 0 0;
		left: 227px;
		font-family: helvetica, arial, sans-serif;
	}
	div#column2{
		width: 225px;
		border: 0;
		margin: 0 0 0 0;
		position: absolute;
		top: 90px;
		left: 500px;
		font-family: helvetica, arial, sans-serif;
	}

	#column1 p, #column2 p{
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		color: #51677d
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		line-height: 16px;
		letter-spacing: 0px;
		text-align: left;
	}
	
	#column1 a, #column2 a{ color: #1b699b; text-decoration:none; }
	#column1 a:hover, #column2 a:hover{ color: #FFFFFF; text-decoration:none; }
		
	#column1 h2, #column2 h2{
		font-family: helvetica, arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #51677d;
		line-height:18px;
	}

/*------------------*/

	div#column1a{
		width: 215px;
		height: 300px;
		overflow: visible;
		border: 0;
		position: absolute;
		margin: 0 0 0 0;
		top: 150px;
		padding: 0 0 0 0;
		left: 227px;
		font-family: helvetica, arial, sans-serif;
	}
	div#column2a{
		width: 240px;
		height: 300px;
		overflow: visible;
		border: 0;
		margin: 0 0 0 0;
		position: absolute;
		top: 150px;
		left: 500px;
		font-family: helvetica, arial, sans-serif;
	}

	#column1a p, #column2a p{
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		color: #51677d;
		margin: 0 0 0 0;
		line-height: 16px;
		letter-spacing: 0px;
		text-align: left;
	}
	
	#column1a a, #column2a a{ color: #1b699b; text-decoration:none; }
	#column1a a:hover, #column2a a:hover{ color: #FFFFFF; text-decoration:none; }
		
	#column1a h2, #column2a h2{
		font-family: helvetica, arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color:#51677d;
	}


/*------------------*/	

	#contentDivMenuAlign {
	clear:right;
	border: 0px dotted #1b699b;
	position: absolute;
	top: 150px;
	left: 230px;
	} /* was 92px */

	#twoColumnDiv {
	clear:right;
	border: 0px dotted #1b699b;
	position: absolute;
	top: 73px;
	left: 230px;
	} /* was 92px */
	
	#twoColumnDivlower {
	clear:right;
	border: 0px dotted #1b699b;
	position: absolute;
	top: 113px;
	left: 230px;
	}
	
	table#twoColumnTable  {
		border-collapse:collapse;
		border: 0;
		padding: 0;
		width: 570px;
		font-size: 12px;
		line-height: 16px;
	}
	
	table#twoColumnTablewgraphic  {
		border-collapse:collapse;
		border: 0;
		padding: 0;
		width: 570px;
		position:absolute;
		top: 170px;
		font-size: 12px;
		line-height: 16px;
	}
	
	#twoColumnTable td#column1 {
		border: 0;
		width: 45%;
		vertical-align:top;
		padding: 0 50px 0 0;
	}

	#twoColumnTable td#column2 {
		border: 0;
		width: 45%;
		vertical-align:top;
		padding: 0 50px 0 0;
	}
	
	#twoColumnTablewgraphic td#column1 {
		border: 0;
		width: 45%;
		vertical-align:top;
		padding: 0 50px 0 0;
	}

	#twoColumnTablewgraphic td#column2 {
		border: 0;
		width: 45%;
		vertical-align:top;
		padding: 0 50px 0 0;
	}

	#twoColumnTable p{
		font-family: helvetica, arial, sans-serif;
		font-size: 12px;
		color: #51677d;
		margin: 10px 0 10px 0;
		padding: 0 0 0 0;
		/*border:1px dotted #1b699b;*/
		
		line-height: 16px;
		letter-spacing: 0px;
		text-align: left;
	}
	
	#twoColumnTable a{ color: #1b699b; text-decoration:none; }
	#twoColumnTable a:hover{ color: #FFFFFF; text-decoration:none; }
		
	#twoColumnTable h2{
		font-family: helvetica, arial, sans-serif;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color:#51677d;
	}



/*-------------------*/
	.smallbody p{
		font-family: helvetica, arial, sans-serif;
		font-size: 11px;
		color: #51677d;
		margin: 0 0 0 0;
		line-height: 14px;
		letter-spacing: 0px;
		text-align: left;
	}
	
	.smallbody a{ font-size: 11px; font-weight: bold; color: #1b699b; text-decoration:none; }
	.smallbody a:hover{ font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration:none; }
	
	.popbody{ color: #333333;}
	
	.smallbody h2{
		font-family: helvetica, arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color:#51677d;
	}
	
	
	#emaillink a { color: #1b699b; text-decoration:none; }
	#emaillink a:hover { color: #FFFFFF; }
	
	
	code {
		font-size: 115%;
	}
	
	#galleryListDiv { clear:right; border: 0; position: absolute; top: 160px; }
	
	table#gallerylist  {
		border-collapse:collapse;
		border: 0;
		width: 570px;
		font-size: 10px;
		line-height: 14px;
	}
	#gallerylist td {
		border: 0;
		width: 33%;
		vertical-align:top;
	}
	
	#pic1 {
	position: absolute;
	border: 0;
	background-color: none;
	width: 266px;
	height: 268px;
	top: 580px;
	margin-left: 0px; /*535*/
	left: -29px;
	z-index: 5;
	display: block;
	}
	
	#pic1a {
	position: absolute;
	border: 0;
	background-color: none;
	width: 266px;
	height: 100px;
	top: 480px;
	margin-left: 0px; /*535*/
	left: 500px;
	z-index: 5;
	display: block;
	}
	
	#pic2 {
		position: absolute;
		background-color: #1b699b;
		margin-left: 250px;
		width: 200px;
		height: 200px;
		top: 480px;
	}
	#pic3 {
		position: absolute;
		background-color: #1b699b;
		margin-left: 450px;
		width: 100px;
		height: 300px;
		top: 370px;
	}
	
	#frontpageheading {
	position: absolute;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #51677d;
	float:left;
	border:0;
	width: 500px;
	height: auto;
	overflow: visible;
	z-index: 20;
	top: 45px;
	margin-left:-172px;
	left: 1px;
		
	}


	#leftContent { float:left; margin-top: 0px; margin-right:0; border: 0px dotted #1b699b;}

	#logo { float:left; margin-top: 20px; border: 0;}

	#leftMenu {
		font-family: helvetica, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 18px;
		color: #417fa5;	
		clear: left;
		height: auto; margin-top: 5px; float:left;
		border: 0;
		z-index: 1100;
	}
	#submenu {
		font-family: helvetica, arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 18px;
		color: #417fa5;	
		height: auto; 
		border: 0;
		position: absolute;
		top: 175px;
		left: 122px;
	}

	#leftMenu a, #submenu a { color: #ffffff; text-decoration: none;}
	#leftMenu a:hover,  #submenu a:hover, #submenu.selected { color: #1b699b; text-decoration: none;}
	
	#leftMenu .selected, #submenu .selected { color: #1b699b; text-decoration: none;}

	#gallerylist a { color: #648291; text-decoration:none; }
	/*MacIE5 backslash hack - will ignore next line \*/
	#gallerylist a:hover { color: #FFFFFF; text-decoration:none; }
	/* -------- */
	#gallerylist .selected { color: #1b699b; font-weight: bold; text-decoration: none; }
	
	#gallerylist .inArea { color: #51677d; font-weight: bold; text-decoration: none; }
	
	#gallerylist .outofArea { color: #697c86; text-decoration: none;}
	#gallerylist .outofArea a:hover { color: #FFFFFF; text-decoration:none; }
	
	#events_galleryguide { color: #CCCCCC; text-decoration:none;  }
	#events_galleryguide a { color: #CCCCCC; text-decoration:none; }
	#events_galleryguide a:hover { color: #FFFFFF; }
	
	#topyellowborder { width: 572px; height: 22px; float:right; background-color: #566b76; margin: 0 0 26px 0; padding: 0;  } /*E5CC6C*/ /*33424a*/	#mainContent { width: 572px; height: auto; float:right; clear: none; border: 0px dotted 1b699b; }
	#specialeventgraphic { width: 572px; height: 297px; float:right; background:url(images/anniversary_party.gif); margin: 0 0 26px 0; padding: 0;  }
	
	
	#float1, #float2, #float3, #float4, #float5, #float6, 
	#float7, #float8, #float9, #float10, #float11, #float12
	{ background-color: none; float:right; clear:right; margin-left:20px; border: 0; } 
	
	#float1 { width: 190px; height: 130px; } /*150*/
	#float2 { width: 210px; height: 20px; } /*190*/
	#float3 { width: 240px; height: 20px; }
	#float4 { width: 250px; height: 20px; }
	#float5 { width: 260px; height: 20px; }
	#float6 { width: 260px; height: 20px; }
	#float7 { width: 260px; height: 20px; }
	#float8 { width: 250px; height: 20px; }
	#float9 { width: 240px; height: 20px; }
	#float10 { width: 215px; height: 150px; }
	#float11 { width: 240px; height: 20px; }
	#float12 { width: 255px; height: 20px; }	
	
	#detailContent { border: 0; clear: left; padding-top: 10px; position: absolute; top: 420px; left: 0px; }
	#galleryPhoto, #eventPhoto, #eventVideo { border: 0; float:left; width: 419px; height: 250px; position: relative; top: -20px; 
					font-size: 9px; color: #666666; }
	#galleryInfo { border: 0; float:left; width: 300px; }

	.galleryName { font-size: 13px; color: #1b699b; font-weight: bold; line-height: 16px; margin: 0px, 0px, 10px, 0px;}	
	.galleryBasicInfo { font-size: 11px; color: #51677d; line-height: 14px;  }
	.galleryBasicInfo a { color: #1b699b; font-weight: bold; text-decoration: none; }
	.galleryBasicInfo a:hover { color: #FFFFFF; font-weight: bold; }

	
	.galleryDescription { font-size: 11px; color: #51677d; line-height: 14px; margin-top: 10px; }
	.galleryHours { font-size: 11px; color: #51677d; font-style: italic; line-height: 14px; margin-top: 10px; }
	.galleryMapLink a { font-size: 11px; margin-top: 10px; color: #1b699b; font-weight: bold; text-decoration: none; }
	.galleryMapLink a:hover { color: #FFFFFF; text-decoration: none; }
	
	#photoNav { height: 20px; color: #1b699b; font-weight: bold; position: relative; left: 1px; }
	#photoNav a { color: #1b699b; font-size: 10px; text-decoration: none; border:none; }

	#eventPhotoNav { height: 20px; color: #1b699b; font-weight: bold; position: relative; left: 1px; } /* was 228px */
	#eventPhotoNav a { color: #1b699b; font-size: 10px; text-decoration: none; border:none; }
	
	#prevEventSubhead { position:relative; top: 5px; left: -1px; }
	
	#mapDiv { border: 0; float:left; width: 420px; height: 250px;}
	
	.italic { font-style: italic; }
	
	/* For map numbers */
	
	div.pointer
	{
	  margin-top: 0;
	  height: 18px;
	  width: 18px;
	  text-align: left;
	  border:0;
	}	

	div.pointer a {color:#FFFFFF; text-decoration:none;}
	div.pointer a:hover {font-weight:bold;color:#FFFFFF; text-decoration:none;}
	
	div.num
	{
	  font-family: Helvetica;
	  font-size: 12px;
	  line-height:13px;
	  top: -17px;
	  left: 0;
	  text-align: center;
	  font-weight: bold;
	  width:100%;
	  margin: 0;
	  position: relative;
	  color: #FFFFFF;
	  border: 0;
	}
	
	div.num a:hover
	{
		color: #333333;
	}