body {
/* background-color: #720; */
background-color: #050;
padding:0px;
margin:0px;
}
body, p {
font-size: 12px;
line-height:1.4em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
}
a {color: #037;}
a:visited {color:#049;}
a:hover {color: #564b47;}
a:active { color:#000000;}

#head h1 {
	text-indent: -100em;
	overflow: hidden;
	background: url(images/mt_wash_cog_railway.gif) no-repeat;
	line-height: 163px;
	margin:0;
	padding:0;
	height: 163px;
}

h2 {
font-size:20px;
color:#800;
}

h3 {
font-size:15px;
color:#830;}

h2, h3, h4 {
font-weight: bold;
line-height:1.4em;
padding: 5px 10px;
margin:0px;
}
/* ----------container to center the layout-------------- */
#container {
width: 800px;
clear:right;
margin: 4px auto 10px auto;
background-color: #fffae5;
}

/* ----------banner for logo-------------- */
#head {z-index:1;}
#head img {padding:10px 12px; } 

/* -----------------content--------------------- */
#content {
/* background-color: #fed9b4; */
background-color: #fffae5;
padding: 0px;
margin-left: 250px;
margin-top:0;
width: 540px;
z-index:4;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
h2.subhead  {background:#000; color:#fff; font-size:13px; margin:0; padding: 1px 6px; text-align:center; font-family:georgia,serif;}
#left {
clear:left;
float: left;
width: 250px;
margin: 0px;
padding: 0px;
}
#left p, #left h2, #left h3 {margin:10px; padding:0;}
#left h2 {font-size:1.2em;}
#babel {margin:12px;}
#google_translate_element {margin:12px;}

.dates {color:#039; font-size:1.2em;}
.red {color:#900;}
.ital {font-size:0.8em; font-style:oblique;}
img {border:0;}
.cog {margin-bottom:-3px;}
#coggeralert {
margin:10px 20px 10px 10px;
background:#f6f6f6;
padding: 4px 8px;
border:2px dashed #050;
}
p, pre{
padding: 5px 10px;
margin:0px;
}
#content p, #content h2, #content h3 {padding: 5px 25px;}
.ctr {text-align:center;}
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; 
background:#B2987E;
font-size:10px;
}
#footer p {color:#fff;}

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

#menu, #menu * {
	margin:0;
	padding:0;
}
#menu {
	line-height:1.0;
	margin-bottom:1.5em;
	width: 210px;
	margin-left:12px;
	margin-bottom:12px;
	padding-top:12px;
}
#menu ul {
	background:#fff; /*IE6 needs this */
	background:transparent; /*IE6 needs this? */
	width: 210px;
	margin-bottom:12px;
}
#menu li {
	background:transparent;
/*	border-left:1px solid #fff;
	border-top:1px solid #fed9b4; */
	float: left;
	margin-bottom:1px;
	list-style:none;
	position:relative;
	width: 210px;
	z-index:9;
}
#menu a {
	color: #fff;
	font-weight:bold;
	display:block;
	padding: .8em 0 .8em 12px;
	text-decoration:none;
	width:198px;
	background: transparent url(images/links_cog.png) right top no-repeat;
}
#menu li ul {
	top:-999em;
	position:absolute;
	width: 215px;
	margin-left:0;
}
#menu li:hover,
#menu li.sfHover,
#menu a:focus, #menu a:hover, #menu a:active {
background: transparent url(images/links_cog.png) right -122px no-repeat;
color:#fff9db;
}
#menu li:hover ul, /* pure CSS hover is removed below */
ul#menu li.sfHover ul {
	left:210px;
	top:-1px;
}

#menu li:hover li ul,
#menu li.sfHover li ul {
	top:-999em;
}
#menu li li:hover ul, /* pure CSS hover is removed below */
ul#menu li li.sfHover ul {
	left:210px;
	top:-1px;
}
#menu li li:hover li ul,
#menu li li.sfHover li ul {
	top:-999em;
}
#menu li li li:hover ul, /* pure CSS hover is removed below */
ul#menu li li li.sfHover ul {
	left:210px;
	top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
#menu li li {
	background:transparent;
	width:210px;
}
#menu li li li {
	background:#00f;
}
#menu li li a {
	padding-right:0;
/*	width:7.45em; */
width:202px;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */