/* home page styles */

#homePanel {background: #93a3ca; border: solid 1px #000; }

#homePanel .left {width: 643px; float: left;}

#slideshow {border: solid 1px #000; margin: 5px;}


#slides {width: 631px; height: 284px; overflow: hidden;}
#slides .slide {width: 631px; height: 284px; background: #fff; overflow: hidden; }
#slides .slide .photo {width: 258px; height: 284px; float: left;  margin-right: 10px; overflow: hidden;}
#slides .slide .copy {padding: 5px;}
#slides .slide h2 {margin: 5px 0; padding: 0; font-size: 2em; line-height: 1.1;}
#slides .slide .links {font-weight: bold; color: #93A3CA;}

#controls {clear: left; background: #4c5b52; color: #fff; padding: 5px 0 2px 0;} 
#controls a:link, #controls a:visited {color: #6a7870; text-decoration: none;  padding: 0 5px; border-right: solid 1px #6a7870;}
#controls a:hover, #controls a:active, #pager a.activeSlide, #pager a.activeSlide:link, #pager a.activeSlide:visited { color: #fff; text-decoration: none; }
#controls img {margin-left: 5px;}
#pager {margin: 0; padding: 0; list-style-type: none; width: 190px;  float: left;}
#pager li {display: inline; font-size: 1.25em; line-height: 1; font-weight: bold; margin: 0; padding: 0}



#homeLinks {clear: both;  padding: 10px 5px; background: #4c5b52; font-size: 0.833em; border: solid 1px #000; border-width: 1px 0;}
#button1 {width: 343px; height: 109px; overflow: hidden; float: left; background: url(/images/template/button1-bg.gif) no-repeat #6a7870; margin-right: 6px;}
#button2 {width: 283px;  height: 109px; overflow: hidden; float: left; background: url(/images/template/button2-bg.gif) no-repeat #8a968f; margin-right: 6px;}
#button3 {width: 262px;  height: 109px; overflow: hidden; float: left; background: url(/images/template/button3-bg.gif) no-repeat #d3d9d5;}

#homeLinks .button {display: block; padding: 7px;} 
#homeLinks .title {display: block; font-size: 2em; line-height: 1; margin: 0 0 5px 0;}
#homeLinks .button img {float: left; margin: 0 10px 5px 0; }

#button1 a,  #button2 a {display: block;  color: #fff;  height: 100px; overflow: hidden; text-decoration: none; }
#button1 a:hover, #button1 a:active, #button2 a:hover, #button2 a:active {color: #fff; text-decoration: none;}

#button3 a {display: block;  color: #000;  height: 100px; text-decoration: none; }
#button3 a:hover, #button3 a:active {color: #000; text-decoration: none;}


#homePanel .right {width: 267px; float: left;}
#latest {margin: 5px 5px 5px 0; border: solid 1px #000; height: 240px; overflow: hidden;}

/* begin css tabs */

ul#tabnav { margin:0; padding: 0; list-style-type: none; position: relative; height: 25px;}
ul#tabnav li { display: block; float:left; margin: 0; padding:0;   width: 130px; height: 25px; line-height: 2em;}
ul#tabnav li.tab1 {background: #e0b87d;}
ul#tabnav li.tab2 {background: #9aa6a0;}

ul#tabnav a {display: block; padding: 0 5px; text-transform: uppercase; }

ul#tabnav li.tab1 a {color: #000; text-decoration: none; border-bottom: solid 1px #000;  }
ul#tabnav li.tab1 a:hover,  ul#tabnav li.tab1 a:active, ul#tabnav li.tab1 a.activeSlide  {color: #000; text-decoration: none; border-bottom: solid 1px #e0b87d; }

ul#tabnav li.tab2 a {color: #000; text-decoration: none; border-bottom: solid 1px #000; border-left: solid 1px #000;}
ul#tabnav li.tab2 a:hover,  ul#tabnav li.tab2 a:active, ul#tabnav li.tab2 a.activeSlide {color: #000; text-decoration: none; border-bottom: solid 1px #9aa6a0; }

/* end css tabs */


#tabs .news {background: #e0b87d;}
#tabs .events {background: #9aa6a0;}

#tabs .news  .one {background: #f5e8d2;}
#tabs .news .two {background: #fcf8f0;}

#tabs .events  .one {background: #bfc7c2;}
#tabs .events  .two {background: #e9ecea;}

.panel {position: relative; width: 260px; height: 215px; font-size: 0.833em; color: #000;}

.panel .item {padding: 3px; margin: 0 5px; }
.panel a {color: #000; text-decoration: none}
.panel a:hover {color: 000; text-decoration: underline;}

.panel .items {padding: 5px 0;}
.panel .more {position: absolute; bottom: 5px; left: 5px; width: 240px;}
.panel .more a {color: #000; text-transform: uppercase;}

.rss {padding-left: 18px; background: url(/images/template/rss.gif) no-repeat  transparent;}

#quickFact {padding: 5px;}
#quickFact .title {display: block; width: 80px; float:left; margin-right: 30px; font-size: 1.333em; line-height: 1.26; color: #000; text-transform: uppercase;}
#quickFact .fact {display: block; width: 680px ;float:left; font-size: 1.833em; line-height: 1; color: #fff; font-style: italic;}
#quickFact .more {display: block; width: 100px ;float:right;  font-size: 1.333em; line-height: 1.26; color: #000; text-transform: uppercase;}

#updates {display: none;}
#container {padding-bottom: 2em;}
#copyright_line {left:0;}