body {
  margin: 0 0 0 0;
  font-family: "Franklin Gothic Book", "Trebuchet MS", sans-serif;
  font-size: 80%;
  text-align: center;
  background: #000;
  }
dl, dt, dd { margin: 0;}
.clear-both { clear: both;}
.copy { line-height: 130%;}
.copy ul { margin: 0px 0 0 15px; padding: 0; }
a:link, a:visited { color: #fff; border-bottom: 1px solid #fff; text-decoration: none;}
a:active, a:hover { border-bottom: 1px dashed #fff;}


/*---------------------------------
/   CONTENT STYLES  
/---------------------------------*/
.copy { padding: 0 10px 10px 10px; font-size: 90%; font-family: verdana, sans-serif, arial, sans-serif, verdana, "Franklin Gothic Book", verdana;}
.copy h2 { font-family: "Franklin Gothic Book"}
#secondPanel .right { line-height: 98%;}


/*---------------------------------
/       HEADERS 
/---------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Franklin Gothic Book"; margin: 0;}
h1 { 
  clear: both;
  border-bottom: 10px solid #000;
  margin: -20px 0 1px 0;
  line-height: 75%;
  font-size: 200%;
  }
h2 strong { display: none;}
h2 { text-transform: lowercase; font-size: 160%; margin-bottom: 7px;}
h3 { font-size: 100%; font-family: Verdana; margin-bottom: 5px;}
h5 { border-bottom: 1px solid #fff; margin-bottom: 10px !important;}
h5 a:link, h5 a:visited, h5 a:active, h5 a:hover { bordeR: 0;}


/*---------------------------------
/       TOP NAVIGATION  
/---------------------------------*/
#top-links ul { 
  list-style-type: none;
  margin: 0px 0 0 0 ;
  padding: 5px 0 0 0;
  }
#top-links li { 
  float: left;
  margin: 0px 1px;
  }
#top-links li a:link, #top-links li a:visited {
  display: block;
  width: 127px;
  height: 98px;
  line-height: 55px;
  background: url("img/top-nav-tabs.jpg") 0px 0px no-repeat;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
  padding-left: 13px;
  }
* html #top-links li a:link, * html #top-links li a:visited { \width: 140px;  }
#current.link1 a:link, #current.link1 a:visited, #top-links li.link1 a:active, #top-links li.link1 a:hover { background-position: -140px 0px;}
#current.link2 a:link, #current.link2 a:visited, #top-links li.link2 a:active, #top-links li.link2 a:hover { background-position: -280px 0px;}
#current.link3 a:link, #current.link3 a:visited, #top-links li.link3 a:active, #top-links li.link3 a:hover { background-position: -420px 0px;}
#current.link4 a:link, #current.link4 a:visited, #top-links li.link4 a:active, #top-links li.link4 a:hover { background-position: -560px 0px;}


/*---------------------------------
/   ACCORDION STYLES  
/---------------------------------*/
#accordionDiv { 
  color: #fff;
  }
.header { 
  text-transform: uppercase; 
  font-family: "Small Fonts", sans-serif; 
  font-size: 60%; 
  text-align: right;
  padding: 6px;
  cursor: hand;
  }
#firstPanel { background: #ff6600 url("img/orange-bg.jpg") repeat-x bottom;}
#secondPanel { background: #009900 url("img/dk-green-bg.jpg") repeat-x bottom;}
#thirdPanel { background: #00cc00 url("img/md-green-bg.jpg") repeat-x bottom;}
#fourthPanel { background: #66cc00 url("img/lt-green-bg.jpg") repeat-x bottom;}
.panel {  border-bottom: 1px solid #fff; }




/*---------------------------------
/   CONTENT STYLES  
/---------------------------------*/

/* styling of two-column areas */
.copy .left, .copy .right { padding-bottom: 20px;}
.copy .right { width: 40%; float: right;}
.copy .left { 
  display: block;
  width: 55%; 
  float: left; 
  margin-right: 5px; 
  padding: 0 15px 10px 0; 
  border-right: 1px solid #66c266;
  }
  .panel { clear: both;}

/* for intro blurb on index page */
#intro .left { width: 60%;}
#intro .right { width: 35%; font-family: verdana, sans-serif; font-size: 90%;}
	.feature {
	  background: #fff;
	  border: 2px solid #000;
	  margin: 0 0px;
	  color: #555;
	  margin-bottom: 20px;
	  font-family: verdana;
	  font-size: 105%;
	  line-height: 98%;
	  }
	.feature h2 {  
	  color: #666; 
	  background: url("img/orange-corner.jpg") top left no-repeat;  
	  margin-left: -2px; margin-top: -2px;
	  padding: 15px 0 0 15px;
	  }
	.feature p { padding: 0px 10px;}
	.feature h3 { font-size: 110%; line-height: 120%; text-align: center;}
    .feature h5 { font-size: 130%; text-align: center; margin: 0 10px; line-height: 170%;}
	.headline { margin: 20px; text-align: center; font-size: 140%;   line-height: 102%; color: #000;}
	.after-feature { margin-top: 10px;}

/* divider border styles */
#firstPanel .copy .left { border-right-color: #ffa366;}
#secondPanel .copy .left { border-right-color: #66c266;}
#thirdPanel .copy .left { border-right-color: #66d966;}
#fourthPanel .copy .left { border-right-color: #a3e066;}

#secondPanel .right { font-size: 90%;}
#secondPanel .right h5 { 
  font-family: verdana; 
  font-size: 110%;
  margin: 15px 0 3px 0;
  clear: both; 
  }


/*---------------------------------
/   THUMBNAIL STYLING 
/---------------------------------*/
.thumbnail { border: 3px solid #000; margin-bottom: 10px;}
.med-thumbnail {
  width: 290px;
  height: 90px;
  line-height: 90px;
  vertical-align: center;
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 80%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  }
.sm-thumbnail { float: left; margin: 0px 10px 5px 0px; border: 2px solid #000;}

  
/*---------------------------------
/   FOOTER STYLING 
/---------------------------------*/
#footer { 
  text-align: center;
  color: #fff;
  padding: 10px 0px;
  font-size: 80%;
  font-family: Verdana, sans-serif;
  background: #000 url("img/footer.jpg") no-repeat bottom center;
  }


/*---------------------------------
/       STRUCTURE 
/---------------------------------*/
#wrapper { width: 690px; margin: 0 auto; }
#container { 
  width: 659px;
  display: block;
  text-align: left;
  padding-bottom: 60px;
  padding-left: 0px;
  margin: 0 0 -2px 31px;
  }
#top-links, h1, #accordionDiv, #footer { width: 570px; margin-left: 47px;}


/*---------------------------------
/   GRAPHICS 
/---------------------------------*/
#wrapper { background: url("img/bg.gif") repeat-y center;}
#inner-wrapper { background: url("img/top-leaf.jpg") no-repeat top left;}
#logo { background: url("img/logo.jpg") no-repeat 655px 10px;}
#container { background: url("img/bottom-bg.gif") no-repeat bottom center;}