/*  Main Body Declarations */


body {
	width: 800px;
	/*background-image: url("images/new/background.jpg");*/
	background-repeat: repeat-x;
	background-color: #fff;
	background-color: #F2F0EC;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px auto;
	text-align: center;
	padding: 0px;

	}

a {
	text-decoration: underline;
	color: #3a3a3a;
	}

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


li a {
	text-decoration: none;
	color: #0B157A;

	}

li a:hover {
	text-decoration: underline;
	color: #fff;
	background-color: #0B157A;
	/*background-color: #5388B7;*/
	color:  #0B157A;
	background-color: #E8F2FE;
	}


/*  END Main Body Declarations */

/* -----------------------------------------  */

#header {
	width: 660px;
	height: 40px;
	background-image: url("images/draheader.jpg");
	padding-top: 160px;
	padding-left: 146px;
	}

#linkspage #header {
	background-image: url("images/draheaderharstern.jpg");
	}

#gallerypage #header, #detailsgallerypage #header, #classicgallerypage #header, #customgallerypage #header, #fieldsgallerypage #header {
	background-image: url("images/draheaderantonacci.jpg");
	}

#contactuspage #header {
	background-image: url("images/draheadersimpson.jpg");
	}

#neighborhoodspage #header, #greatwoodsviipage #header, #greatwoodsviiipage #header, #greatwoodsixpage #header, #greatwoodsxpage #header, #greatwoodsxipage #header, #thefieldspage #header, #redgappage #header, #danforthpage #header, #bobolinkpage #header, #stonecrossingpage #header, #hallhillpage #header {
background-image: url("images/draheaderbenedict.jpg");
}

#aboutuspage #header {
background-image: url("images/draheaderwebster.jpg");
}

/*  Top Menu Declarations */

#topmenu { 
	width: 764px;
	width: 610px;
	height: 38px;
	background-color: #fff;
	background-color: #F2F0EC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #402C13;
	padding: 0px;
	margin: 0px auto;
	border-top: solid #DBDCDD 1px;
/*	border-bottom: solid #DBDCDD 1px;*/
	}

#topmenu ul {
	list-style: none;
	padding-top: 12px;
	margin: 0px;
	padding-left: 20px;
	}

#topmenu li {
	display: inline;
	height: 40px;
	padding-right: 25px;
	color: #998E7F;
	}

#topmenu li a {
	text-decoration: none;
	color: #998E7F;	}

#topmenu li a:hover {
	text-decoration: underline;
	color:  #402C13;
	background-color: #D5CDC1;
	}

/*  END Top Menu Declarations */

#content { 
	width: 800px;
	/* height: 200px; */
	background-image: url("images/dracontentbg.jpg");
    background-repeat: repeat-y;
	background-color: #fff;
	padding: 0px;
	padding-bottom: 30px;
	margin: 0px;
	min-height: 300px;
	}

#homepage #content { 
	background-image: url("images/draindex.jpg");
	width: 800px;
	height: 510px;
	background-color: #F2F0EC;
	padding-bottom: 0px;
	}



#contentleft { 
	/*width: 170px; IE calculates width with the padding.  other browsers put padding inside the width */
	width: 130px;
	/* height: 200px; */
	background-image: url("images/dracontentleftbg.jpg");
    background-repeat: repeat-y;
	background-color: #fff;
	margin: 0px;
	padding: 10px 10px 0px 30px;
	text-align: left;
	float: left;
	min-height: 300px;
	/* padding: 10px; IE calculates width with the padding.  other browsers put padding inside the width */
	}

#contentleft { 
	text-align: center;
	}

#contentright { 
	/*width: 630px; IE calculates width with the padding.  other browsers put padding inside the width */
	width: 570px;
	/* height: 200px; */
	background-image: url("images/dracontentrightbg.jpg");
    background-repeat: repeat-y;
	background-color: #fff;
	padding: 20px 30px 0px 30px;
	margin: 0px;
	float: left;
	text-align: left;
	line-height: 18px;
	/* padding: 10px; IE calculates width with the padding.  other browsers put padding inside the width */
	}

#redgappage #contentright, #greatwoodsviipage #contentright, #greatwoodsviiipage #contentright, #greatwoodsixpage #contentright, #greatwoodsxpage #contentright, #greatwoodsxipage #contentright, #thefieldspage #contentright, #redgappage #contentright, #danforthpage #contentright, #bobolinkpage #contentright, #stonecrossingpage #contentright, #hallhillpage #contentright { 
	/*width: 630px; IE calculates width with the padding.  other browsers put padding inside the width */
	width: 570px;
	/* height: 200px; */
	background-image: url("images/dracontentrightbg.jpg");
    background-repeat: repeat-y;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	/* padding: 10px; IE calculates width with the padding.  other browsers put padding inside the width */
	border: solid red 0px;
	}

#contentcenteronly { 
	/*width: 800px; IE calculates width with the padding.  other browsers put padding inside the width */
	width: 760px;
	/* height: 200px; */
	background-image: url("images/dracontentcenteronlybg.jpg");
    background-repeat: repeat-y;
	background-color: #fff;
	padding: 30px 10px 30px 30px;
	margin: 0px;
	float: left;
	text-align: left;
	}

