/* CSS Document */
/*/////////////////// menu ///////////////*/
.menu {
padding:2px 5px 2px 0; 
margin:0; 
list-style:none; 
height:30px; 
position:relative;
}

.menu li {
float:right;
margin-top: 118px;
}

.menu li a {
display:block; 
float:left; 
height:30px; 
line-height:29px; 
background:url('images/menu1a.gif') no-repeat; 
color:#fff; 
text-decoration:none; 
font-size:11px; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
cursor:pointer; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}

.menu li a b {
float:left; 
display:block; 
background:url('images/menu1.gif') right top;; padding-left:0; padding-right:12px; padding-top:0; padding-bottom:0
}

.menu li.current a {
color:#fff; 
background:url('images/menu2a.gif') no-repeat;
}

.menu li.current a b {
background:url('images/menu2.gif') right top;
}

.menu li a:hover {
color:#fff; 
background:url('images/menu3a.gif') no-repeat;
text-decoration:none;
}

.menu li a:hover b {
background:url('images/menu3.gif') right top;
text-decoration:none;
}

.menu li.current a:hover {
color:#fff; 
background:url('images/menu2a.gif') no-repeat;
text-decoration:none; 
cursor:default
}

.menu li.current a:hover b {
background:url('images/menu2.gif') right top;
text-decoration:none;
}

/*///////////////// right /////////////////////////*/
.right h2 {
text-indent: 30px;
background:url('images/corner.gif') no-repeat top left;
font-size:18px;
font-weight:bold; padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px
}

.right p {padding-bottom:0;}

.right .date {
font-size:9px;
text-align:right;
border-top:dotted thin #FFFFFF;
padding-bottom: 15px;
}

#right {float:left; width:240px;}

.right .more{font-size:12px;}

.featuredimg {
float:left;
display: block;
margin:0;
padding:0 4px 4px 0;
width:100px;
height:100px;
}

.right h2 {letter-spacing:normal;}

.fprice {
font-size:10px; 
text-align:right;
}

.box {
clear:both; 
border-bottom:dotted thin #FFFFFF;
height:105px;
padding-top:5px;
}

.boxend {
clear:both;
height:105px;
padding-top:5px;
}

/*/////////////////left/////////////////*/
.left h1{
padding-left:5px;
text-transform:uppercase;
border-bottom: 0px solid #b50408; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: -1px;

}


.left h2{
background:url('http://www.walterjoneshomes.com/images/uline2.gi') repeat-x bottom left;
padding-left:7px;
text-transform:uppercase;
margin-bottom: -1px;
text-align:center;
}

.left h3{
background:url('http://www.walterjoneshomes.com/images/uline3.gif') repeat-x bottom left;
padding-left:7px;
text-transform:uppercase
}	

.left p {padding:5px;  }
#left { width: 700px; padding:5px 10px 5px 5px; border: 0px solid #ccc; float:right;}

.left { width: 700px; padding:5px 10px 5px 5px; border: 0px solid #ccc; float:right;}

	.left img {
border:1px solid #b50408 ;
padding: 2px;
}

.link {
float:left;
display:block;
margin-left:10px;
padding-left:10px;
background:url('images/black_arrow_im.gif') no-repeat center left;
font-size:14px}

.numlist {
list-style-type:decimal;
padding-bottom:0;
}

/*//////////////// body //////////////*/
.main {
background:url('http://www.walterjoneshomes.com/images/bac.gif') repeat-y top right;
width:960px;
}



p.quote {
background:url('images/quote.gif') no-repeat 0px 7px;
display:block;
font-style:italic; margin-left:30px; margin-right:10px; margin-top:5px; margin-bottom:12px; padding-left:35px; padding-right:10px; padding-top:8px; padding-bottom:10px
}

.code {
margin:5px 50px 10px 50px;
padding:8px 10px 10px 40px;
background:#412412;
color:#ffffff;
white-space:pre;
display:block;
}

.right {
float: left;
width: 240px;
display: block;
color:#FFFFFF;
border: 0px solid #000;
}	

#foot {
clear:both;
width:100%;
padding-top:10px;
font-size:10px;
}

/*/////////////////  head ///////////*/
.head {
background: url('images/walter.jpg') no-repeat top right;
height: 158px;
padding-left: 16px;
color:#ffffff;
font-size: 2em
}

.head2 {
height:2em;
width: 100%;
text-align: right;
background:#7c441f;
}

.head2 p {
vertical-align:bottom; 
padding-top:5px;
color: #ffffff;
font-weight: bold;
}

/*///////////////////foot//////////*/
#foot p{
font-size:12px;
color:#000;
margin-left: 50px;
margin-right: 50px;
}

#foot a{
font-size:12px;
color:#ce0000;
text-decoration:underline;
font-weight:bold;
}


/* LEFT MENU */



div#sidebar table {
	width: 200px;
	margin-top:10px;
		margin-left:20px;
	text-align:left;
	display:block;
	border-collapse:collapse;
}
div#sidebar table tr th{
	background-image:url('images/topside.jpg');
	background-repeat: no-repeat;
	height:35px;
	width: 200px;
	border:0px none;
	font-family: "Trebuchet MS", Tahoma;
	font-size:14px;
	letter-spacing:2px;
	color:#FFFFFF;
	padding-left:20px;
	padding-bottom:0px;
	padding-top:0px;
	line-height:35px
	}
div#sidebar table tr{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
div#sidebar table tr td{
	
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
	}

div#sidebar table tr td p a {
	padding-top: 4px;
	}
	
	
	div#sidebar img {
border:1px solid #222225 ;
padding: 3px;
}

ul.nav
{
	margin: 0;
	margin-top:0px;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	
}

ul.nav li
{
	position: relative;
	list-style-type:none;
	
}
	
ul.nav li ul
{
	z-index: 200;
	position: absolute;
	/*
	Level 2 Position
	*/
	left: 170px; /* Set at least 1px less than menu width */
	top: 0px;
	display: none;
	width:150px;
	list-style-type:none;
}

/* Styles for Menu Items */
ul.nav li a
{
	display: block;
	padding-left:18px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#417fcf;
	list-style-type:none;
	border-bottom: 1px solid #ffffff;
	font-family: "Trebuchet MS", Tahoma;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}


/* Fix IE. Hide from IE Mac \*/
* html #wrap #sidebar table tr td ul.nav li { float: left; height: 1%; list-style-type:none;}
* html #wrap #sidebar table tr td ul.nav li a { height: 1%; list-style-type:none;}
/* End */

ul.nav li a:hover { 
	text-decoration: none;
	color:#FFFFFF;
	background-color: #b50408;
	list-style-type:none;
	font-weight:normal;
	} /* Hover Styles */
		
ul.nav li ul li a { padding: 5px; list-style-type:none; } /* Sub Menu Styles */
		
ul.nav li:hover ul, ul.nav li ul.over { display: block; list-style-type:none; } /* The magic */
/*End Drop Down Menu*/
/*Style for Send Email form */

#mortgage {   margin-top: 10px; font-size: 12px; padding:5px;}
#mortgage img {width: 80px; height: 80px; float:left; margin: 5px;}
#mortgage li {margin-bottom: 30px;}