﻿html { height: 100%;  }

body {background-image: url('../graphics/bgdiag.gif');	background-repeat: repeat;
	margin: 0px 0px;text-align: center;	font-family: Arial;	font-size: 11pt; margin-bottom: 0px;margin-top: 0px; line-height:20px;
}

div#positioncontainer {width:1000px; height:auto;text-align: left; padding: 0px; border: 0px;
	position:relative; z-index:1; top:1px;left:0px;margin:auto;
	}


div.contentpage {margin:0px;margin-top:0px;margin-bottom:0px;text-align: center; border-top:0px;color:#ffffff; background-color:#ffffff; width:1000px; 
	/*min-height:450px;  height:auto;  height:450px; these three address IE bug*/ 
}

div#content {position:absolute; top:24px; min-height:350px;  height:auto; width:1000px; background-color:transparent; margin-bottom:0px; margin-top:0px; z-index:1; left:0px;}

div#homecontent {height:auto;background-color:#ebebeb; text-align:center;width:1000px; position:absolute;top:0px; left:0px; margin: 0px 0px 0px 0px;}
#homecontent img {
	 position:absolute; top:0px; left:0px; border-width:0px;
}

div#photoofthemonth {margin: 10px 10px 30px 10px; background-color:white; text-align:center;}


br.headerspacer {line-height:10px; }


div#phototour {text-align: center; position:absolute;vertical-align: top; font-family:Arial; font-size:11pt;color:#ffffff; margin-top:10px;
}	 

div#menusystembg {position:absolute;  z-index:8; top:0px; left:0px;width:1000px; height:36px; background-color:#6b1d3a;}	/* giving bg color seemed to solve IE menu problem/gap between top menu and pop up list */

div#menusystem { position:absolute; top:8px; left:0px; width:1000px;  text-align:center; height:auto; z-index:11;display:inline; margin-bottom:0px; }
	
div#menusystem a {
	margin:0px;  margin-left:0px;  cursor:pointer;	outline: 0; color: #ffffff;	font-family: Arial, Helvetica, sans-serif;font-size:12px; text-decoration:none; font-weight:bold;
	 vertical-align:middle;  text-align:left; line-height:20px; 
}

div#menusystem a:active{  text-decoration:underline;} div#menusystem a:hover{  text-decoration:underline;} div#menusystem a:focus{  text-decoration:underline;}	

div.popupMenu{display:inline;position:relative; z-index:25;top:0px;left:0px;}

div.popupMenuItems {position:absolute;left:14px;top:17px;z-index:12;vertical-align:bottom; text-indent:4px;
	border-top: 1px solid #666464; border-bottom:2px solid #555555; border-right: 2px solid #666666; border-left: 2px solid #666464;padding-top:0px;width:auto; 
	filter:alpha(opacity=85); opacity:.99;  /* filter for ms, opacity for Mozilla */ 
}

div.popupMenuItems a {background-image: url('../graphics/bg_page.gif');
	display: block;width:auto; margin:0px;padding: 0px; width:160px; margin:0px; padding-top:0px;padding-bottom:4px;background-color:#6b1d3a;
	
}

div#trailMapsPopup a {
	display: block;width:auto; margin:0px;padding: 0px; width:160px; margin:0px; padding-top:0px;padding-bottom:2px;background-color:#313f7c;
	
}


a.topMenuItem {
	width:150px; padding:0px 40px 10px 26px; /*bottom padding previously seemed to keep menu alive when mouseing over drop-downs*/ 
}

	 
.contentpageimage {
	border:1px #bbb  solid; margin:6px; text-align:right;
}

.contentpageimageleft {
	 border:1px #bbb solid; float:left; margin:6px;
}


.contentpageimageright {
	border:10px #bbb  solid; margin:0px; margin-top:20px;
}

.contentpageimagetop {
	border:1px #bbb  solid; margin-top:10px;
}


div.contentPageText {
	width:auto; height:auto;display:inline;
}


div#sitefooter { position:relative; height:20px; z-index:12; margin:0px 0px 0px 0px; margin-left:0px;  width:1000px; text-align:center;font-size: 8pt; font-weight: bold; font-family: Arial;color: #6b1d3a;}
div#sitefooterframe { position:relative; height:20px; top:586px;z-index:12; margin:0px 0px 0px 0px; margin-left:0px;  width:1000px; text-align:center;font-size: 8pt; font-weight: bold; font-family: Arial;color: #6b1d3a;}