.propertylink {
	color: #998e7f;
	}
.propertylink a {
	color: #998e7f;
	}
.propertylink a:hover {
	color: #998e7f;
	}


/* -----------------------------------------  */
/*  Footer Declarations */


#footer {
	width: 800px;
	background-image: url("images/drafooterbg.jpg");
	height: 36px;
	background-color: #fff;
	padding: 0px;
	padding-top: 12px;
	margin: 0px auto;
	color: #EEEEEE;
	font-size: 10px;
	font-family: arial;
	}

#footer a {
	color: #EEEEEE;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	}

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

#homepage #footer {
	width: 800px;
	background-image: none;
	height: 20px;
	background-color: #F2F0EC;
	padding: 0px;
	padding-top: 0px;
	margin: 0px auto;
	color: #EEEEEE;
	font-size: 10px;
	font-family: arial;
	}

#homepage #footer a {
	text-decoration: none;
	color: #998E7F;	}

#homepage #footer a:hover {
	text-decoration: underline;
	color:  #402C13;
	background-color: #F2F0EC;
	}

/*  Top Menu Declarations */

#homepage #footer { 
	width: 764px;
	width: 610px;
	height: 30px;
	background-color: #F2F0EC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #aba295;
	padding: 0px;
	margin: 0px auto;
	}

#homepage #footer ul {
	list-style: none;
	padding-top: 0px;
	margin: 0px;
	padding-left: 20px;
	}

#homepage #footer li {
	display: inline;
	height: 30px;
	padding-right: 25px;
	color: #aba295;
	}

#homepage #footer li a {
	text-decoration: none;
	color: #aba295;	}

#homepage #footer li a:hover {
	text-decoration: underline;
	color:  #402C13;
	background-color: #D5CDC1;
	}

/*  END Top Menu Declarations */

/*  END Footer Declarations */
/* -----------------------------------------  */
/*  Sub-Footer Declarations */

#subfooter {
	width: 760px;
	height: 20px;
	color: #aba295;
	background-color: #fff;
	background-color: #F2F0EC;
	padding: 0px;
	padding-top: 5px;
	margin: 0px auto 2px auto;
	}

#subfooter a {font-size: 9px; color: #aba295;}
#subfooter a:link {text-decoration: underline;}
#subfooter a:visited {text-decoration: underline;}
#subfooter a:hover {color: #402C13;text-decoration: underline;}

#spanleft {
	float: left;
	padding-left: 10px;
	font-size: 11px;
	color: #aba295;
	}

#spanright {
	float: right;
	padding-right: 10px;
	font-size: 9px;
	color: #aba295;
	}

/*  END Sub-Footer Declarations */
/* -----------------------------------------  */



.header1 {
	font-size: 20px;
	color: #6B0707;
	font-style: italic;

	}

.header2 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #6B0707;
	}

.header3 {
	font-size: 12px;
	font-weight: bold;
	color: #6B0707;
	}

hr {
	height: 1px;	
	color: #998E7F;
	width: 50%;
	text-align: left;
	}

#homepage hr {
	height: 1px;	
	color: #e1dfdc;
	width: 96%;
	text-align: center;
	}

.longhr {
	width: 95%;
	}

.trcolored {
	background-color: #f2f0ec;
	}

/* -----------------------------------------  */


#aboutuspage #aboutuslink {
	/* background-color: #E8F2FE; */
	text-decoration: underline;
	}

#neighborhoodspage #neighborhoodslink {
	/* background-color: #E8F2FE; */
	text-decoration: underline;
	}

#gallerypage #gallerylink, #customgallerypage #gallerylink, #classicgallerypage #gallerylink, #detailsgallerypage #gallerylink, #fieldsgallerypage #gallerylink {
	/* background-color: #E8F2FE; */
	text-decoration: underline;
	}

#linkspage #linkslink {
	/* background-color: #E8F2FE; */
	text-decoration: underline;
	}

#contactuspage #contactuslink {
	/* background-color: #E8F2FE; */
	text-decoration: underline;
	}



/* -----------------------------------------  */




#contact {
	background-image: url("images/contactbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}


.clear { height: 1%; clear: both; margin: 0px; padding: 0px;}


/* CSS Document http://www.jadwigo.nl/tools/transparency/index.html */


#homemenu { 
	list-style:none;
	float: right;
	padding-top: 250px;
	padding-right: 40px;
	border: solid blue 0px;
	text-align: left;
	}

#homemenu ul {
	margin: 0px;
	}

#homemenu li {
	display: block;
	width: 151px;
	height: 20px;
	color: #000;
	border: solid blue 0px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px;

	/*height:24px;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	background:url(images/menubg.gif);
	text-align:left; */

/*  NICK  */
/*  HOME FIX - Remove This  */

/*  NICK rem 6/22 background-image: url(images/menubg.png) !important;  /* Mozilla only */  
/*  NICK rem 6/22 background-color: transparent !important;           /* Mozilla only */
/*  NICK rem 6/22 background-image: none;                             /* IE only */
/*  NICK rem 6/22 background-color: #ffffff;                          /* IE only */
/*  NICK rem 6/22 filter:alpha(opacity=50);                           /* IE only */

	}

