/* CSS Document */
body 
{
	width: 900px;
	margin: 0 auto;
	text-align: center; /* ie6 */
	background: url(../imgs/bkgd_leaves.jpg) repeat;
}

div.container 
{
	width: 900px;
	background: url(../imgs/bkgd.jpg) repeat-y;
	text-align: left;
	margin: 0;
	padding: 0;
}

div.logo
{
	position: relative;
	float: left;
	top: 72px;
	left: 16px;
	height: 90px;
	width: 425px;
	margin: 0px;
	padding: 0px;
}

div.mainContent
{
	position: relative;
	float: left;
	top: 3px;
	left: 102px;
	width: 648px;
	min-height: 550px;
	background: url(../imgs/contentBg.jpg) -104px -223px repeat-y;
	margin: 0px;
	padding: 20px 25px;
	border: solid 2pt #c5b092;
}

div.sideBar
{
	position: relative;
	float: left;
	top: 5px;
	margin-left: 100px;
	width: 96px;
	height: 300px;
	padding: 0px;
}

div.footer
{
	position: relative;
	top: 0px;
	left: 106px;
	height: 50px;
	width: 582px;
}

div.mainNav
{
	postion: relative;
	float: left;
	margin-top: 40px;
	margin-left: 21px;
	width: 354px;
	height: 178px;
}

.column_33
{
	width: 220px;
	height: 250px;
	float: left;
	margin: 0px 30px;
	padding: 0px;
	text-align: center;
}

.column_25
{
	width: 25%;
	float: left;
}

.indent30px {margin-left: 30px;}

#navi
{
	postion: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 168px;
	background: transparent url(../imgs/mainNav.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	z-index: 500;
}

#navi li
{
	width: 350px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 500;
}

#navi li, #navi li a
{
	width: 350px;
	display: block;
	z-index: inherit;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#navi li a:hover {margin: 0px; padding: 0px;}

#panel2, #navi li#panel2, #navi li#panel2 a {left: 0; top: 0px; height: 24px; margin: 0px; padding: 0px;}
#panel3, #navi li#panel3, #navi li#panel3 a {left: 0; top: 24px; height: 24px; margin: 0px; padding: 0px;}
#panel4, #navi li#panel4, #navi li#panel4 a {left: 0; top: 48px; height: 24px; margin: 0px; padding: 0px;}
#panel5, #navi li#panel5, #navi li#panel5 a {left: 0; top: 72px; height: 24px; margin: 0px; padding: 0px;}
#panel6, #navi li#panel6, #navi li#panel6 a {left: 0; top: 96px; height: 24px; margin: 0px; padding: 0px;}
#panel7, #navi li#panel7, #navi li#panel7 a {left: 0; top: 120px; height: 24px; margin: 0px; padding: 0px;}
#panel8, #navi li#panel8, #navi li#panel8 a {left: 0; top: 146px; height: 24px; margin: 0px; padding: 0px;}


#panel2 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -168px no-repeat;}
#panel3 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -192px no-repeat;}
#panel4 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -216px no-repeat;}
#panel5 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -240px no-repeat;}
#panel6 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -264px no-repeat;}
#panel7 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -288px no-repeat;}
#panel8 a:hover {background: transparent url(../imgs/mainNav.jpg) 0 -312px no-repeat;}

.btn2 #panel2 a {background: transparent url(../imgs/mainNav.jpg) 0 -336px no-repeat;}
.btn3 #panel3 a {background: transparent url(../imgs/mainNav.jpg) 0 -360px no-repeat;}
.btn4 #panel4 a {background: transparent url(../imgs/mainNav.jpg) 0 -384px no-repeat;}
.btn5 #panel5 a {background: transparent url(../imgs/mainNav.jpg) 0 -408px no-repeat;}
.btn6 #panel6 a {background: transparent url(../imgs/mainNav.jpg) 0 -432px no-repeat;}
.btn7 #panel7 a {background: transparent url(../imgs/mainNav.jpg) 0 -456px no-repeat;}
.btn8 #panel8 a {background: transparent url(../imgs/mainNav.jpg) 0 -480px no-repeat;}