/****************************************
 * Typography
 ****************************************/
body {
  font: 62.5% "Trebuchet MS", arial, sans-serif;
}

span.fun_fact {
  line-height: 1.2;
}

h1 {
  font-size: 2em;
}

h1.tag_line {
  font-size: 3em;
}

h1.entry_heading,
h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

p {
  font-size: 1.2em;
  line-height: 1.5em;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
  font-size: 1.2em;
}

#main-home p.hero_shot,
#main-home ul#splash_page {
  line-height: 0;
}

#main-home ul#splash_page h2 {
  line-height: 1.5;
}

p.location,
p.mission {
  font-size: 1.5em;
}

#masthead h1 {
  text-indent: -9999px;
}

/*= Nav *****************************************/
#nav {
  font-family: "Francois One", arial, sans-serif;
  font-size: 1.6em;
  text-transform: uppercase;
}

#nav ul li .sub {
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 0.75em;
  text-transform: none;
}

p.map_img {
  text-indent: -9999px;
}

#sponsors ul {
  font-size: 1.2em;
}

ul.logos li {
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
}

/* =Map ********************************/
ul#map li a span {
  font-size: 1.4em;
}

ul#map li.one,
ul#map li.two,
ul#map li.four,
ul#map li.five,
ul#map li.ten,
ul#map li.thirteen {
  text-indent: -9999px;
}

#main li {
  line-height: 1.5;
}

/* General Definition List */ 
dl {
  font-size: 1.2em;
}

dt {
  font-weight: 700;
}

dt span {
  font-style: italic;
  font-weight: normal;
}

dd {
  line-height: 1.5em;
}

/* Contact form */
#contact-form ol {
  list-style: none;
}

legend {
  font-size: 1.2em;
  font-weight: 700;
}

label {
  font-size: 1.2em;
  text-align: right;
}

input.button {
  font-size: 1.2em;
}

/*= Sidebar *****************************************/
.side-nav,
ul#neighborhoods {
  line-height: 1.4em;
}

.side-nav li,
ul#neighborhoods li {
  font-size: 1.4em;
}

/* Resources Definition List */
dl#resources dt {
  font-size: 1em;
}

dl#resources dd {
  font-size: 0.9em;
  line-height: 1.2em;
}

dl#resources p.pub {
  font-size: 1em;
  font-style: italic;
  line-height: 1.2em;
}

ul#firstpane p.menu_head {
  font-size: 1.5em;
}

ul#firstpane ol.menu_body {
  list-style: decimal;
}

ul#firstpane ol.menu_body {
  font-size: 1.3em;
  font-weight: normal;
}

/*= Footer *****************************************/
#footer p {
  font-size: 1em;
  text-align: center;
}

#footer p span {
  font-size: 1.3em;
  letter-spacing: -0.4px;
}

/*= Team *****************************************/
.team-member .team-name {
  font-size: 1.2em;
}
/****************************************
 * Layout
 ****************************************/

body,
#main-home p.hero_shot,
#main-home ul#splash_page,
#masthead,
#masthead h1,
#nav ul,
ul#map li,
ul,
dt,
dl#resources span.pub_date,
dl#resources p.pub,
ul#firstpane,
ul#nav_cat_archive,
.graph-amount,
.graph-label {
  margin: 0;
  padding: 0;
}

#main-home h1,
#main-home h2,
#main-home h3,
#main-home p,
span.fun_fact  {
  margin-left: 215px;
  margin-right: 55px;
}

span.fun_fact {
  display: block;
}

h1,
h2,
h3,
p,
#main ul {
  margin-right: 55px;
  margin-left: 0;
}

h1 {
  clear: left;
  margin-top: 10px;
}

h1.tag_line,
p.entry_date,
p.location {
  margin-top: 0;
}

h1.entry_heading {
  margin-bottom: 0;
}

#main-home ul#splash_page h2 {
  margin-left: 0;
}

#header {
  height: 142px;
}

#shadow-wrapper {
  margin: 0 auto;
  width: 1024px;
}

#main-wrapper {
  margin: 0 auto;
  width: 756px;
  position: relative;
}

#masthead,
#masthead h1 a {
  height: 210px;
  width: 210px;
}

#masthead h1 a {
  display: block;
}

/*= Nav *****************************************/
#nav {
  position: absolute;
  top: 102px;
  left: 194px;
}

#nav ul li {
  float: left;
  margin: 0;
  position: relative;
  z-index: 200;
}

