/**
 This file contains the CSS definitions to create the page layout. The
 layout is built on top of the base style definitions of the decorator.
 The layout definitions give location to the main content area, the 
 sidebar and the main menu.
 
 @author Miikka Hurme
 @version $Id: layout.css 423 2008-11-20 18:49:18Z miikka $
 */
 
 #headerLogoContainer h1#logo {
    font: bold 3em 'Verdana', sans-serif;
    color: #fff;
    background: transparent;
    letter-spacing: 3px;
    margin: 0 8px;
    padding: 0;
    border: 0; /* remove the dotted bottom border */
}

#headerLogoContainer h2#slogan {
    font: normal 1.2em 'Verdana', sans-serif;
    color: #fff;
    background: transparent;
    margin: 0 10px;
    padding: 0;
}
 
#menuContainer ul {
	float: left;
	width: 900px;
	margin: 0 8px;
	color: #fff;
	background-color: #652f0d;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#menuContainer li {
 	display: inline;
}
 
#menuContainer li a {
 	float: left;
 	color: #fff;
	background-color: #652f0d;
	padding: .2em 10px;
	text-decoration: none;
}

#menuContainer li a:hover {
	color: #fff;
	background-color: #c1987d;
}

#menuContainer li a#currentPage {
	color: #fff;
	background-color: #698e1e;
}
 
#sidebar {
	width: 320px;
	float: right;
	margin: 0;
	padding: .5em 20px 1em 10px;
}

#main {
	border-right: 1px dotted #698e1e;
	margin: 0 350px 0 0;
	padding: .5em 10px 1em 20px;
}