body 
{
	min-width: 1017px; /*keeps that funny bar from showing up, this is the intended window size for this site minus the scrollbar width in firefox...*/
}

div#content { width: auto;  padding: 0px;}

a:link
{
	color: blue;
}

strong
{
	color: #FFF8AF;
}

body
{
	color: black;
	background: #fffff;
}

h1
{
	color: #015A9C;
	font-size: 18pt;
	line-height: 1em;
	font-family: Times New Roman;
}

table
{
	border-collapse: collapse;
}

table.center
{
	margin-left: auto;
	margin-right: auto;
}

/* doesn't work unless the element has a width set */
.center
{
	margin-left: auto;
	margin-right: auto;
}

p.center
{
	text-align: center;
}

img.center
{
	display: block;
	margin: 0 auto;
}

p.leftformat
{
	text-align: left;
}

table td
{
	padding: 10px;
}

/* bullet style */
.row-1 ul li {
	background: url(bullet.png) no-repeat;
	color: black;
	font-size:9pt;
	margin-bottom:10px;
	padding:5px 0 0 0;
	text-align: left;
}

/* I don't know why this div is in the layout. */
.row-2
{
	display: none;
}

/* div-table styles */
.div-table{display:table; padding: 10px 0px 10px 0px;}

.div-table-caption{display:table-caption; background:#009999;}

.div-table-row{display:table-row;}

.div-table-col{display:table-cell; padding: 30px}

/* entire-page styles */
.tail-bottom
{
	background-color: #3d6240;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mainContent
{
	margin-left:auto;
	margin-right:auto;
	background-color: #3d6240;
}

/* header styles */

#header
{
	height:auto;
	background: none;
}

#header .main
{
	width: auto;
}

/* menu will have a bottom-border right after it, and within the div, so the layout needs changing slightly. */
#header .top,
#header .menu #menu-ul
{
	width: 966px;
	margin-left: auto;
	margin-right: auto;
}

#header #menu-ul
{
	border-left: 10px solid #4d804b;
	border-top: 10px solid #4d804b;
	border-right: 10px solid #4d804b;
}

#header .logo
{
	padding-top:57px;
}

#header .menu
{
	background: none;
}

#header .menu a:hover,
#header .menu a.last:hover, 
#header .menu .active,
#header .menu a:active
{ 
	background:url(menubarbg-hot.png) repeat-x;
	color: #46493e;
	font-size:10pt;
	font-weight: bold;
	font-family: Arial;
}

#header .menu a
{
	background:transparent url(menu-right-border.png) no-repeat scroll right 9px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	height:41px;
	padding-bottom:0;
	padding-top:27px;
	width:115px;
}

#header .menu a.last
{
	background-image: none;
}


#header .menu li{ float:left; background:url(menubarbg.png) repeat;}

#header .menu ul li:first-child ,
#header .menu ul li:first-child
{
	list-style-image: none;
}

#header .menu li
{
	background-repeat: repeat-x;
	height:68px;
	list-style-image: url(menubarbullet.png);
	border-bottom: 1px solid #717F99;
}

/* footer CSS */

#footer
{
	background:transparent url(bottom-border.png) repeat-x scroll center bottom;
	height: 90px;	
}

#footer img[alt='prudential-logo.png']
{
	float:right;
	padding-right:25px;
}

#footer p
{
	padding-top: 0;
}

/* top image bar, appears in various forms on every page except index */
#clearwrapper .top_image_bar
{
	height: 220px;
	border-bottom: 6px solid #4d804b; /* not on index page */
	background-color: #37415a;
	text-align:left;
}

#clearwrapper .top_image_bar img[alt='little-mill-woods-logo.png']
{
	padding-left:57px; /* my only means of centering in this case... i think. */
	padding-top:6px;
	width:205px;
}

/* the image bar for the index page */ 
#clearwrapper .top_image_bar-index
{
	height: 346px;
	background-color: #37415a;
}

#clearwrapper .top_image_bar-index img[alt='houseimage-front.png']
{
	float: left;
}

#clearwrapper .top_image_bar-index img[alt='little-mill-woods-logo.png']
{
	padding-top:6px;
}

#clearwrapper #locationspan
{
	color:white;
	font-family:Times New Roman;
	font-size:12pt;
}

/* info bar, which appears on every page. */

div.info_sidebar
{
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	width:263px;
}

/* top sidebar inside info_sidebar */

div.info_sidebar div.top_sidebar
{
	padding-top:3px;
	background: #f7f3e7 url(top_infobar-border-top.png) repeat-x scroll center top;
}

div.info_sidebar div.top_sidebar img[alt='little-mill-woods-logo.png']
{
	width:134px;
}

div.info_sidebar div.top_sidebar #openhouseh1
{
	color:black;
	font-family:Arial;
	font-size:16pt;
	font-weight:normal;
	line-height:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	text-transform:uppercase;
	padding-top:6px;
}

div.info_sidebar div.top_sidebar ul
{
	display:block;
	margin:0 auto;
	padding-top:13px;
	width:228px;
}

div.info_sidebar div.top_sidebar ul li
{
	text-align: center;
	font-size:9pt;
}

div.info_sidebar div.top_sidebar a[href='http://www.adobe.com'] img
{
	display: block;
	margin: 0 auto;
}

div.info_sidebar div.top_sidebar p.blocktext
{
	text-align: left;
	font-weight: bold;
	padding: 15px;
}


/* bottom sidebar under info sidebar */

div.info_sidebar div.bottom_sidebar
{
	background-color:#f7f3e7;
}

/* agent info sidebar, appears aon every page. */

div.agentinfowrapper
{
	text-align: left;
	padding:20px 20px 60px;
	background:transparent url(bottom_infobar-border-bottom.png) repeat-x scroll center bottom;
}

div.agentinfowrapper div.agentSummaryContent h2
{
	color:black;
	font-size:100%;
	line-height:1.5em;
	padding-bottom:0;
}	

div.agentinfowrapper h1
{
	color:black;
	font-family:Arial;
	font-size:17pt;
	font-weight:normal;
	padding-bottom:10px;
	text-align:left;
}

div.agentinfowrapper div.agentSummaryContent img.agentPhoto
{
	float:left;
}

div.agentinfowrapper div.agentSummaryContent p
{
	padding-top: 0;
}

/* Right content global style  - this is the main content area, not a sidebar.*/
#clearwrapper
{
	margin-left:auto;
	margin-right:auto;
	width:966px;
	border-left: 10px solid #4d804b;
	border-right: 10px solid #4d804b;
	border-bottom: 10px solid #4d804b;
	padding-bottom: 20px;
	background-color: #8ea68c;
}

div.rightcontent_global
{
	float:right;
	padding-right:48px;
	width:600px;
}

div.rightcontent_global a:link
{
	color: #B3FBFF;
}

div.rightcontent_global a:visited
{
	color: #DDDDDD;
}

div.rightcontent_global h1
{
	color:white;
	font-family:Arial;
	font-size:18pt;
	font-weight:normal;
	padding-bottom:20px;
	text-align: center;
	padding-top:35px;
}

div.rightcontent_global p
{
	text-align: left;
	color: white; /* old color #c3dddc; */
}

div.rightcontent_global p span[style='text-decoration: underline;']
{
	color: white;
}

/* contact form formatting */

.row-1
{
	background-color:#3D6240;
}

form
{
	background-color:#8EA68C;
	border:10px solid #4D804B;
	margin:0 auto;
	padding:20px 293px;
	width:380px;
	color: white;
}

form h1
{
	color:white;
	font-family:Arial;
	font-size:18pt;
	font-weight:normal;
	text-align:center;
}

form div {
  width: auto;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  color: white;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

select, textarea {
  padding: 1px 3px;
  margin: 0 0 0 0;
}

textarea
{
	width: 166px;
	color: black;
	font-size: 9pt;
}

select
{
	width: 178px;
	height: auto;
}

input
{
	width: 172px;
	color: black;
}
/*index page styles */
#rightcontent1 h1
{
	text-align:left;
}

/* home styles css */
#rightcontent2 .center
{
	text-align: center;
}

#rightcontent2 .div-table
{
	margin: 0 auto;
}

#rightcontent2 .div-table a
{
	text-align: center;
	font-size:12pt;
}

#rightcontent2 img[alt="stearns_thumb.jpg"]
{
	padding-top:11px;
}

/* availability styles*/
.bold_underline
{
	text-decoration: underline; 
	font-weight: bold; 
	text-align: center;	
}

#rightcontent5 table
{
	margin: 0 auto;
	background-color:#F7F3E7;
}

#rightcontent5 span.bold_underline
{
	font-size: 12pt;
}

/* builder profile styles */
#rightcontent6 #quotspan1
{
	font-style: italic; 
	font-weight: bold; 
	margin: 0 auto; 
	display: block;
	text-align:center;
}

/* directions page styles */
#rightcontent8 span
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 12pt;
	color: white;
}

#rightcontent9 span
{
	color: white !important;
}


/*site plan */
#rightcontent10 img
{
	border: 1px solid black;
}