html
{
background-image: url(images/bg1.gif);
background-repeat: repeat;


}

a img { border: none;
}

body
{
width: 85%;
margin: 10px auto;
padding: 0;
font-family: helvetica, arial, verdana, sans-serif;
color: #000;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #000;
}
		



		#banner
		{
			height:100px;
			margin: 0;
			padding: 0;
			background-image: url(images/header4test.gif);
			background-repeat: no-repeat;
			border-bottom: 0px solid #a2bb0f;
		}



/* set the image to use and establish the lower-right position */ 
 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{ background: transparent url(images/blackcorner.gif) no-repeat bottom right;
color:#a2bb0f; } 

.cssbox { width: 260px !important; /* intended total box width - padding-right(next) */ 
width: 255px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ 
background-color: #000;
color: #fff;} 

/* set the top-right image */ 
.cssbox_head 
{ background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head h2 
{ background-position: top left; margin: 0; /*reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ 
text-align:center;
padding-top: 55px;
} 

/* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; margin-right: 20px; /* interior-padding right */ 
padding: 15px 0 30px 18px; /* mirror .cssbox_head right/left */ 
color:#a2bb0f;} 

/* set the lower-left corner image */ 
.noimage_cssbox_body { background-color: #000; margin-right: 25px; /* interior-padding right */ 
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 

.cssbox_body a{
text-decoration: none;
color: #a2bb0f;
}
.cssbox_body a:hover{
text-decoration: none;
color: #fff;
}


.searchtext{
font-size: 130%;
text-align: center;
}


/* set the image to use and establish the lower-right position */ 
 .cssboxgreen, .cssboxgreen_body, .cssboxgreen_head, .cssboxgreen_head h2
{ background: transparent url(images/glowygreencorner7.gif) no-repeat bottom right;
color:#000; } 

.cssboxgreen { width: 400px !important; /* intended total box width - padding-right(next) */ 
width: 395px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ 
background-color: #000;
color: #fff;} 

/* set the top-right image */ 
.cssboxgreen_head 
{ background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssboxgreen_head h2 
{ background-position: top left; margin: 0; /*reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ 
text-align:center;
padding-top: 55px;
} 

/* set the lower-left corner image */ 
.cssboxgreen_body { background-position: bottom left; margin-right: 20px; /* interior-padding right */ 
padding: 15px 0 30px 18px; /* mirror .cssbox_head right/left */ 
color:#000;} 

/* set the lower-left corner image */ 
.noimage_cssboxgreen_body { background-color: #000; margin-right: 25px; /* interior-padding right */ 
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 

.cssboxgreen_body a{
text-decoration: none;
color: #a2bb0f;
}
.cssboxgreen_body a:hover{
text-decoration: none;
color: #fff;
}



#left h2 {
			
			font-size: 110%;
			font-weight: normal;
			text-align: center;
			margin: 0;
			padding-top: 0;
			padding-bottom: .2em;
			letter-spacing: -1px;
			font-weight: bold;
			text-transform: none;


		}




		#left 
		{
			text-align: left;
			float: left;
			width: 300px;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			padding-left: 0px;
			padding-top: 30px;
			padding-bottom: 30px;
			margin: 0;
			background-color: #fff;
			border: 0px;
			border-right: 1px;
			border-style: dashed;
			border-color: #000;
			}
		
		#left p { margin-top: 0; 
			font-size: 95%;

		}
		
		#left h1 {
			font-family:  helvetica, arial, verdana, sans-serif;
			color: #fff;
			font-size: 110%;
			padding-left: 20px;
			padding-right: 10px;
			margin-bottom: 4px;
		}

		#left form { margin-top: 0px; 
			font-size: 70%;
			text-align: center;
		}

#left hr{
width: 95%;
text-align: center;
border-style: solid;
border-color: #a2bb0f;
}

#left h3{
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
color: white;
background-color: #810000;
text-align: center;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
border-style: solid;
border-color: #000000;
border-left: none;
border-right: none;
border-top-width: 2px;
border-bottom-width:  2px;

}


		#left ol {  
			font-size: 80%;
			margin: 0;
			padding-left: 25px;
		}
		
		#left ul {  
			font-size: 80%;
			margin: 0;
			padding-left: 5px;
		}

		#left a { margin-top: 0; 
			text-decoration: none;
		}


		#content
		{
			position: relative;
			text-align: left;			
			padding: 0em 0em 0em 2em;
			margin: 1.5em 1em 4em 300px;
			background-color: #fff;
			border: 0px;
			border-left: 1px;
			border-style: dashed;
			border-color: #000;


		}
#content hr{
margin-top: -.3em;
border-style: dashed;

}

	

		#content h1 {
			color: #000;
			font-size: 110%;
			padding-top: 0;
			padding-bottom: .2em;
			border-bottom: 1px dashed #000;
			margin-top: 20px;
		}

		#content h2 {
			color: #450;
			font-size: 100%;
			font-weight: bold;
			text-align: left;
			margin: 0;
			padding-top: .8em;
			padding-bottom: .1em;
			border-bottom: 1px dashed #000;
		}

		#content h3 {
			color: #450;
			font-size: 100%;
			font-weight: bold;
			text-align: left;
			margin: 0;
			padding-top: .8em;
			padding-bottom: 0em;
		}


		#content p { margin: 0; 
			font-size: 95%;
			padding-top: .3em;
			padding-bottom: 0em;
		}

		#content ul { margin-top: 0; 
			list-style-type: circle;
			font-size: 90%;
		}

		#content li {
			padding-top: .2em;
			padding-bottom: .2em;
			font-size: 110%;

		}	

		#content h4{  
			color: #000;
			margin: 0;
			padding-top: .5em;
			padding-bottom: .2em;
		}

		#content a { margin-top: 0; 
			text-decoration: none;
		}
		
		#content td {
		font-size: 90%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		border-bottom: 1px dotted #000;
		vertical-align:top;
}

		#content tr { text-align: left;
				}

		#content ol { margin-top: 0; 
			font-size: 80%;
			list-style-type: decimal;
		}
		#content ol ol { 
			list-style-type: lower-roman;
			padding-top: .5em;

		}