#nav ul li a {
  display: block;
  padding: 4px 16px;
  position: relative;
  z-index: 200;
}

#nav ul li .sub {
  display: none;
  padding-bottom: 1em;
  position: absolute;
  top: 34px;
  text-transform: none;
  z-index: 100;
}

#nav ul li .sub li {
  float: none;
  margin: 0;
}

#about .sub a,
#citizen .sub a {
  display: block;
}

#about .sub a {
  padding: 0 150px 2px 17px;
}

#citizen .sub a {
  padding: 0 150px 2px 17px;
}

#nav ul li:hover .sub {
  display: block;
}

/*= Main *****************************************/
#main-home {
  margin-top: -60px;
  padding-bottom: 30px;
}

#main {
  float: left;
  margin: -60px 0 0 210px;
  padding-bottom: 30px;
  width: 546px;
}

span.back-btn a {
  display: block;
  padding-top: 5px;
  padding-bottom: 10px;
}

/* Map */
p.map_img {
  height: 534px;
  width: 546px;
  margin-left: -1px;
}

ul#map {
  float: left;
  margin: 0 0 10px -1px;
  padding: 0;
  list-style: none;
}

ul#map li {
  float: left;
}

ul#map li.row2 {
  margin-top: -1px;
}

ul#map li.row3 {
  margin-top: -5px;
}

ul#map li.row4 {
  margin-top: 0px;
}

/* Absolutely positioned Neighborhood span list */
ul#map li a span.riverside {
  position: absolute;
  top: -48px;
  left: -404px;
}

ul#map li a span.westside {
  position: absolute;
  top: -73px;
  left: -264px;
}

ul#map li a span.millerpark {
  position: absolute;
  top: -45px;
  left: -404px;
}

ul#map li a span.mccallie {
  position: absolute;
  top: -17px;
  left: -543px;
}

ul#map li a span.central {
  position: absolute;
  top: 11px;
  left: -613px;
}

ul#map li a span.chestnut {
  position: absolute;
  top: -67px;
  left: -164px;
}

ul#map li a span.southmarket {
  position: absolute;
  top: -93px;
  left: -334px;
}

ul#map li a span.rossville {
  position: absolute;
  top: -65px;
  left: -474px;
}

/* Sponsors */
#sponsors {
  position: absolute;
  top: 480px;
}
#sponsors ul li {
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.logos {
  float: left;
  margin: 0 0 20px;
  padding: 0;
  width: 545px;
}

ul.logos li {
  float: left;
  min-height: 3em;
  padding: 20px 25px 20px 0;
  width: 155px;
}

/* =Map ********************************/
ul#map li.one,
ul#map li.two,
ul#map li.four,
ul#map li.five,
ul#map li.ten,
ul#map li.thirteen {
  display: block;
  overflow: hidden;
}

ul#map li.one {
  height: 101px;
  width: 546px;
}

ul#map li.two {
  height: 58px;
  width: 240px;
}

ul#map li.three_riverside a {
  display: block;
  height: 58px;
  width: 144px;
  position: relative;
  z-index: 1;
}

ul#map li.four {
  height: 58px;
  width: 162px;
}

ul#map li.five {
  height: 164px;
  width: 100px;
}

ul#map li.six_westside a {
  display: block;
  height: 164px;
  width: 144px;
  position: relative;
  z-index: 1;
}

ul#map li.seven_millerpark a {
  display: block;
  margin-left: -4px;
  height: 164px;
  width: 144px;
  position: relative;
  z-index: 1;
}

ul#map li.eight_mccallie a {
  display: block;
  margin-left: -5px;
  height: 164px;
  width: 74px;
  position: relative;
  z-index: 1;
}

ul#map li.nine_central a {
  display: block;
  margin-left: -4px;
  height: 164px;
  width: 97px;
  position: relative;
  z-index: 1;
}

ul#map li.chestnut a {
  display: block;
  margin-top: -58px;
  margin-bottom: 1px;
  height: 58px;
  width: 546px;
  position: relative;
  z-index: 2;
}

ul#map li.ten {
  height: 221px;
  width: 171px;
}

ul#map li.eleven_southmarket a {
  display: block;
  margin-left: -1px;
  height: 221px;
  width: 144px;
  position: relative;
  z-index: 1;
}

ul#map li.twelve_rossville a {
  display: block;
  margin-left: -4px;
  height: 221px;
  width: 144px;
  position: relative;
  z-index: 1;
}

