/*************************************************/
/* Color guide
   Green = #5e8e3f 
   Gray = #a7a9ac
   Gray (body text) = #a7a7a7
*/
/*************************************************/


body {
  background: #fff;
  color: #5e8e3f;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 62.5%;
  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;
  line-height: 1.2;
}

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

h1 {
  clear: left;
  color: #5e8e3f;
  font-size: 2em;
  margin-top: 10px;
}

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

h1.entry_heading {
  font-size: 1.5em;
  margin-bottom: 0;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
  color: #5e8e3f;
}

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

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

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

p strong {
  color: #5e8e3f;
}

p.entry_date {
  color: #5e8e3f;
  margin-top: 0;
}

p.location {
  font-size: 1.5em;
  margin-top: 0;
}

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

a {
  color: #5e8e3f;
  text-decoration: none;
}

a:hover {
  color: #a7a9ac;
}

img {
  border: none;
}

/*****************************************************/
/* Layout */
/*****************************************************/

/*= Header *****************************************/

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

/*= Wrapper *****************************************/

#shadow-wrapper {
  background: url(/img/css/wrapper-bg2.png) repeat-y;
  margin: 0 auto;
  width: 1024px;
}

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

/*= Masthead *****************************************/

#masthead {
  background: url(/img/css/tr_logo.png) no-repeat 0 0;
  height: 210px;
  width: 210px;
  margin: 0;
  padding: 0;
}

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

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

/*= Nav *****************************************/

#nav {
  position: absolute;
  top: 105px;
  left: 215px;
}

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#nav ul li a.about {
  background: url(/img/css/nav/about.png) no-repeat 100% 100%;
  display: block;
  height: 27px;
  width: 67px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

#nav ul li a.profiles {
  background: url(/img/css/nav/profiles.png) no-repeat 100% 100%;
  display: block;
  height: 27px;
  width: 148px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

#nav ul li a.donate {
  background: url(/img/css/nav/donate.png) no-repeat 100% 100%;
  display: block;
  height: 27px;
  width: 98px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

#nav ul li a.news {
  background: url(/img/css/nav/news.png) no-repeat 100% 100%;
  display: block;
  height: 27px;
  width: 90px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

#nav ul li a.contact {
  background: url(/img/css/nav/contact.png) no-repeat 100% 100%;
  display: block;
  height: 27px;
  width: 79px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

#nav ul li a:hover,
#nav ul li.selected a {
  background-position: 0 0;
}

/*= 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 {
  border-bottom: 1px solid;
  color: #a7a9ac;
  display: block;
  padding-top: 5px;
  padding-bottom: 10px;
}

span.back-btn a:hover {
  color: #5e8e3f;
}

/* Map */

p.map_img {
  background: url(/img/css/map/map.jpg) no-repeat 0 0;
  height: 534px;
  width: 546px;
  margin-left: -1px;
  text-indent: -9999px;
}

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

ul#map li {
  float: left;
  margin: 0;
  padding: 0;
}

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

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

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

ul#map li a {
  text-decoration: none;
}

ul#map li a span {
  font-size: 1.4em;
}