.willipic{
margin: 10px;
float: right; 

}

		.nestedlist li{ 
			font-size: 120%;
			margin: 0;
			padding-top: .5em;
			padding-bottom: .5em;
			}


		#navcontainer{
			padding:  0;
			margin: 0;
			background-color: #000;
			border-top: 0px solid #fff;
			border-bottom: 1px solid #450;
			background-image: url(images/glowyblack.gif);
			background-repeat: repeat-x;
		height: 2.5em;
}


 		#navcontainer ul
		{
			padding:  0;
			margin: 0;
			list-style-type: none;
			float: right;

			background-color: #000;
			border-top: 0px solid #fff;
			border-bottom: 1px solid #450;
			background-image: url(images/glowyblack.gif);
			background-repeat: repeat-x;

		}

		#navcontainer ul li
		{ 
			display: inline; 
					}

		#navcontainer ul li a
		{
			
			text-align: center;
			width: 5em;
			text-decoration: none;
			float: right;
			padding: .6em .5em;
			color: #a2bb0f;
			background-color: #000;
			background-image: url(images/glowyblack.gif);
			background-repeat: repeat-x;
			font-size: 100%;
			font-family: helvetica, arial, verdana, sans-serif;
			letter-spacing: -1px;
			font-weight: bold;
			text-transform: none;
		}

		#navcontainer a{
			
			border-left: 1px solid #fff;
			
		}

		#navcontainer a.last
		{
			border-left:1px solid #fff;
		}


		#navcontainer ul li a:hover
		{
			color: #000;
			background-color: #a2bb0f;
			background-image: url(images/glowygreen.gif);
			background-repeat: repeat-x;
		}

#contact .contact, #about .about, #order .order, #services .services, #home .last, #listings .listings{ color: #fff;

}

.greenline{
height: 1px;
width: 100%;
background-color: #a2bb0f;
}

.leftimage {
border-bottom: 2px solid #000;
padding: 0px;
margin-bottom: -3px;
}

.bannerimage {
float: left;
border-right: 2px solid #000;
}

