/*-----------------------------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;
  } 
div.mainbox {
  width:760px;
  /* change height from 910px to 1050px on 11-15-07  */
  height: 1050px;
  border: 0px solid #666666;
  }
div.leftbox {
  padding-left: 20px;
  padding-top: 20px;
  float: left;
  width:300px;
  /* change height from 890px to 1020px on 11-16-07  */
  height: 1020px;
  border: 0px solid #666666;
  font-family: verdana, arial, sans-serif;
  /* change font-size from 12px to 13px on 11-16-07  */
  font-size: 13px;
  } 
p.intro:first-letter {
  font: 20px times, serif;
  font-weight: bold;
  }
div.rightbox {
  float: right;
  width:365px;
  /* change height from 890px to 1020px on 11-16-07  */
  height: 1020px;
  padding-right: 20px;
  border: 0px solid #666666;
  text-align: center;
  color: #000000;
  background-color:#cccc99;
  }
h3.titleblock {
  color: #000000;
  background-color: #cccc99;
  height: 18px;
  margin: 0px;/* eliminate autospace under heading  */
  font-family: verdana, arial, sans-serif;
  font-size: 12px;  
  font-weight: 600; 
  border: 0px solid #666666;
  }
div.photo_pair {
  width: 365px;
  height:125px;
  border: 0px solid #666666;
  }
div.leftphoto {
  float:left;
  width: 175px;
  height:125px;
  border: 0px solid #666666;
  }
div.rightphoto {
  float:right;
  padding:0px;
  border: 0px solid #666666;
  width: 175px;
  height:125px;
  }
div.caption {
  width: 175px;
  height: 45px;
  color: #000000; 
  background-color: #ffffff;
  font-family: arial, tahoma, sans-serif;
  font-size: 10px;  
  font-weight:400; 
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #666666;
  text-align: left;
  line-height: 11px;
  }
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;
  }