/*-----------------------------start code for navbar-------------------------*/
ul#mainNav {
  font-family: verdana, arial, sans-serif;
  /* remove indents */
  margin: 0;
  padding: 0;
  /* remove bullets */
  list-style: none;
  border-left: 4px solid #cccc99;
  float: left;
  }
#mainNav li {
  float: left;
  width: 140px;
  }
/* add descendent selector for formatting the links */
#mainNav a {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  /* add borders and padding to each link */
  border: 4px solid #cccc99;
  padding: 0px 0px 3px 0px;
  /* force <a> tags to display as blocks rather than inline elements */
  display: block;
  background-color: #999900;
  }
/* VISUAL FEEDBACK */
/* HOVER - TEXT STYLE & BG COLOR */
#mainNav a:hover {
  background-color: #ffffff;
  color: #000000;
  text-decoration: underline;
  } 
/* "YOU ARE HERE" BUTTON FORMATTING*/
body#button-00 a#button-00Link,
body#button-01 a#button-01Link,
body#button-02 a#button-02Link,
body#button-03 a#button-03Link,
body#button-04 a#button-04Link {
  font-weight: bold;
  color: #000000;
  background-color: #00ff00;
  text-decoration: none;
  }  
/* "YOU ARE HERE" BUTTON - HOVER FORMAT */
#button-00 #mainNav a#button-00Link:hover,
#button-01 #mainNav a#button-01Link:hover,
#button-02 #mainNav a#button-02Link:hover,
#button-03 #mainNav a#button-03Link:hover,
#button-04 #mainNav a#button-04Link:hover {
  color: #000000;
  background-color: #00ff00;
  }    
/* FIX ONE (1) IE5 BROWSER BUG */
* html #mainNav a {
  height: 1px;
  }
/*---------------------------end code for navbar-----------------------------*/
body {
  margin: 0;
  padding: 0;
  color: #000000;/* for validator */
  background: #e6e6e6 url(../images/page_bg.png) repeat-y center top;
  /* next rule centers "wrapper" in IE5 */
  text-align: center;
  }
div.wrapper {
  width:760px;
  border: 0px solid #666666;
  color: #000000;
  background-color: #cccc99;
  /* next 2 rules centers "wrapper" for browsers other than IE5 */
  margin-right:auto;
  margin-left:auto;
  /* next rule restores normal alignment in "wrapper" for IE5 */
  text-align: left;
  } 
div.header {
  padding-top: 20px;
  padding-left: 10px;
  width:740px;
  height: 200px;
  border: 0px solid #666666;
  }
div.left_headerbox {
  float: left;
  width:460px;
  height: 200px;
  border: 0px solid #666666;
  } 
div.c1 {
  width: 440px;
  margin: 0px 0px 0px 10px;
  border: 0px solid #666666;
  }
h1.c2 {
  color: #0000ff; 
  background-color: #cccc99;
  font: 12px verdana, arial, sans-serif;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 10px;
  border: 0px solid #666666;
  width: 440px;
  }
h2.c3 {
  color: #000000; 
  background-color: #cccc99;
  font: 11px verdana, arial, sans-serif;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 10px;
  border: 0px solid #666666;
  width: 440px;
  }
div.c4 {
  color: #000000; 
  background-color: #cccc99;
  font: 11px verdana, arial, sans-serif;
  font-weight:bold; 
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 10px;
  border: 0px solid #666666;
  width: 440px;
  }
div.right_headerbox {
  float: right;
  width:260px;
  height: 190px;
  border: 0px solid #666666;
  text-align: center;
  } 
div.contact_info  {
  width:260px;
  height: 75px;
  color: #000000;
  background-color: #cccc99;
  font: 11px arial, tahoma, sans-serif;
  border: 0px solid #666666;
  }
div.navbox {
  padding-left: 20px;
  color: #000000;
  background-color: #cccc99;
  width:740px;
  height: 30px;
  border: 0px solid #666666;
  } 
p.intro:first-letter {
  font: 20px times, serif;
  font-weight: bold;
  }
div.footer {
  width:760px;
  height: 60px;
  color: #000000;
  background-color: #cccccc;
  border: 0px solid #666666;
  } 
div.leftfooter {
  float: left;
  width:200px;
  padding: 5px 0px 5px 20px;
  border: 0px solid #666666;
  color: #000000; 
  background-color: #cccccc;
  font: 12px arial, tahoma, sans-serif;
  font-weight:bold; 
  } 
div.rightfooter {
  float: right;
  width:250px;
  border: 0px solid #666666;
  color: #000000;
  background-color: #cccccc;
  font: 11px arial, tahoma, sans-serif;
  font-weight:500; 
  text-align: center;
  }
hr.hline {
	border: 0;
  width: 95%;
  color: #0000ff;
  background-color: #0000ff;
  height: 2px;
  text-align: center;
  }
/* styling for Historical section */
div.mainbox_1 {
  width:760px;
  height: 630px;
  border: 0px solid #666666;
  }
div.leftbox_1 {
  margin-left:30px;
  padding: 0px;
  float: left;
  width:300px;
  height: 615px;
  border: 0px solid #666666;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  } 
div.rightbox_1 {
  margin-right:30px;
  float: right;
  width: 300px;
  height: 615px;
  padding: 0px;
  border: 0px solid #666666;
  text-align: left;
  color: #000000;
  background-color:#cccc99;
  font: 10px verdana, arial, sans-serif;
  }
/* styling for Commercial section */
div.mainbox_2 {
  width:760px;
  height: 760px;
  border: 0px solid #666666;
  }
div.leftbox_2 {
  margin-left: 30px;
  padding: 10px;
  float: left;
  width:300px;
  height: 745px;
  border: 0px solid #666666;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  } 
div.rightbox_2 {
  margin-right: 30px;
  float: right;
  width: 300px;
  height: 745px;
  padding: 10px;
  border: 0px solid #666666;
  text-align: left;
  color: #000000;
  background-color:#cccc99;
  font: 10px verdana, arial, sans-serif;
  }
/* styling for Residential section */
div.mainbox_3 {
  width:760px;
  height: 635px;
  border: 0px solid #666666;
  }
div.leftbox_3 {
  margin-left: 30px;
  padding: 10px;
  float: left;
  width:300px;
  height: 620px;
  border: 0px solid #666666;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  } 
div.rightbox_3 {
  margin-right: 30px;
  float: right;
  width: 300px;
  height: 620px;
  padding: 10px;
  border: 0px solid #666666;
  text-align: left;
  color: #000000;
  background-color:#cccc99;
  font: 10px verdana, arial, sans-serif;
  }
div.job {
	height: 120px;
	border: 0px solid #666666;
  }  
img.pic {
	float: right;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 0px solid #666666;
	padding: 0px;
	}