#sitefooter a{color: #cccccc;}
#sitefooter p{ text-align:center;}

div#sitefootertour { position:absolute; margin-top:0px; margin-left:0px;  margin:0px 0px 0px 0px; width:1000px; background-color:#42475b; text-align:center;  left:0px; text-indent:120px; text-align:center;font-size: 9pt; font-weight: bold; font-family: Arial;color: #cccccc;display:inline; line-height:20px}
#sitefootertour a{color: #cccccc;}
#sitefootertour p{ text-align:center;}

a {	text-decoration:underline;	outline: 0; color: #dddddd;}

a.poplink {	border-width:0px}
a#schedule {text-decoration:none}

a.poplink img{	border-width:0px;}


a#meta4link {	text-decoration:underline;color: #6b1d3a;}
a#emaillink {	text-decoration:underline;color: #6b1d3a;}

br.headerspacer {line-height:10px; top:200px}

.contentpageheader{	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #000000;	margin-bottom:24px;  margin-top:12px; text-align:center; }

.contentpagesubheader{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #ff0000;	margin:12px;  margin-bottom:24px;  margin-top:-20px; text-align:center; line-height:20px;}

.contentpagesubheaderbold{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #000000;margin:12px;  margin-bottom:24px;  margin-top:-20px; text-align:center; line-height:20px; text-decoration:underline;}


.contentpagetext{font-family: Arial, Helvetica, sans-serif;font-size: 14px;	font-weight: normal;color: #000000; margin:12px; vertical-align:top; text-align:left;}

.photopageheader{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	color: #000000; margin-top:14px;margin-bottom:0px;vertical-align:middle; text-align:center;}



.tourCategoryLink{	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: normal;	color: #FFFFFF;	line-height:27px;	cursor:pointer; margin-right:24px;margin-left:24px;display:block; text-decoration:none }

table#phototourcontrols {	margin-top:-20px;}

	


p#captionText {	font-size:12px;  font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

p#imagesloadingmessage{position:absolute;  z-index:10; left:0px; top:80px;	text-align: center;	width: 160px; height: 560px; background-color:#42475b; line-height:20px}

div#tourMenuDiv{position:absolute;  z-index:4; left:0px; top:30px;	text-align: center;	width: 160px; height: 585px; background-color:#42475b;}

#tourMenuDiv p{	font-size:14px; font-family:Arial, Helvetica, sans-serif;}

div#singleImageDiv{position:absolute;  z-index:1; left:0px;top:0px;text-align: center; overflow: auto; width: 1000px; height: 585px; margin-bottom:0px; background-color:#42475b; text-indent:0px; }
div#mainImageDiv{position:absolute;  z-index:1; left:0px;top:0px;text-align: center; overflow: auto; width: 1000px; height: 555px; margin-bottom:0px; background-color:#42475b; text-indent:140px; }
img#pic{ margin-top:20px;}

div#buttonsAndCaptionDiv{	text-align: center;	 width: 860px; height: 35px; margin-bottom:0px; position:absolute; z-index:10; left:140px;top:550px; text-align:center; background-color:#42475b;}
div#singleImageButtonsAndCaptionDiv{	text-align: center;	 width: 1000px; height: 33px; margin-bottom:0px; position:absolute; z-index:10; left:0px;top:555px; text-align:center; background-color:#42475b;}

input#backArrow{position:absolute;  z-index:11; left:80px;cursor:pointer; text-align: center; color:#eeeeee; font-size:10pt; background-color:#42475b; text-decoration:none; width:60px; border:0px}
input#nextArrow{text-align:center;position:absolute; left:724px;cursor:pointer; text-align: center; color:#eeeeee; font-size:10pt; background-color:#42475b;text-decoration:none;width:60px;border:0px}

p#captionText{text-align:center;position:absolute; left:140px; width:600px; vertical-align:middle;margin:0px 0px 0px 0px;}

div#thumbnailDiv { position: absolute;  z-index:5; left:0px;top:585px;width:1000px; background-color:#42475b; margin-bottom:0px; height:auto}

div.thumbs { cursor:pointer; background-color:#42475b;margin:0px 10px 10px 144px;
}

div#thumbnailDiv img { border:1px gray solid;}

div.centered{text-align:center;}


img.noborder {border:0px;}


div.redtext { color:#ff0000; font-size:16px; font-weight:bold;}

input.slideshowbuttons{ color: #FFFFFF;width:110px;background:#414360;font-family: Arial;	font-size:8pt;	margin:0px;	cursor:pointer;	padding:0px;	outline: 0; -moz-outline: none;	active:outline: 0;
	border-top: 1px solid #333333;	border-bottom: 2px solid #333333;	border-right: 1px solid #666666;	border-left: 1px solid #555555; margin-bottom:12px;}

input#typeImageNumber {	text-align:center; background-color:#bbbbbb;}
input#getImageByNumber {text-align:center; background-color:#cccccc; font-size:x-small}


p#tourTitle {
	position:absolute; z-index:11; top:20px;  left:8px;  width:150px; margin:8px; font-family:"Times New Roman", Times, serif; font-size:medium; font-weight:bold; text-align:center; line-height:24px
}

div#video {position:absolute; height:560px; width:1000px; background-color:#6b1d3a; margin-bottom:0px; margin-top:0px; z-index:1; left:0px;}
div#videomenu {	position:absolute; top:50px; left:30px; background-color:white;  border:1px red solid; height:auto; width:180px; color:navy; padding-top:10px}
div#videomenu a {	margin-top:0px; margin-bottom: 000px; text-decoration:none; color:red; font-family:Arial, Helvetica, sans-serif; font-size:small; display:block;}

div#mc-videomenu {	position:absolute; top:30px; left:50px; background-color:white;  border:1px red solid; height:auto; width:150px; color:navy; padding-top:10px}
div#mc-videomenu a {	margin-top:5px; margin-bottom: 5px; text-decoration:none; color:red; font-family:Arial, Helvetica, sans-serif; font-size:small; display:block;}


.nonvideo a {	margin-top:15px; margin-bottom: 15px; text-decoration:underline; color:red; font-family:Arial, Helvetica, sans-serif; font-size:small;}

iframe#videoiframe {position: relative;  z-index:0;	top: 0px;	left: 5px;	width: 640px;	height: 528px;	margin: 0px 0px 0px 0px; border:0px; border:0px}


div#videoextrasmenu {	position:absolute; top:450px; left:50px; background-color:white; width:150px;}
div#videoextrasmenu a{	margin-top:200px; margin-bottom: 10px; text-decoration:underline; color:blue; font-family:Arial, Helvetica, sans-serif; font-size:small;}

div#mc-videoextrasmenu {	position:absolute; top:520px; left:50px; background-color:white; width:150px;}
div#mc-videoextrasmenu a{	margin-top:200px; margin-bottom: 10px; text-decoration:underline; color:blue; font-family:Arial, Helvetica, sans-serif; font-size:small;}


div#videocontent {	position:absolute; top:20px; left:200px; width:752px; text-align:center;}
p#videopageheader{ position:absolute; top:20px;left:300px; font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	color: #000000; margin-top:0px;margin-bottom:20px; text-align:center;}
p#videopageheader{ position:absolute; top:00px;left:130px; font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	color: #000000; margin-top:0px;margin-bottom:0px; text-align:center;}
div#sjanimation { background-color:#fefafe;}
p.contentpagefooter{ position:absolute; top:600px;left:280px; margin: 0px 0px 25px 0pxfont-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	color: #000000; margin-top:10px; margin-bottom:10px;vertical-align:middle; text-align:center;}
.contentpagefooter a {color:#505632; text-decoration:underline; }

div#photoofthemonth {height:600px;}
p#photoofthemonthpara { margin: 0px 0px 15px 0px font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;	color: #000000; margin-top:10px; margin-bottom:10px;vertical-align:middle; text-align:center;}
n:center;}
div#contact { margin: 0px 0px 15px 0px font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;	color: black; margin-top:0px; margin-bottom:10px;vertical-align:middle; text-align:center;}
div#contact a {	color:black;}
div#contact td {	color:black; margin-bottom:28px; text-align:center; padding-bottom:28px;}