ul#map li.thirteen {
  height: 221px;
  width: 92px;
}

ul#map li a:hover {
  z-index: 3;
}

/* General Definition List */ 
dl {
  margin: 0 55px 0 0;
  padding: 0;
}

dl dt img {
  display: block;
  padding-bottom: 10px;
}

dl dt span {
  display: block;
  margin: 0;
  padding: 0 0 5px;
}

dd {
  margin: 0;
  padding: 0 0 10px 0;
}

/* Contact form */
fieldset#contact-form {
  margin: 0 55px 155px 0;
}

fieldset#contact-form ol {
  margin-left: 1em;
  padding: 0;
}

fieldset#contact-form ol li {
  margin: 0;
  padding: 0 0 1em;
}

label {
  float: left;
  padding-right: 1em;
  width: 5em;
}

input {
  width: 220px;
}

input[type="submit"] {
  margin-right: 1em;
}

textarea {
  width: 220px;
  height: 100px;
}

input.button {
  float: left;
  margin-bottom: 1em;
  margin-left: 6em;
  width: 6.2em;
}

.message {
  padding-left: 10px;
}

.warning {
  display: block;
  padding-left: 95px; 
}

/*= Sidebar *****************************************/
#sidebar {
  float: left;
  margin-left: -756px;
  padding-bottom: 30px;
  width: 210px;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar p,
#sidebar ul,
#sidebar dl {
  padding-left: 45px;
}

#sidebar h2 {
  margin-bottom: 5px;
}

.side-nav,
ul#neighborhoods {
  margin-top: 8px;
  margin-bottom: 30px;
}

.side-nav li,
ul#neighborhoods li {
  margin-bottom: 13px;
}

/* Resources Definition List */
dl#resources {
  margin-top: 0;
  margin-right: 5px;
  padding-right: 10px;
}

dl#resources dd {
  line-height: 1.2em;
}

dl#resources span.pub_date {
  display: block;
}

ul#firstpane p.menu_head {
  display: block;
  padding: 5px 0 5px 20px;  
  position: relative;
  margin: 1px;
}

ul#firstpane ol.menu_body li {
  margin-left: 30px;
}

ul#firstpane ol.menu_body {
  display: none;
  padding-bottom: 0.5em;
  padding-left: 1em;
}

ul.entry_list li {
  padding-right: 15px;
}

/*= Footer *****************************************/
.clearfix {
  clear: left;
}

#footer {
  height: 69px; 
  margin: -30px 0 0;
  min-width: 1024px;
}

#footer p {
  margin-left: 190px;
  position: relative;
  padding-top: 45px;
}

.chart {
  margin-bottom: 38px;
  overflow: hidden;
  position: relative;
}

.graph {
  clear: both;
  height: 39px;
  float: left;
  margin-bottom: 4px;
  position: relative;
}

.graph-amount {
  position: absolute;
  top: 10px;
}

.graph-amount {
  right: 13px;
}

.graph-label {
  float: left;
  margin: 10px 0 0 13px;
}

#stormwater {
  width: 292px;
}

#energy {
  width: 119px;
}

#carbon {
  width: 286px;
}

#air-quality {
  width: 256px;
}

/*= Team *****************************************/
.team-member {
  overflow: hidden;
  position: relative; 
}

.team-member img {
  float: left;
  margin-right: 1em;
}

.team-member .team-name {
  float: left;
  margin-top: 123px;
}

.team-member .team-name .fn {
  display: block;
}

.team-member p {
  clear: both;
}

/*= Citizen Forester ****************************/
.list-caption {
  margin-bottom: 0;
}




/****************************************
 * Color
 * #fff - white
 * #5e8e3f - green
 * #a7a7a7 - grey
 * #744300 - brown
 ****************************************/

body {
  background: #fff;
}

body,
a:hover,
#nav ul .selected .sub a,
span.back-btn a,
#sponsors h2 a,
h2.btn a,
ul.logos li,
ul li a,
dd,
.side-nav, li a
ul#neighborhoods li a,
input.button:hover,
ul#firstpane ol.menu_body {
  color: #a7a7a7;
}