.bannerright {
float: right;
border-right: 2px solid #000;
}

		.floatright 
		{ 
			float: right; 
		}


		#footer
		{
			height: 3em;
			position: relative;
			margin-top: -3.4em;
			clear: both;
			padding-top: 8px;
			padding-bottom: 0;
			text-align: center;
			background-color: #778b0b;
			border-top: 1px solid #000;
			width: 100%;

		}


		#footernav ul li
		{ 
			display: inline; 
			margin: 0;
			padding: 0;
		}

		#footernav  li a
		{
			margin: 0;
			font-size: 100%;
			text-decoration: none;
			padding: 0 .4em;
			font-family: helvetica, arial, verdana, sans-serif;
			letter-spacing: -1px;
			font-weight: bold;
			text-transform: none;
		
		}

		#footernav a
		{
			border-right: 1px solid #000;
		}

		#footernav a.last
		{
			border-right: 0px solid #000;
		}

		#footernav a:link 
		{
			color: #000; 
			text-decoration: none;
		}

		#footernav a:visited 
		{
			color: #000; 
			text-decoration: none;
		}

		#footernav a:active 
		{
			color: #fff; 
			text-decoration: none;
		}

		#footernav a:hover 
		{
			color: #fff; 
			text-decoration: none;
		}


		.textright
		{
			text-align: right;
		}


		.imgright 
		{
			background-color: #fff;
			border: 1px solid #000;
			display: block;
			clear: right;
			float: right;
			margin: 5px 5px 5px 5px;
			padding: 4px;
			position: relative;
		}

		.floatimgright 
		{

			display: block;
			clear: right;
			float: right;
			margin: 5px 5px 5px 5px;
			padding: 4px;
			position: relative;
			
		}

		.imgleft
		{
			background-color: #fff;
			border: 1px solid #000;
			display: block;
			clear: right;
			float: left;
			margin: 5px 10px 5px 5px;
			padding: 4px;
			position: relative;
		}

		.imgshadowright 
		{
			background-image: url('images/shadow.gif');
			background-position: bottom right;
			background-repeat: no-repeat;
			clear: right;
			float: right;
			margin: 0 0 15px 25px;
			padding: 0;
			position: relative;
		}

		.imgshadowright img
		{
			background-color: #fff;
			border: 1px solid #a9a9a9;
			display: block;
			margin: -5px 5px 5px -5px;
			padding: 4px;
			position: relative;
		}



		.imgshadowleft 
		{
			background-image: url('images/shadow.gif');
			background-position: bottom right;
			background-repeat: no-repeat;
			clear: right;
			float: left;
			margin: 0 0 15px 25px;
			padding: 0;
			position: relative;
		}

		.imgshadowleft img
		{
			background-color: #fff;
			border: 1px solid #a9a9a9;
			display: block;
			margin: -5px 5px 5px -5px;
			padding: 4px;
			position: relative;
		}

		.images
		{
		border: 0px;
		padding: 5px;
		width: 99%;
		}


		.external 
		{
			text-decoration: none;
			background-image: url('images/external.gif');
			background-position: right center;
			background-repeat: no-repeat;
			padding-right: 20px;

		}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}
.narrowcolumn .postmetadata {
	text-align: center;
	}
.narrowcolumn {
	clear: right;
	padding: 0px 0 20px 200px;
	margin: 0px 0 0;
	width: 450px;
	}
.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:none;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

	
.alignleft {
	float: left
	}
/* End Images */

.center {
	text-align: center;
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
text-align: left;
	}

#thlinks
{font-size: 90%;
text-decoration: none;
padding: .5em .2em .5em .5em;
list-style: none;}

 #thlinks li
{margin: 0;
text-align: left;
padding: .75em 0.5em .75em 0.75em;}


#thlinks li a
{color: #2a5f00;
text-decoration: none;}


#thlinks li a:link
{color: #2a5f00;}

#thlinks li a:visited {
color: #2a5f00;
}

#thlinks li a:hover
{color: #e3652a;}

#thlinks li a:active
{color: #e3652a;}

.tourviewer{
padding-top: 10px;
text-align: center;
margin: auto;
}

.greentext{
color: #450;
font-weight: bold;
}


#greenbox{
width: 80%;
margin: auto;
margin-top: 25px;
padding: 10px;
color: #000;
background-color: #778b0b;
border: 1px solid #000;
}

#greenbox h2{
color: #000;
font-size: 100%;
font-weight: bold;
text-align: left;
border: 0px;
}

#greenbox p{
font-style: italic;
padding-top: 15px;
}

#greenbox a{
text-decoration: none;
font-style: italic;
padding-top: 15px;
color: #fff;
}
#greenbox a:link{
color: #fff;
}
#greenbox a:visited {
color: #fff;
}
#greenbox a:hover
{color: #ffa;}

#greenbox a:active
{color: #fff;}


#testimonial {
margin-top: 35px;
}

#testimonial p{
font-style: italic;
padding-bottom: 15px;
}

