/* Basics CSS*/
body {
	margin: 40px 0;
	color: #333;
	background: #775D42;
	padding: 0;
	font: 0.86em/1.6 Verdana, sans-serif;
}
a:link {
	color: #775D42;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #775D42;
}
a:hover {
	text-decoration: none;
	color: #cc0000;
}
a:active {
	text-decoration: none;
	color: #775D42;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}

/* ============================ */

#outer {
	width: 860px;
	margin: 0 auto;
	background: #fff url("../images/bg.gif") repeat-y;
}


#hdr {
	padding-top: 141px;
	background: #fff url('../images/headermuhlibubbles.JPG') no-repeat;
}
#hdr h1 {
	color: #fff;
	background: #B7734B;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center; /*text-transform: uppercase;*/;
	margin: 0;
	padding: 1em;
	border: solid #000000;
	border-width: 1px 0 1px 0;
}
#hdr a {
	color:#fff;
}



#nav {
	float: left;
	width: 130px;
	padding: 1em;
	text-align: center;
	background: url("basics.css") no-repeat bottom center;
	padding-bottom: 30px;
}

#nav a:hover 
{
    color:#ffffff;
}

#nav ul {
	background: url("basics.css") no-repeat top center;
	margin: 0;
	padding: 30px 0 0 0;
	list-style: none;
}
#nav li {
	margin: 0;
}
#nav h2 {
}



#cont {
	float: right;
	width: 650px;
	padding: 1.5em;
}
#cont h2 {
	color: rgb(153, 102, 51);
}



#ftr {
	clear: both;
	color: #fff;
	background: #B7734B;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #000;
	margin: 1em 0 0 0;
}



#leftImg {
	float: left;
	width: 125px;
	height: 93px;
	padding: 0 5px 5px 0;
}
#rightImg {
	float: right;
	width: 125px;
	height: 93px;
	padding: 0 0 5px 5px;
}