h1, h2, h3, strong,
#nav ul a:hover,
#nav ul .selected .sub a:hover,
#nav ul .selected a,
a,
p.entry_date,
ul li a:hover,
span.back-btn a:hover,
#sponsors h2 a:hover,
h2.btn a:hover,
h2.btn a.active,
ul li a:hover,
dt,
legend,
input.button,
.side-nav li a:hover,
.side-nav li.selected a,
ul#neighborhoods li a:hover,
ul#neighborhoods li.selected a,
p.menu_head:hover {
  color: #5e8e3f;
}

#header {
  background: url(/img/css/header-bg.png) repeat-x 0 0;
}

#shadow-wrapper {
  background: url(/img/css/wrapper-bg2.png) repeat-y;
}

#masthead {
  background: url(/img/css/tr-logo-og.png) no-repeat 0 0;
}

#masthead.cf {
  background: url(/img/css/tr-logo-cf.png) no-repeat 0 0;
}



/*
#nav ul li a {
  background: #fff;
}

#about:hover a,
#about:hover .sub {
  border: 1px solid;
}

#about:hover > a {
  border-bottom: 1px solid #fff;
}

#about:hover li a {
  border: 0;
}
*/



#nav ul li .sub {
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.85);
}

/*= Main *****************************************/
.about #main img,
.citizen #main img,
.news #main img {
  border: 1px solid #a7a7a7;
}

span.back-btn a {
  border-bottom: 1px solid;
}

/* Map */
p.map_img {
  background: url(/img/css/map/map.jpg) no-repeat 0 0;
}

ul.logos li a:hover {
  opacity: .6;
  filter: alpha(opacity: 60); 
  -moz-opacity: 0.6; 
  -khtml-opacity: 0.6;
}

/* =Map ********************************/
ul#map li.one {
  background: url(/img/css/map/1_top.png) no-repeat 0 0;
}

ul#map li.two {
  background: url(/img/css/map/2.png) no-repeat 0 0;
}

ul#map li.three_riverside a {
  background: url(/img/css/map/3_riverside.png) no-repeat 100% 100%;
}

ul#map li.four {
  background: url(/img/css/map/4.png) no-repeat 0 0;
}

ul#map li.five {
  background: url(/img/css/map/5.png) no-repeat 0 0;
}

ul#map li.six_westside a {
  background: url(/img/css/map/6_westside.png) no-repeat 100% 100%;
}

ul#map li.seven_millerpark a {
  background: url(/img/css/map/7_millerpark.png) no-repeat 100% 100%;
}

ul#map li.eight_mccallie a {
  background: url(/img/css/map/8_mccallie.png) no-repeat 100% 100%;
}

ul#map li.nine_central a {
  background: url(/img/css/map/9_central.png) no-repeat 100% 100%;
}

ul#map li.chestnut a {
  background: url(/img/css/map/chestnut.png) no-repeat 100% 100%;
}

ul#map li.ten {
  background: url(/img/css/map/10.png) no-repeat 0 0;
}

ul#map li.eleven_southmarket a {
  background: url(/img/css/map/11_southmarket.png) no-repeat 100% 100%;
}

ul#map li.twelve_rossville a {
  background: url(/img/css/map/12_rossville.png) no-repeat 100% 100%;
}

ul#map li.thirteen {
  background: url(/img/css/map/13.png) no-repeat 0 0;
}

ul#map li a:hover {
  background-position: 0 0;
}

/* Contact form */
fieldset#contact-form {
  border: 1px solid #a7a7a7;
}

input[type="text"],
textarea {
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

input[type="submit"] {
  cursor: pointer;
}

input:focus,
textarea:focus,
input:hover,
textarea:hover {
  background: #eee;
}

input.button {
  border-top: 1px solid #999;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #999;
  background: #fff;
}
    
input.button:hover {
  border-top: 1px solid #333;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #333;
  background-color: #fff;
}

ul#firstpane p.menu_head {
  background: #fff url(/img/css/arrow_down.png) 0 50% no-repeat;
  cursor: pointer;
}

/*= Footer *****************************************/
#footer {
  background: url(/img/css/footer-bg_v2.png) no-repeat 50% 0;
}

#footer p,
.graph-amount {
  color: #fff;
}

.graph {
  -webkit-box-shadow: 4px 1px 2px #e3eedf;
  -moz-box-shadow: 4px 1px 2px #e3eedf;
  -o-box-shadow: 4px 1px 2px #e3eedf;
  box-shadow: 4px 1px 2px #e3eedf;
}

.leaves {
  background: #4b9a35;
}

.trunk {
  background: #744300;
}

/*= Team *****************************************/
.team-member .team-name {
  color: #5e8e3f;
}