/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url(images/back3.gif);
 font-family: Arial, Verdana, Helvetica, sans-serif;   
 font-size: 8px;

} 
 
#pagewidth{ 
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background-color: #330033;
/*  background-image: url(images/bgb1.gif); */
} 



 
#header{
 position:relative; 
 height:231px; 
  background-color:#FFFFCC; 
 width:100%;
} 

#pagewidth2{ 
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
/*  background-image: url(images/bgb1.gif); */
} 


#header2{
 position:relative;
 text-align:center;
 font-size: 1.5em; 
 height:231px; 
  background-image: url(images/gtownview3.jpg); 
 width:80%;
}

#header2 p {
  color:#000000; font-weight:bold; 
   }
#header2 a:link    { color:#330033; text-decoration: none; }
#header2 a:visited { color:#330033; text-decoration: none; }
#header2 a:hover   { color:#661C66; text-decoration: none; }
#header2 a:active  { color:#330033;	text-decoration: none; }


.headcols1 {
  background-color:#FFFFCC;
  color:#562D4E;
  font-family:arial,san-serif;
  font-size:8pt;
  font-weight:bold;
  text-align:center;
  vertical-align:top;
  padding-top:15px;
     }

.headcols1b {
  background-color:#FFFFCC;
  color:#562D4E;
  font-family:arial,san-serif;
  font-size:10pt;
  font-weight:bold;
  text-align:center;
  vertical-align:top;
  padding-top:15px;
     }



.headcols2 {
  background-color:#FFFFCC;
  color:#2C3C24;
  font-family:arial,san-serif;
  font-size:12pt;
  font-weight:bold;
  text-align:center;
  vertical-align:bottom;
  padding-bottom:10px;
     }

table.head1{
  width:100%;
  border-spacing:0;
  }

.towntab table {
  width:98%;
  border: 1px solid #330033;
  valign: top;
  }
td.towntab  {
  valign: top;
  }

td.half {
  vertical-align:top;
  width="50%";
  }

#banner1{
 width:100%;
 height:26px;
 padding-top:4px;
 background-color:#003300; 
 clear:both;
font-family:Times New Roman, Times, serif; 
  font-size:14pt;
  text-align:center;
  color:#FFCF6E;
 }

.clearboth {
	clear:both;
  }


/* Testing alternative of using heading for banner for SEO */
.bannerx {
 width:100%;
 height:26px;
 padding-top:4px;
           margin-top:-3px;
           margin-bottom:-3px;
 background-color:#003300; 
 clear:both;
font-family:Times New Roman, Times, serif; 
  font-size:14pt;
  text-align:center;
  color:#FFCF6E;
 }

#mainfull{
 background-color:#FFFFCC; 
 clear:both;
 text-align:center;
  font-size: 10pt; 
 color: #000000;
/* border-top: 4px solid #330033; */
 padding-bottom: 5px;
 } 


/*  Box for quotes */
 .quotebox {
  width:150px;
  font-size: 90%;
  padding-left: 5px;
  padding-right: 2px;
  border:2px solid #9a9a9a;
  margin-right:10px;
  margin-bottom:10px;
 /*  background-color: #eeeeee;  */
}
 .quoteboxf {
  clear:both;
  font-size: 90%;
  
  padding-left: 5px;
  padding-right: 2px;
  margin-top:2px;
  /* border:2px solid #9a9a9a; */
  margin-right:10px;
  margin-bottom:10px;
  margin-top: 3px;
 /*  background-color: #eeeeee; */
}
.bcentersm {
   text-align: center;
   font-size: 100%; /* Reset to full size */
   }

.sm75 {
  font-size: 75%;
  }

.b110 {
  font-size: 110%;
  font-weight: bold;
  }

.clearit {
clear:both;
}

/* Navigation text button definitions */
/*  The following code is used to create the buttons.  
  HTML and most browsers won't let you put an <a>  </a>
around them (no block elements within an anchor), so 
the code is used to generate the buttons and then
they are screen captured.

<div class="nav_outer1" onmouseover="this.className='nav_outer2'" onmouseout="this.className='nav_outer1'">
   <div class="nav_top1">COMMERCIAL
      <h5>LISTINGS</h5>
   </div>
</div>
*/


.nav_outer1 {
width:104px;
height:36px;
background-color: #FAFAC8;
font-family:verdana;
font-weight:bold;
font-size: 8pt;
margin: 6px;
border: 3px solid #000000;
text-align:center;
       }

.nav_outer2 {
width:104px;
height:36px;
background-color: #FAFAC8;
font-family:verdana;
font-weight:bold;
font-size: 8pt;
margin: 6px;
border: 3px solid #CC6600;
text-align:center;

       }



.nav_top1 {
background-color:#FAFAC8;
color:black;
margin:2px;
}

.nav_bot1 {
background-color:#CC6600;
color:white;
margin:2px;
border: 1px solid #FAFAC8;
}


.nav_bot2 {
background-color:#000000;
color:white;
margin:2px;
border: 1px solid #FAFAC8;
}

.nav_outer1 h5{
background-color:#000000;
color:white;
margin:2px;
border: 1px solid #FAFAC8;
font-family:verdana;
font-weight:bold;
font-size: 8pt;
}

