body {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 14px;color: #333333;
	/* font-family: 'Times New Roman', Times New Roman, Times, Georgia, serif; font-size: 14px;color: #333333; */
	background:url(../images/bg.jpg) repeat-x #ffffff;
}

#header {
	width: 949px;
	height: 115px;
	padding: 10px 10px 10px 10px;/*TOP RIGHT BOTTOM LEFT*/
	background: url(../images/bg_header.jpg) no-repeat;
	position:relative;
}

#logo{position:absolute; top:0px; left:20px;}

#badge{position:absolute; top:12px; left:505px;}

#yardsign{position:absolute; top:350px; left:650px;}

#address{
	position:absolute;
	top:10px;
	right:26px;
	color:#FFFFFF;
}

#menu{position:absolute; bottom:30px; right:20px;}
#menu a{
	min-width:90px;
	height:12px;
	background:url(../images/bg_menuoff.gif) repeat-x #8b8d08;
	border:solid 1px #FFFFFF;
	padding:8px;
	margin-left:10px;
	float:left;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #FFFFFF; font-weight:900;
	text-decoration:none;
}
#menu a:hover{
	background: #8b8d08;
}
#menu a#on{
	background: #8b8d08;
}

#content {
	width: 929px;
	padding: 20px 20px 20px 20px;
	background-color:#FFFFFF;
	position:relative;
}


#homepagecontent {
	width: 969px;
	height: 635px;
	background: #ffffff url('../images/home-page.jpg') no-repeat;
	position:relative;
}

#homepagetext {
	align: center; 
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; font-style: italic; background: #8B8D08; color: white; text-shadow: 0.25em 0.25em 0.75em #333;
	position: absolute;
	width: 750px;
	margin:  20px 0px 0px 85px;
	padding: 20px 20px 20px 20px;
	/* background: url("../images/grey-sq.png"); opacity:0.4; filter:alpha(opacity=40);  For IE8 and earlier */
	/* min-height:400px; */
}

.homepagebutton {
	align: center; 
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight:bold; font-style: italic; background: #8B8D08; color: white; text-shadow: 0.25em 0.25em 0.75em #333;
	text-align: center;
	position: absolute;
	width: 500px;
	margin:  565px 0px 0px 234px;
	padding: 5px;
	/* background: url("../images/grey-sq.png"); opacity:0.4; filter:alpha(opacity=40);  For IE8 and earlier */
	/* min-height:400px; */
}

#left {
	float: left;
	width: 800px;
	padding: 0px 20px 0px 60px;/*TOP RIGHT BOTTOM LEFT*/
	background-color:#FFFFFF;
	min-height:500px;
}

#right {
	float: right;
	width: 580px;
	/* background:url(../images/bg_menuright.jpg) #FFFFFF top left no-repeat; */
	padding:0px 0px 0px 20px;/*TOP RIGHT BOTTOM LEFT*/
}

#troops {
	float: right;
	width: 20px;
	/* background:url(../images/peoplbg_menuright.jpg) #FFFFFF top left no-repeat; */
	min-height: 200px;
	padding: 180px 0px 0px 0px;/*TOP RIGHT BOTTOM LEFT*/
}

#map {
	float: right;
	width: 200px;
	padding: 50px 200px 0px 0px;
}

#quotetext {
	font-style: italic;
}

.quoteauthor {
	font-weight: bold;
}

img.headshot { 
    float: left; 
    margin: 10px; 
}

#footer {
	clear: both;
	padding:10px;
	width: 949px; 
	border-top: 1px solid #F0F0F0;
	background: #b4b4b4;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:darkgreen;
}

#footer a { color:Grey; text-decoration:none; font-weight: bold; }

#footer  a:hover { color:darkgreen; text-decoration: underline; }



.address { float:right; padding: 50px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 900; color:#333333;}

.house-details { float:inherit; padding: 10px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 900; color:#333333; text-align:right; } 


/******TEXT STYLES******/
.TITLE 			{ float:right; padding: 50px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 900; color:#333333;}
.DETAILS 			{ float:right; padding: 100px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 900; color:#333333;}
.L12  { font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:darkgreen; }
.L12 a { color:Grey; text-decoration:none; font-weight: bold; }
.L12  a:hover { color:darkgreen; text-decoration: underline; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid black;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid gray;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eee;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 290px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* ================== MENU ========*/


#menuh-container
	{
	position: absolute;		
	top: 50px;
	left: 350px;
 	} 

#menutabs	{ 
	position: absolute;
	left: 380px;
	top: 10px;	
	width:650px; 
	height:45px;
	background:url(../images/bg_tabs_short.gif) no-repeat; 
	/* margin:1em; */
	/* padding-left:10px; */
	font: 10px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
}



#menuh
	{
	/* font-size: small; */
	/* font-family: arial, helvetica, sans-serif; */
	font-family:'Lucida Grande',Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	width:100%; 
	
	/* margin: 10px 10px 10px 10px; */
	}

#menuh a
	{
	text-align: left;
	display:block;
	/* border: 1px solid #555; */ 


	white-space:nowrap; 
	margin:0em;
	/* padding: 1em 1em .5em 1em; GOOD BEFOERE MOVE */
	padding: 10px 10px 10px 10px; 
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: black;
	background-color: LightGrey; 
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: darkgreen;
	text-decoration: underline;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	color: black;
	background-color: transparent; 
	/* background:url(../images/bg_tabs_innards.gif) repeat-x #ccc; */

	text-decoration:none;
	/* margin: -1em 0em 0em 0em; GOOD BEFORE MOVE */
	/* margin: -2.2em 0 0 3em; */
	margin: -20px 0 0 35px;


	/* background-image: url(navdown_white.gif); */
	/* background-position: right center; */
	/* background-repeat: no-repeat; */
	}
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	/* padding: 1em; */
	margin:-.25em 0 0 2.5em; 
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */