/*Reset everything*/
html,body{
  margin:0;
  padding:0;
  }
  /*Eliminates need for <center></center> tags 
  by just using a short id.*/
#mid {
  text-align: center;
}
a:link {
	color: #008c44;
}

a:visited {
	color: red;
}

a:active {
	color: white;
}

a:hover {
	color: blue;
}
/*Settings for the header*/
div#header{
  width:100%;
  height:170px;
  background-image: url("../imgs/Site/banner.png");
  background-repeat: repeat-x;
  min-width:1000;
  overflow:auto;
}
img#Logo {
  float:left;
  padding-top:10px;
  padding-left:10px;
  z-index:2;
}
/*Displays the dark divider that's regularly underneath the green*/
#DarkDiv {
  width:100%;
  height:10px;
  background-image: url("../imgs/Site/carbon.png");
  background-repeat: repeat-x;
  overflow:auto
}
#Important {
  width:100%;
  height:50px;
  min-width:875px;
  background-color:#281889;
  overflow:auto;
}
#Important p {
  margin:0;
  color:#fff;
  font-family:"Segoe UI", Helvetica, Verdana, sans-serif;
  font-size:26pt;
  font-weight:bold;
  /*font-variant:small-caps;*/
  text-align:center
}
/*Displays the yellow bar that's regularly underneath the dark divider*/
a img{
  border:0;
}
a img#FirstButton {
  margin-left:20px;
}
/*Settings for the body of the doc*/
body{
  background:#ffffe6;
  font-family:"Segoe UI", Calibri, "Futura Std Book", Helvetica, sans-serif;
  text-align: center;
  padding-bottom:20px
}

p{margin-top:0}
h1,h2,h3{font:"Segoe UI", Calibri, "Futura Std Book", Helvetica, sans-serif;}
h2{font-size:175%}
h3{font-size:150%}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #369A3D;text-decoration:none;color: #FFC}
ul#nav a:hover{background: #CDFFA1;color: #006A35}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

div#container{width:80%;min-width:1000px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;color:#fff;background:#000}
div#content{float:left;display:inline;width:97.5%;margin:0 0 10px 10px}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:22.5%;margin-right:10px;padding: 10px 0}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

li#mission{background: #E65714}
li#services{background: #42B4AC}
li#goals{background: #7D63A9}
li#lol{background: #ffffe6}

div#content h1{
  margin: 10px 0;
  text-align:center;
  font-size:3em;
  color:#008c44
}
div#content div p{
  font-size:1.5em
}
div#content h2{
  margin: 10px 0;
  color:#008c44;
  text-align:center
  }

a#choice {
  font-size:100%;
}

a#choice:hover{
  color:#fff;
  font-size:150%;
  font-variant: small-caps;
}


table#library{
  font-family:"Lucida Sans Unicode", "Segoe UI", "Courier New", sans-serif;
  width:90%;
}
table#library th{
  font-variant: small-caps;
}

div.date{float:left;width: 4em;padding: 5px 0;background:#006b33;color:#fff;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background:#CCC;margin-bottom:10px;color:#000}
div.comments p{padding:10px;margin:0}
div.comments div.odd{background:#B9C4DC}


div#footer{clear:both;width:98%;margin:0 10px 0;padding: 10px 0;
    background:#005c22;color: #fff;text-align:center}
div#footer p{margin:0}