﻿body{
	background:#E4E6D6 url('images/body_bg.gif') repeat-x 0 0;
}

#wrapperx{
}

#wrapper{
	width:970px;
	margin:0 auto;
}

#header{
	width:970px;
	margin:0 auto;
	height:120px;
	background:url('images/pandj_mainLogo.png') no-repeat 0 25px;
	position:relative;
}

#mainnav{
	float:right;
	height:35px;
	width:715px;
	margin:85px 0 0 0;
	overflow:hidden;
}

#mainnav ul{
	float:right;
	font-size:1.2em;
}
#mainnav ul li{
	display:inline;
	float:left;
	margin:0 0 0 2px;
}
#mainnav li a,
#mainnav li.current{
	display:block;
	background:#1B2323;
	padding:10px 20px 30px;
	color:#fff;
	text-decoration:none;
}
#mainnav li a:hover,
#mainnav li.current{
	background:#949C5B;
	color:#faf4c1;
}

#welcome{
	width:970px;
	margin:0 auto;
	background:#949c5b url('images/welcome_bg.jpg') no-repeat 0 0;
	height:333px;
}

#welcometext{
	float:left;
	width:450px;
	display:inline;
	padding:35px 40px;
}
#welcometext p{
	margin:1.25em 0 0 0;
}
#welcometext img.sig{
	float:right;
}

#welcomepics{
	display:inline;
	float:left;
	height:266px;
	padding:36px 0 0 0;
}

#contentx{
	background:url('images/content_bg.gif') bottom left repeat-x;
	width:100%;
	overflow:hidden;
}

#content{
	width:970px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}

#contentleft{
	float:left;
	display:inline;
	width:490px;
	margin:0 0 0 40px;
}
#contentright{
	float:left;
	display:inline;
	width:360px;
	margin:0 0 0 40px;
	
}

#content img.title{
	margin:40px 0 10px 0;
}


#footerx{
	clear:both;
	width:100%;
	background:#949c5b url('images/footer_bg.gif') 0 0 repeat-x;
	overflow:hidden;
}
#footer{
	text-align:left;
	width:1000px;
	margin:0 auto;
	height:145px;
}
#footer img{
	float:left;
	margin:10px 10px 0 2px;
}
#footer ul{
	float:left;
	margin:17px 0 0 0;
	font-size:1.1em;
	color:#faf4c1;
	font-style:italic;
	font-weight:bold;
}
#footer li{
	margin:5px 0;
}



.housecontainer,
.commlist{
	margin:5px 0;
	padding:20px 0;
	border-top:1px solid #ccc;
	overflow:hidden;
	clear:both;
	
}
.commlist{
	
}

.houseleft{
	width:140px;
	float:left;
	display:inline;
	margin:0 20px 0 0;
}
.houseright{
	width:330px;
	float:left;
	display:inline;
}

.houseleft img{
	margin:5px 0 5px 0;
	padding:3px;
	border:1px solid #ccc;
}

.houseleft ul,
.houseright ul,
.commlist ul{
	font:1.2em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial;
}
.houseleft li,
.commlist li{
	margin:5px 0;
}

.houseright ul.links,
.commlist ul.links{
	margin:20px 0 0 0;
	font-size:1em;
}
.houseright ul.links li,
.commlist ul.links li{
	float:left;
	display:inline;
}

.houseright ul.links li a,
.commlist ul.links li a,
.commlist ul.links li span{
	display:block;
	color:#faf4c1;
	background:#3e4f4f url('images/arrow_blue.gif') no-repeat 5px 9px;
	padding:5px 10px 5px 14px;
	margin:0 6px 0 0;
}
.houseright ul.links li a:hover,
.commlist ul.links li a:hover,
.commlist ul.links li span:hover{
	background:#949c5b url('images/arrow_green.gif') no-repeat 5px 9px;
	color:#fff;
}

.commlist img{
	display:block;	
}


.commlist ul.links li span{
	cursor: pointer;
}

.directions{
	clear:both;
	background:#E4E6D6;
	margin:3px 0;
}
.directions span{
	display:block;
	padding:0px 15px 5px !important;
}

.directions span a{
	font-size:1.2em;
	font-weight:bold;
}














	

	