.nav_outer2 h5{
background-color:#CC6600;
color:white;
margin:2px;
border: 1px solid #FAFAC8;
font-family:verdana;
font-weight:bold;
font-size: 8pt;
}





 
#leftcol{
 width:16%; 
_width:18%;
 float:left; 
 position:relative; 
 background-color:#330033;
 text-align:center; 
color:#ffffff;
 }
 
#twocols{
 width:84%;
 _width:82%; 
 float:right; 
 position:relative; 
 background-color: #330033;

  }
 
#rightcol{
 width:20%; 
 float:right; 
 position:relative; 
 background-color: #330033;
 text-align:center; 
color:#ffffff;

 }
 
#maincol{background-color: #ffffff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:80%; 
	font-size: 10pt;
	color: #222222;
 }

.maincontent {
	font-size: 10pt;
	color: #222222;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
_padding-top: 3px;
   }

.maincontent h1, h2 {
   font-size: 12pt;
    }

.redstrike {
  color: red;
  text-decoration : line-through;
  font-size: 1.2em;
  }

.redd {
  color: red;
   }

.bigred {
  color: red;
  font-size: 1.2em;
  }

/* Special class for IE for graphic listing */
.iemain  {
	font-size: 10pt;
	color: #222222;
padding-left: 10px;
_padding-left: 0;
padding-right: 10px;
_padding-right:0;
padding-bottom: 5px;
_padding-top: 3px;
  }
.iemain  img {
  width: 497px;
  _width: 485px;
   }

.center {text-align:center;}

p.imgcenter {
  margin-right: auto;
  margin-left: auto;
  }

img.floatleft {
    float: left;
    margin-right: 15px;
} 


img.floatright {
    float: right;
    margin-right: 0;
    padding-right: 0;
    margin-left: 10px;
    padding-bottom: 2px;
   }

.header_box{
	/* font-weight: bold; */
	border-bottom-color: #003300;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;   /* was  "Times New Roman", Times, serif; */
	font-size: 10pt;
	color: #222222; /* was 666666 */
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 22px;
	padding-top: 10px;
        _padding-top: 20px; /* ie hack */
	line-height: 16px;
      text-align:left;
}
.header_box2 h1 {
     font-size: 24px; color:#330033; font-weight:bold;}


.header_box2{
	/* font-weight: bold; */
	border-bottom-color: #003300;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;   /* was  "Times New Roman", Times, serif; */
	font-size: 10pt;
	color: #222222; /* was 666666 */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
	line-height: 16px;
      text-align:center;
}

.fieldbox{
	vertical-align: top;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #222222;
	padding-top: 3px;
	padding-left: 15px;
	padding-right: 5px;
	line-height: 16px;
}

.toplink {
      padding-left: 15px;
   }

.homepagetext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #222222;
	line-height: 16px;
}

#rightcol a:visited { text-decoration: none; color: #000000;}


a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: none; }
a:active  {	text-decoration: none; }

.list1 a:hover   { text-decoration: none; color:#176910 }



.toplink {
      padding-left: 15px;
   }

.toplink a:link    { color: #330033; text-decoration: none; }
.toplink a:visited { text-decoration: none; color: #000000;}
.toplink a:hover   { color: #b2623a; text-decoration: none; }
.toplink a:active  { color:#330033; text-decoration: none; }


.maincontent a:link    { color: blue; text-decoration: none; }
.maincontent a:visited { text-decoration: none; }
.maincontent a:hover   { color: #b2623a; text-decoration: none; }
.maincontent a:active  {	text-decoration: none; }


.style13 {font-size: 10px}

.style33 {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	line-height: 16px;
}
.style34 {font-size: 14px}
.style36 {background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-weight: bold; text-align: left; width: 510px; vertical-align: top;}
.style38 {font-size: 12px; font-family: "Times New Roman", Times, serif; color: #003300; }
.style39 {font-size: 15px; color:#330033; font-weight:bold; }
.style39s {font-size: 12px; color:#330033; font-weight:bold; }

.style43 {font-size: 7pt}
.style46 {font-size: 3px; font-family: "Times New Roman", Times, serif; color: #FFFFFF; }


 
#footer{
/*  background-color:#FFFFCC; */
       background-image: url(images/back3.gif);

 clear:both;
 text-align:center;
 font-size: 10pt;
 color: #000000;
 border-top: 4px solid #330033;
 padding-bottom: 5px;
 } 

#footer2{
/*  background-color:#FFFFCC; */
/*       background-image: url(images/back3.gif);  */
 width: 80%;
 clear:both;
 text-align:center;
 font-size: 10pt;
 color: #000000;
 border-top: 4px solid #330033;
 padding-bottom: 5px;
 } 

#footer2 a:link    { color:#330033; text-decoration: none; }
#footer2 a:visited { color:#330033; text-decoration: none; }
#footer2 a:hover   { color:#661C66; text-decoration: none; }
#footer2 a:active  { color:#330033;	text-decoration: none; }

 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* Force a page break for printing  */
     h2.breakhere {page-break-before: always}


 
 /*printer styles*/ 
 @media print{ 
#header {display:none;}
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}

#footer{display:none}
}