@charset "UTF-8";
	


html {
	margin:0;
	padding:0;
}
	
#wrapper {
	float:left;
	width:100%;
	color: #000000;/*---black-controls the color of fonts in the whole site as the default text color--works here in #wrapper, but not in body*/
	font-family: Tahoma, Geneva, sans-serif;/*font-family works in #wrapper to control overall font for the web site, except for Ann Schmitt's IDX database frames, which is controlled by the font-family in body */
}
	
body {
	width:1000px;
	margin:0 auto; /* Centers the layout so that if somebody views it on larger screen, the page displays in the center of the screen and not on left side.*/
	font-size:86%; /* A trick to force every font to be relative to the current browser text size. Technique based on Owen Briggs's Sane CSS Sizes (http://www.thenoodleincident.com/tutorials/typography/). */
	background-color: #F2F2F2;
	font-family: Tahoma, Geneva, sans-serif;/* Although the font-family works in #wrapper to control overall font for the web site, font-family in body controls the font for Ann Schmitt's IDX database frames */
}

.print {
	background-color: #FFF;	
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

/* Makes a span of text more noticeable. */
.red
{
	color:#ff0000;
	font-style:italic;
	font-weight:bold;
}
	
img {
	float:left;
	padding:0 10px 10px 0;
}

/* Removes borders or backgrounds from images that are links. */
a img {
	border:none;
	background:none;
}

/* Justifies the text inside the container using this class. Usually used in addition to a normal class. */
.justify {
	text-align:justify;
}


/* Used to get vertically past any floated element. Use early, use often. */
.clearBoth  {
	clear:both;
}


/*------------------------------------------------------------*/
/* #header styles.                                           */
/*------------------------------------------------------------*/

#header {
	padding:5px 10px;
	background-color: #FFF;	
}

#header h1 {
	font-size:3.5em;
	text-align:center;
}

#header h2 {
	font-size:2em;
	text-align:center;
}

#header a {
	color:#333333;
	text-decoration:none;
}
	
h1 {
	margin:0;
}
	
#main {
	float:left;
	width:750px;
	padding:10px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC; /*---a light grey---*/
}

#mainEidCo {
	float:left;
	width:750px;
	padding:10px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC; /*---a light grey---*/
	background-color: #FFFFFF; /*---white---*/
}

.listingContainer {
	width: 340px;
	padding: 10px;
	margin: 10px;
	float: left;
}
	
h2 {
	margin:0 0 1em;
}

#sidebar {
	float:right;
	padding:10px;
	width: 200px;
}


.centerImage {
	margin:0 auto;
	padding:0 0 .25em 0;
	display:block;
	float:none;
}


.centerImageAddBorder {
	margin:0 auto;
	padding:0 0 .25em 0;
	display:block;
	float:none;
	border-style:solid;
	border-width:1px;
	border-color:black;
}
	
/*------------------------------------------------------------*/
/* #footer styles.                                            */
/*------------------------------------------------------------*/

.footerPadding
{
	padding:1em;
}

#footer {
	background:#FFFFCC;/*---light yellow---*/
	clear:both;
}

#footer p {
	padding:0.5em 0 0.5em 0;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}

#footer a {
	color:#009;
}

#footer a:hover {
	color:#06F;
}
	
	
* html #footer /*---This fixes a glitch in IE 6---*/ {
		height:1px;
}
	
#copyright {
		clear:both;
		padding:5px 10px;
}
	
	
#Community_links {
	background-color: #FFFF33; /*---bright yellow---*/
	margin: 5px;
	padding: 5px;
	border: thin solid #666;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
/* END OF FOOTER STYLES */

#homepageindex  /* homepageindex - I added this */{
	width:700px;
	background-color: #FFFFFF; /*---white---*/
	list-style-type: none;
	list-style-position: outside;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

#homepageindexButtons {
	width: 290px;
	padding-top: 15px;
}
	

#TaxCreditBullets  {
	list-style-type: disc;
	list-style-position: outside;
}


#buttons_header_index  {	
	margin-left: auto ;
    margin-right: auto ;
}