.searchform{
float: right;
margin-right: 3px;
font-size: 10px;
color: #000;
text-align: left;
border: 1px dashed #000;
padding: 3px;
background-color: #fff;

}


.textinput{
background-color: #a2bb0f;
border: 1px solid #000;
margin-right: 5px;
}

.transon{
background-color: #fff;
filter: alpha(opacity=10);
-moz-opacity: .10;
opacity: .10;
float: right;
margin-right: 3px;
font-size: 10px;
color: #000;
text-align: left;
border: 1px dashed #000;
padding: 3px;
background-color: #fff;

}

.transoff{
background-color: #fff;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
float: right;
margin-right: 3px;
font-size: 10px;
color: #000;
text-align: left;
border: 1px dashed #000;
padding: 3px;
background-color: #fff;

}

.contact{
vertical-align: top;
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-color: #000000;
border-left-width: 2px;
border-right-width: 2px;
border-top-width: 2px;
border-bottom-width:  2px;
height: auto !important; height: 1%; /* IE Holly Hack */
overflow: hidden;
}


.contactname{
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #450;
text-align: left;
padding: 0px;
background-color: #ffffff;
margin: 0px;

}


.contactorg{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000000;
text-align: left;
padding: 0px;
background-color: #ffffff;
margin: 0px;

}



.contactdetails{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #000000;
text-align: left;
padding: 0px;
background-color: #ffffff;
margin: 0px;

}


.contactdetails a:link {color: #000000; text-decoration: none;}
.contactdetails a:visited {color: #000000; text-decoration: none;}
.contactdetails a:active {color: #cc3333; text-decoration: none;}
.contactdetails a:hover {color: #cc3333; text-decoration: none;}

.contactlink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #000000;
text-align: left;
padding: 0px;
background-color: #a2bb0f;
margin: 0px;

}

.contactlink a:link {color: #cc3333; text-decoration: none;}
.contactlink a:visited {color: #cc3333; text-decoration: none;}
.contactlink a:active {color: #000000; text-decoration: none;}
.contactlink a:hover {color: #000000; text-decoration: none;font-weight: bold;}


.realtorpic{
float: right;
}



.clearrightfloat{
clear: right;
}


#mapcontainer{
			position: relative;
			text-align: left;			
			padding: 0em 0em 0em 2em;
			margin: 1.5em 1em 4em 1em;			
background-color: #fff;
			border: 0px;
}

#mapcontainer hr{
margin-top: -.3em;
border-style: dashed;

}

	

		#mapcontainer h1 {
			color: #000;
			font-size: 110%;
			padding-top: 0;
			padding-bottom: .2em;
			border-bottom: 1px dashed #000;
			margin-top: 20px;
		}

		#mapcontainer h2 {
			color: #450;
			font-size: 100%;
			font-weight: bold;
			text-align: left;
			margin: 0;
			padding-top: .8em;
			padding-bottom: .1em;
			border-bottom: 1px dashed #000;
		}

		#mapcontainer h3 {
			color: #450;
			font-size: 100%;
			font-weight: bold;
			text-align: left;
			margin: 0;
			padding-top: .8em;
			padding-bottom: 0em;
		}


		#mapcontainer p { margin: 0; 
			font-size: 95%;
			padding-top: .3em;
			padding-bottom: 0em;
		}

		#mapcontainer ul { margin-top: 0; 
			list-style-type: circle;
			font-size: 90%;
		}

		#mapcontainer li {
			padding-top: .2em;
			padding-bottom: .2em;
			font-size: 110%;

		}	

		#mapcontainer h4{  
			color: #000;
			margin: 0;
			padding-top: .5em;
			padding-bottom: .2em;
		}

		#mapcontainer a { margin-top: 0; 
			text-decoration: none;
		}
		
		#mapcontainer td {
		font-size: 90%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		border-bottom: 1px dotted #000;
		vertical-align:top;
}

		#mapcontainer tr { text-align: left;
				}

		#mapcontainer ol { margin-top: 0; 
			font-size: 80%;
			list-style-type: decimal;
		}
		#mapcontainer ol ol { 
			list-style-type: lower-roman;
			padding-top: .5em;

		}



#map{
width: 650px; 
height: 450px; 
float:left; 
border: 1px solid black; 
margin-bottom: 25px;
margin-top: 25px;
margin-left: 10px;
}