#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


body {background: #677C2F url(images/background.jpg) repeat;
      color: #6C6C6C;
      font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 25px 0;
                        padding: 0 0 2px 0;
                        color: #8BA11D;
                        background-color: #FFF;
                        font-weight: normal;}

.bottom-border {border-bottom: 1px solid #E0E0E0;}

.headline {margin: 0 0 5px 0;
           padding: 0;
           font-size: 12px;}

ul {list-style-type: square;}

p {padding: 0;
   margin: 0 0 25px 0;
   line-height: 160%;}

p.clear-left {clear: left;}

img {border: 0;
     margin: 0 0 25px 0;}
       
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

a {color: #8BA11D; text-decoration: none; background-color: #FFF;}
a:link {color: #8BA11D; background-color: #FFF;}
a:visited {color: #677C2F; background-color: #FFF;}
a:hover {color: #CC6633; background-color: #FFF;}
            
#container {width: 760px;
            background-color: #FFF;
            color: #6C6C6C;
            text-align: left;
            padding: 0;
            margin: 10px auto;}

#header {width: 100%;
         background: #3D3D3D;
         color: #EEE;}

#header h1 {margin: 0;
            background: #3D3D3D;
            color: #EEE;
            padding: 0;}

#logo {display: block;
       margin: 0;}

#sub-header {width: 760px;
             height: 218px;
             background: #FFF url(images/wheat_field.jpg) no-repeat;
             color: #6C6C6C;}

/* Start navigation menu */

#menu {width: 100%;
       height: 52px;
       margin: 0;
       padding: 0;
       background: #FFF url(images/menu_background.jpg) repeat-x;
       color: #333;
       position: relative;
       display: block;}

#menu-right {position: absolute;
             width: 13px;
             height: 52px;
             right: 0;
             top: 0;
             background: #FFF url(images/menu_right.jpg) no-repeat;
             color: #333;}

#menu-left {position: absolute;
            width: 13px;
            height: 52px;
            left: 0;
            top: 0;
            background: #FFF url(images/menu_left.jpg) no-repeat;
            color: #333;}


#menu ul {list-style-type: none;
          margin: 0;
          padding: 12px 0 0;
          text-align: center;}

#menu ul li {display: inline;
             margin: 10px 0 0 10px;
             padding: 0;
             font-weight: bold;}

#menu ul li#first {margin: 0;}

#menu ul li a {text-decoration: none;
               text-transform: uppercase;
               color: #525252;
               background-color: #FFF;
               font-size: 14px;}

#menu ul li a:hover {color: #000;
                     background-color: #FFF;}

.access-key {color: #8BA11D;
             font-size: 18px;
             background-color: #FFF;
             font-weight: normal;}

/* Stop Nav Menu */ 

#content {padding: 0 20px;
          background: #FFF url(images/content_top.jpg) no-repeat;
          color: #6C6C6C;}

/* The right-column division is your main content division. */

#left-column {width: 684px;
              padding: 0;
             }

#footer {width: 760px;
         height: 78px;
         clear: both;
         margin: 0;
         padding: 0;
         background: #FFF url(images/footer_background.jpg) no-repeat;
         color: #6C6C6C;}

#footer-content {padding: 51px 20px 0;}

#footer-right {float: right;
               margin: 0;}

#footer p {margin: 0;}

.news {margin: 0 0 40px 0;}

.date {color: #8BA11D;
       background-color: #FFF;
       font-style: italic;
       float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.right {float: right;}

.justify {text-align: justify;}

.clear {clear: both;}

/* Recent Songs */

#recent-songs {margin-bottom: 25px;
                 padding: 0;}

#recent-songs ul {margin: 0;
                    padding: 0;
                    list-style-type: none;}

#recent-songs li {display: inline;
                    padding: 0 1px 0 0;}

#recent-songs li a img {padding: 0;
                          margin: 0;
                          border: 2px solid #E0E0E0;}

#recent-songs li a:hover img {border: 2px solid #677C2F;}

/* End Recent Songs*/

/* Begin style for the featured services. */

#featured-wrapper {width: 468px; 
                   background: #FFF url(images/featured_background.png) repeat-y;
                   color: #6C6C6C;}

#featured-top {width: 468px;
               height: 48px;
               background: #FFF url(images/featured_top.png) no-repeat;
               color: #6C6C6C;}

#featured-bottom {width: 468px;
                  height: 15px;
                  background: #FFF url(images/featured_bottom.png) no-repeat;
                  color: #6C6C6C;}

#featured-content {margin: -20px 15px 0;
                   padding: 0 10px 10px 10px;}

.featured {width: 100%;
           clear: both;
           padding-bottom: 25px;}

.featured h3 {margin: 0;
              padding: 8px 0 0 0;
              background: transparent;
              font-size: 16px;}

.number {font-size: 72px;
         line-height: 72px;
         float: left;
         margin: 0 10px 0 0;
         color: #8BA11D;
         padding: 0;}

/* End style for featured services. */
