/*this is to keep page from shifting to left on load in safari and firefox*/
/*html { min-height: 100%; margin-bottom: 1px; } */
html { overflow: -moz-scrollbars-vertical; }


body {
	font-family: Georgia, serif; /*check this font setup */;
	font-size: 10px;
	background-color: #FFFFFF;
	color: rgb(72,74,70);
	width:600px;
	margin:75px auto;

	
}

;
	font-size: 10px;
	background-color: #FFFFFF;
	color: rgb(72,74,70);
	width:600px;
	margin:75px auto;

	
}

div {
margin-right:auto;
} 


body * {
	margin:0; 
	padding:0;
}


#masthead {
	width:600px;
	margin:0 auto;
	color:rgb(72,74,70);
	padding-top:0;	
}

#masthead h1 {
	font-size: 32px;
	font-weight:normal;
	top:5px;
	text-align:center;
}

#masthead h2 {
	font-size:1.5em;
	font-weight:normal;
	text-align:center;				
}

#menu {
	width:250px;
	background-color:white;
	border-bottom:2px #A99877 solid;
	position:absolute; left:50%;
	margin-left:-130px;
	margin-top:20px;
	padding-top:0px;
}

#menu ul {
	width:260px;
	margin-left:0px;
}

#menu li {
	list-style-type:none;	
	float:left;
	width:50px;  /* can't get width right to completely fill in */
	background-color:white;
	height:1.5em;
	text-align:center;
	padding-left:0px;
}

#menu a {
	color:gray;
	font-size:1em;
	background-color:white;
	text-decoration:none;
	width:50px;
	display:block;
	text-align:center;
	position:relative; 
	line-height:1.5em;
	height:1.5em;
}

#menu a:hover {
	color:white;
	background-color:#BAC0B3;
	/* border:1px white solid;  *had to disable the border as it made the underneath screen area "jump" down on the hover* on IE6 */
}


#menu-active a {
	color:white;
	background-color:gray;
}


#filmstrip {
	width:600px;
	position:absolute; left:50%;
	margin-left:-300px;
	top:215px;
}

#filmstrip DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#filmstrip DIV.active {
    z-index:10;
    opacity:1.0;
}

#filmstrip DIV.last-active {
    z-index:9;
}

#filmstrip DIV IMG {
    /* height: 350px; */
    display: block;
    border: 0;
    margin-bottom: 10px;
}

	
#content {
	width:600px;
	position:absolute; top:356px;
	font-size:1.3em;
	margin: 20px auto;	
}


#content-text-region h3 {
	width:600px;
	font-size:1.4em;
	text-align:center;
	letter-spacing:0.1em;
	color:#A99877;
	margin:20px auto;
}

#content span {
	color:white;
}

.clear {
	clear:both;
	background-color:0px solid aqua;
}


#contact-us-info-box a {
	text-decoration:none;
	color:rgb(72,74,70);
}


#contact-us-info-box a:hover {
	text-decoration:underline;
	font-weight:bold;
}


#image-text{
	width:600px;
	position:absolute; 
}


#image-text ul {
	width:600px;
	margin-left:0px;
}

#image-text li {
	list-style-type:none;	
	float:left;
	width:150px;  /* can't get width right to completely fill in */
	height:1.5em;
	text-align:center;
	padding-left:0px;
}