@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg1.jpg);
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
}

p {
	line-height:1.3;
}

h1 {
	color: #460f09;
}
h2 {
	text-align: center;
	color: #D2B978;
	line-height: 1.4;
	font-size: x-large;
	text-decoration: underline;
}


#outerWrapper {
	width: 990px;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	height: 180px;
	width: 100%;
	background-image: url(../images/headerbg.jpg);
}
#navigation , #footer{
	clear: both;
	float: left;
	height: 50px;
	width: 960px;
	background-image: url(../images/navbg.jpg);
	padding: 15px;
	color: #ccc;
}

#footer p{
	text-align: center;
	margin-top: 6px;
}
#navigation ul li {
	clear: none;
	float: left;
	font-size: medium;
	margin-top: 17px;
}
#navigation ul li a{
	color: #ccc;
	text-decoration: none;
	margin: 0px 9px;
}
#navigation ul li a:hover     , #active {
	color: #42483a;
}


.subHead {
	clear: both;
	float: left;
	height: 20px;
	width: 960px;
	background-image: url(../images/subheadbg.jpg);
	padding: 15px;
}
#leftPanel {
	padding: 15px;
	float: left;
	width: 660px;
	background-color: #d2b978;
	background-image: url(../images/leftPanelbg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	height: 100%;
}
#rightPanel {
	padding: 15px;
	float: left;
	width: 270px;
	background-color: #814e29;
	background-image: url(../images/rightPanelbg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	height: 100%;
}
.linkBanner {
	float: left;
	border: 0;
	margin: 0px 8px 8px 0px;
	width:322px;
	height:120px;
}
a  {
	color: #42483a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #888888;
}
.hoverChange {
	height: 60px;
	overflow: hidden;
	display: block;
}
.hoverChange:hover img{
	position: relative;
	top: -60px;
}
#clickChange:active img {
	position: relative;
	top: -120px;
}

#homefade {
	display: block;
	height: 180px;
	width: 655px;
}