/*  
Theme Name: Horne's Ferry theme
Theme URI: http://hornesferry.com
Description: Horne's ferry theme
Author: D Colburn
Author URI: http://island-design-works.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php	
*/


* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 76%;
	line-height: 1.8em;
	color: #000000;
	text-align: center;
	background: #A5D0FA url(images/basemap1.jpg) repeat-y center 30px;
}

/* base typography */

p {
	font-size: 1em;
	padding: 4px 0px 10px;
}

h2, h3{padding:0 0 14px 0;}

/* layout structure */
#wrap {
	width: 720px;
	margin: 20px auto;
	text-align: left;
	background: transparent url(images/basemap2.jpg) repeat-y center -20px;
}
#innerwrap {
padding: 15px;
}
#branding{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6D1C5B;
	margin-top:15px;
}
#branding h1{
font-size:2.8em;
line-height:1.8em;
}
#branding h2{
font-size:1.75em;
line-height:1.8em;
}
#branding a{
text-decoration:none;
}
#content{
	padding:10px;
}
#footer{
	clear:both;
	text-align:left;
}
#footer div{
	padding:5px;
}

/* typography */
#content{
	float:left;
width:400px;
}
#content h2, #content h3, #content h4, #content h5{
	color: #22409A;
}
#content p{
	color: #000;
}
#content a{
	color: #22409A;
font-weight:bold;
text-decoration: underline;
}
#content ul{
margin:10px;}
#content li{
padding:8px;
}
#content img{
	margin:0 10px 15px 0;
	padding:5px;
	background:#fff;
	border-top:#ddd 1px solid;
	border-left: #ddd 1px solid;
	border-bottom:#aaa 1px solid; 
	border-right:#aaa 1px solid;
float:left;
}
#display{
       float:right;
       width:230px;
}

#display img{
	margin:15px 10px 15px 0;
	padding:5px;
	background:#fff;
	border-top:#ddd 1px solid;
	border-left: #ddd 1px solid;
	border-bottom:#aaa 1px solid; 
	border-right:#aaa 1px solid;
}
.brand h1, h2{
	color: #6D1C5B;
}
#branding a {
	color: #6D1C5B;
}
#footer p{
	font-size:.85em;
	padding:10px 30px;
}

.schedule table{
width:380px;
text-align:center;
margin:0 auto;
}
.schedule td{
width:190px;
text-align:left;
}
/* menu */
#navigation{
background: #1F2E61;
width:100%;
}
#nav{
	height: 30px;
	background: #1F2E61;
	color: #ccc;
width: 720px;
margin:0 auto;
	text-align:center;
}
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
width: 720px;
text-align:left;
margin-top:4px;
}

#nav li {
	float: left;
	padding: 0;
	width: 11.5em;

}
#nav a {
	display: block;
	width: 11.5em;
	w\idth: 7.5em;
	color: #ccc;
	text-decoration: none;
	padding: 0.5em 1em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12.5em;
	w\idth: 12em;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 12.5em;
float:left;
background:transparent;
}

#nav li ul a {
	width: 9.5em;
	w\idth: 7.5em;
text-align:left;
background: #1F2E61;
}

#nav li:hover ul ul, #nav li.sfhover ul ul{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {

}

