body {
	margin:10px 0px; 
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 80%;
	background: #C4BEAE; 
	}
#Container{
	width:760px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:center; /* Counteract to IE5/Win Hack */
}
#BorderTop{
	background-image: url(images/border_top.gif);
	height: 7px;
}
#BorderBottom{
	background-image: url(images/border_bottom.gif);
	height: 7px;
}
#header {
	padding:15px;
	background-image: url(images/background_header.gif)
	}
#ContentContainer {
	padding:15px 30px;
	background-image: url(images/background_content.gif);
	color: #F9F6EF;
	text-align: left;
	}
#ContentHome{
	float: right;
	padding: 0 10px;
	width:325px;
}
#Content{
	padding: 10px
}

#Content h1{
	color:#730A11;
	font:20px "Trebuchet MS",Verdana,Arial,sans-serif;
	margin:0;
}
#Content h1 a:link,
#Content h1 a:visited{
	color:#730A11;
	text-decoration:none;
}
#Content h1 a:hover,
#Content h1 a:active{
	color:#730A11;
	text-decoration:underline;
	background:none;
}


#Content .subsection{
	display:inline;
	float:left;
	margin:10px 20px;
}

#NavigationContainer{
	padding: 0px;
	background-image: url(images/background_navigation.gif);
	background-repeat: no-repeat;
	height: 29px;
}
.NavigationSelected{
	color: #654b32;
	padding: 0 10px;
	text-decoration: none;
}
#NavigationContainer a{
	color: #000;
	padding: 0 10px;
	text-decoration: none;
}
#NavigationContainer a:hover{
	color: #900;
	background: #B5A998
}
#PhotoHome{	
	float: left;
}
a{
	color:#F9F6EF;
	}
a:hover{
	background:#993037; 
	text-decoration:none;
}

.PhotoBorder{
	border: 2px solid #C4BEAE;
	}
.PhotoMurals{
	background: #7B706F;
	margin-right:10px; 
	margin-left:10px;
}
Table.Murals{
	Margin-top: 20px;
}
TD{
	color: #F9F6EF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 80%;
	}
.PhotoDetails{
	border: 1px dashed #B5A998;
	color: #B5A998;
	font-size: 85%;
	padding: 5px 10px;
	width: 150px;
	margin:10px 10px;
}
td a, a:hover {
	color: #b5A998;
	text-decoration: none;
}
td a:hover{
	background: #7b706f;
	text-decoration: underline;
}
#motioncontainer {
	margin-top: 10px;
}
#motioncontainer a img{ /*image border color*/
border: 2px solid #B5A998;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 2px solid #600;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}
.ScrollDirections{
	width:100%;
	border-top: 1px dotted #B5A998;
	text-align: center;
	font-size: 85%;
	color: #751E24;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}