#homemenu li a {
	width: 151px;
	min-width: 151px;
	height: 24px;
	min-height: 24px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;

	text-align:left;
	font-size:18px;
	font-weight:bold;
	color: white;

/*  NICK  */
/*  HOME FIX - Remove This - but then text disappears unless take out above */
/*  Text disappears because it's white and inherits the same transparency as above */
/*  NICK rem 6/22 	position: relative;  */


/*	float: x;  */
	}

#homemenu li a:hover {
	width: 151px;
	min-width: 151px;
	height: 24px;
	min-height: 24px;
	text-decoration: underline;
	background: transparent;

	}


#specialstyle div {
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
	width: 25em;
	background: #fff;
	color: #000;
	float: left;
	clear: right;
}

#specialstyle #light {
	background: #fff;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#specialstyle #half {
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

#specialstyle #dark {
	background: #fff;
	opacity: 0.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}

#specialstyle #blue {
	background: #22a;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
}

#specialstyle #red {
	background: #a22;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
}

#specialstyle #light:hover,
#specialstyle #half:hover,
#specialstyle #dark:hover,
#specialstyle #blue:hover,
#specialstyle #red:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}


.contactleft { border: solid red 0px; float: left;
}

.form { float: left;  border: solid blue 0px;
}

table.linkstable td.col1 {width: 200px; padding: 0px; text-align: left; vertical-align: top;}

table.linkstable td.col2 {padding: 0px 0px 20px 20px;}



#scrollbox {
	width: 550px;		/*width: 100%;  /*Total image width has to be more than 700px to make the horizontal scroll work */
	height: 350px;      /*Make sure image height is less than this to avoid the vertical scroll */
	background: #fbfaf8;
	overflow: auto; 
	float: left;}

#pictures {
	width: 2200px;
	height: 320px;
	float: left;}

#pictures img {
	padding: 10px;
	}

#scrollbox2 {
	width: 150px;		/*width: 100%;  /*Total image width has to be more than 700px to make the horizontal scroll work */
	height: 300px;      /*Make sure image height is less than this to avoid the vertical scroll */
	background: #fbfaf8;
	overflow: auto; 
	float: left;}

#pictures2 {
	width: 130px;
	height: 1280px;
	float: left;}

#pictures2 img {
	padding: 5px;
	}

.gallerylabels {
	text-align: center;
	}

#customgallerypage #scrollbox {
	width: 150px;		/*width: 100%;  /*Total image width has to be more than 700px to make the horizontal scroll work */
	height: 300px;      /*Make sure image height is less than this to avoid the vertical scroll */
	background: #fbfaf8;
	overflow: auto; 
	float: left;}

#customgallerypage #pictures {
	width: 130px;
	height: 900px;
	float: left;}

#customgallerypage #pictures img {
	padding: 5px;
	}

#classicgallerypage #scrollbox {
	width: 150px;		/*width: 100%;  /*Total image width has to be more than 700px to make the horizontal scroll work */
	height: 300px;      /*Make sure image height is less than this to avoid the vertical scroll */
	background: #fbfaf8;
	overflow: auto; 
	float: left;}

#classicgallerypage #pictures {
	width: 130px;
	height: 400px;
	float: left;}

#classicgallerypage #pictures img {
	padding: 5px;
	}

#detailsgallerypage #scrollbox {
	width: 150px;		/*width: 100%;  /*Total image width has to be more than 700px to make the horizontal scroll work */
	height: 300px;      /*Make sure image height is less than this to avoid the vertical scroll */
	background: #fbfaf8;
	overflow: auto; 
	float: left;}

#detailsgallerypage #pictures {
	width: 130px;
	height: 400px;
	float: left;}

#detailsgallerypage #pictures img {
	padding: 5px;
	}

#fieldsgallerypage #scrollbox {
	width: 150px;		/*width: 100%;  /*Total image width has to be more than 700px to make the horizontal scroll work */
	height: 300px;      /*Make sure image height is less than this to avoid the vertical scroll */
	background: #fbfaf8;
	overflow: auto; 
	float: left;}

#fieldsgallerypage #pictures {
	width: 130px;
	height: 500px;
	float: left;}

#fieldsgallerypage #pictures img {
	padding: 5px;
	}

table.lotavailability {
	border: dashed blue 0px;
	}

.lotavailability td {
	font-size: .8em;
	text-align: center;
	border: solid #ccc 1px;
	padding: 2px 15px;
	background-color: #fff;
	}

.lotavailability .header td {
	background-color: #555;
	color: #fff;
	}

.lotavailability .sold td, .lotavailability .Sold td {
	color: #aaa;
	background-color: #eee;
	}


#rgbottomleft {
	width: 50%;
	float: left;
	}

	
#rgbottomright {
	width: 42%;
	float: right;
	}

#tablewrapper {
	height: 200px;
	overflow: auto;
	margin-bottom: 10px;
	}