/* Horizontal rule styles. */
#main hr {
	margin-bottom:1em;
	height:3px;
	border:none;
	color:#d7d7d7; /*---a light grey---*/
	background:#d7d7d7;  /*---a light grey---*/
}


 /* # contactInfo is Dave's modification of the original design for "contact". Changed id to contactInfo so I could duplicate the white background on the contact info and CRS, Realtor, ABR logo (etc.) area above the footer-Dave's note */
#contactInfo table
{
	width:100%;
	background:#FFFFFF; /*---white---*/
	text-align:left;
	float: left; /* original design for "contact" was 'none'-Dave's note */
	margin-left:0px; /* original design for "contact" was '25px'-Dave's note */
	padding-left:25px; /* original design for "contact" did not have specified padding -Dave's note*/
}


/*-----------------------------	-------------------------------*/
/*Below is a style to display photos in a gallery style. Here is
the simple HTML to structure the gallery:
 
<ul class="gallery">
        <li><a href="/images/image.jpg"><img src="/images/image_tn.jpg" alt="image" /></a>
        <br />Image Caption</li>
        <li><a href="/images/image.jpg"><img src="/images/image_tn.jpg" alt="image" /></a>
        <br />Image Caption</li>
        <li><a href="/images/image.jpg"><img src="/images/image_tn.jpg" alt="image" /></a>
        <br />Image Caption</li>
        <li><a href="/images/image.jpg"><img src="/images/image_tn.jpg" alt="image" /></a>
        <br />Image Caption</li>
        <li><a href="/images/image.jpg"><img src="/images/image_tn.jpg" alt="image" /></a>
        <br />Image Caption</li>                               */
/*-----------------------------	-------------------------------*/

.gallery li {
	display: inline;
	list-style: none;
	width: 210px; /*--this worked fine at 400px, but I'm testing it at 420 px  Dave's note.-----*/
	
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
	
#MenuBarTop  {
	background-color: #666;
	height: 40px;
	padding-left: 15px;
	font-weight: bold;
}
	
#content_smartFrame {
	float: left;
	width: auto;
	margin-left: auto;
	margin-right: auto;	/* I added this id so I could center the smart frame, which wasn't possible if it was in the "content" div, which has a 230px right margin for navigation on all other pages. For the smart frame, I have margins set at "auto" to center the smart frame.*/	
}
	
#MLSfooter {
	margin: 15px;
	padding: 15px;
}

#buyerAgent {
	margin: 25px;	
}

 
/*-- THUMBNAIL IMAGE GALLERY code below is from http://css.maxdesign.com.au/floatutorial/tutorial0407.htm  THIS SEEMS TO WORK... clears to next row, no matter how long text is under the photos Made to be used with 200px wide photos on my listings page, 3 per row.--*/

.thumbnail
{
float: left;
width: 220px;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }

/*-- End of THUMBNAIL IMAGE GALLERY styles--*/


/*-- LARGE THUMBNAIL IMAGE GALLERY code below is from http://css.maxdesign.com.au/floatutorial/tutorial0407.htm  THIS SEEMS TO WORK... clears to next row, no matter how long text is under the photos Made to be used with 350px wide photos on home listing pages, 2 per row.--*/

.thumbnailLarge
{
float: left;
width: 350px;
margin: 5px;
padding: 5px;
}

.clearboth { clear: both; }

/*-- End of THUMBNAIL IMAGE GALLERY styles--*/


.listingPageDiv {
	border: 1px solid #999;
	float: left;
	width: 700px;
	margin: 10px;
	padding: 10px;
}

#RealEstateBookAd {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	margin: 20px;
	padding: 25px;
	width: 750px;
}

.floatRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.floatLeft{ /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.floatRightNoMargin { /* this class can be used to float an element right in your page. NO MARGIN for tight elements. The floated element must precede the element it should be next to on the page. */
	float: right;
}

.floatLeftNoMargin{ /* this class can be used to float an element left in your page.  NO MARGIN for tight elements. */
	float: left;
}

.imageFloatRight {
	float: right;
	margin-left: 8px;
	padding: 10px;
}

.imageFloatLeft {
	float: left;
	margin-right: 8px;
	padding: 10px;
}


img.center {  display: block;   margin-left: auto;   margin-right: auto; }


#MenuBarEidCo  {
	background-color: #992244;
	height: 40px;
	padding-left: 20px;
	font-weight: bold;
	margin-top: 20px;
}

#EidCoButton{
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
}