/* 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 h2 a,
h2.btn a {
  color: #A7A9AC;
}

#sponsors h2 a:hover,
h2.btn a:hover,
h2.btn a.active {
  color: #5E8E3F;
}

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

#sponsors ul li {
  padding-top: 10px;
  padding-bottom: 10px;
}

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

ul.logos li {
  color: #A7A7A7;
  float: left;
  font-size:1.2em;
  font-weight: bold;
  min-height: 3em;
  padding: 20px 25px 20px 0;
  text-align: center;
  width: 155px;
}

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

ul#map li.one {
  background: url(/img/css/map/1_top.png) no-repeat 0 0;
  display: block;
  height: 101px;
  width: 546px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

ul#map li.two {
  background: url(/img/css/map/2.png) no-repeat 0 0;
  display: block;
  height: 58px;
  width: 240px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

ul#map li.three_riverside a {
  background: url(/img/css/map/3_riverside.png) no-repeat 100% 100%;
  display: block;
  height: 58px;
  width: 144px;
  text-decoration: none;
  position: relative;
  z-index: 1;
}

ul#map li.four {
  background: url(/img/css/map/4.png) no-repeat 0 0;
  display: block;
  height: 58px;
  width: 162px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

ul#map li.five {
  background: url(/img/css/map/5.png) no-repeat 0 0;
  display: block;
  height: 164px;
  width: 100px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

ul#map li.six_westside a {
  background: url(/img/css/map/6_westside.png) no-repeat 100% 100%;
  display: block;
  height: 164px;
  width: 144px;
  position: relative;
  z-index: 1;
  text-decoration: none;
  
}

ul#map li.seven_millerpark a {
  background: url(/img/css/map/7_millerpark.png) no-repeat 100% 100%;
  display: block;
  margin-left: -4px;
  height: 164px;
  width: 144px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

ul#map li.eight_mccallie a {
  background: url(/img/css/map/8_mccallie.png) no-repeat 100% 100%;
  display: block;
  margin-left: -5px;
  height: 164px;
  width: 74px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

ul#map li.nine_central a {
  background: url(/img/css/map/9_central.png) no-repeat 100% 100%;
  display: block;
  margin-left: -4px;
  height: 164px;
  width: 97px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

ul#map li.chestnut a {
  background: url(/img/css/map/chestnut.png) no-repeat 100% 100%;
  display: block;
  margin-top: -58px;
  margin-bottom: 1px;
  margin-left: ;
  height: 58px;
  width: 546px;
  position: relative;
  z-index: 2;
  text-decoration: none;
}

ul#map li.ten {
  background: url(/img/css/map/10.png) no-repeat 0 0;
  display: block;
  height: 221px;
  width: 171px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

ul#map li.eleven_southmarket a {
  background: url(/img/css/map/11_southmarket.png) no-repeat 100% 100%;
  display: block;
  margin-left: -1px;
  height: 221px;
  width: 144px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

ul#map li.twelve_rossville a {
  background: url(/img/css/map/12_rossville.png) no-repeat 100% 100%;
  display: block;
  margin-left: -4px;
  height: 221px;
  width: 144px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

ul#map li.thirteen {
  background: url(/img/css/map/13.png) no-repeat 0 0;
  display: block;
  height: 221px;
  width: 92px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
}

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

/* General Unordered List */

ul {
  list-style: none;
  margin: 0;
  font-size: 1.1em;
  line-height: 1.4em;
}

ul li a {
  color: #a7a9ac;
  text-decoration: none;
}

ul li a:hover {
  color: #5e8e3f;
}

/* General Definition List */

dl {
  font-size: 1.2em;
  margin: 0 55px 0 0;
  padding: 0;
}

dl dt {
  color: #5e8e3f;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

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

dl dt span {
  display: block;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px;
}

dd {
  color: #a7a7a7;
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 10px 0;
}

/* Contact form */

fieldset#contact-form {
  margin: 0 55px 155px 0;
  border: 1px solid #a7a9ac;
}

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

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

legend {
  color: #5e8e3f;
  font-size: 1.2em;
  font-weight: bold;
}

label {
  float: left;
  font-size: 1.2em;
  width: 8em;
}

input {
  width: 220px;
}

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"] {
  margin-right: 1em;
  cursor: pointer;
}

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

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

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;
  color: #5e8e3f;
  font-size: 1.2em;
  float: left;
  margin-bottom: 1em;
  width: 6.2em;
}
    
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;
  color: #a7a9ac;
}

.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;
}

ul#neighborhoods {
  line-height: 1.4em;
  margin-top: 8px;
  margin-bottom: 30px;
}

ul#neighborhoods li {
  font-size: 1.4em;
}

ul#neighborhoods li a {
  color: #a7a7a7;
}

ul#neighborhoods li a:hover,
ul#neighborhoods li.selected a {
  color: #5e8e3f;
}

ul#neighborhoods li {
  margin-bottom: 13px;
}

/* Resources Definition List */

dl#resources {
  font-size: 1em;
  margin-top: 0;
  margin-right: 5px;
  padding-right: 10px;
}

dl#resources dt {
  font-size: 1em;
}

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

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

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

ul#firstpane {
  margin: 0;
  padding: 0;
}

ul#firstpane p.menu_head {
  background: #fff url(/img/css/arrow_down.png) 0 50% no-repeat;
  cursor: pointer;
  display: block;
  font-size: 1.5em;
  padding: 5px 0 5px 20px;  
  position: relative;
  margin: 1px;
}

p.menu_head:hover {
  color: #5e8e3f;
}

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

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

ul#firstpane ol.menu_body {
  display: none;
  color: #a7a7a7;
  font-size: 1.3em;
  font-weight: normal;
  padding-bottom: 0.5em;
  padding-left: 1em;
}

ul.entry_list li {
  padding-right: 15px;
}
/*= Footer *****************************************/

.clearfix {
  clear: left;
}

#footer {
  background: url(/img/css/footer-bg_v2.png) no-repeat 50% 0;
  height: 69px; 
  margin: -30px 0 0;
  min-width: 1024px;
}

#footer p {
  color: #fff;
  font-size: 1em;
  text-align: center;
  margin-left: 190px;
  position: relative;
  padding-top: 45px;
}

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

/*= Blog Styling ************************************/

ul#nav_cat_archive {
  margin: 0;
  padding: 0;
}