html {
overflow-y: scroll;
background-color: #fcf4eb;
}

body { 
margin: 0; 
padding: 0; 
color: white;
background: #fcf4eb; url('images/header.png') no-repeat top center ;
font-family:verdana, sans-serif; font-size:12px;
}

p { line-height: 18px; }


#topbar { 
height: 33px;
width: 960px;
margin-left: auto;
margin-right: auto;
background-color: #1a0b03;
opacity: 0.91;
filter:alpha(opacity=91);
}

a {
color: #92C14D;
cursor: pointer;
}

a :visited {
}

/***** topnav *****/

.topnav {
width: 958px;
height: 136px;
margin-left: auto;
margin-right: auto;
background: #fcf4eb url('images/header.png') no-repeat 0px 0px ;
}

.topnav > a {
}

.topbutton {
display: block;
float: left;
height: 136px;
width: 182px;
}

.topbutton:hover {
background: #fcf4eb url('images/header_highlight.png') no-repeat ;
}

.button1:hover {
background-position: -380px 0px;
}

.button2:hover {
background-position: -562px 0px;
}

.button3:hover {
background-position: -744px 0px;
}

.logo {
display: block;
float: left;
height: 136px;
width: 380px;
}

/***** nav *****/
#navlinks { 
}

#navlinks ul { 
  margin: 0; padding: 0; padding-top: 2px;
  list-style: none; 
  display: block; 
}

#navlinks li { 
  height: 30px;
  float: left;  
}

#navlinks li.selected { 
}

#navlinks a { 
  height: 30px;
  display: block;
  float: left;
  color: white; 
  font-size: 15px; 
  font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif; 
  font-weight: bold;
  text-decoration: none; 
  text-transform: uppercase; 
  outline: none;
  padding: 5px 15px 0px 15px;
  
  opacity: 1.0;
  filter:alpha(opacity=100);
  
}

#navlinks li b {
  float: left;
  display: block;
  padding: 8px 0px;
}

#navlinks ul > li.selected > A {
  color: #A4D357;
}

#navlinks ul > li:hover > A {
  color: #CCFB87;
}

#navlinks li.selected > a { 
color: white;
}


/* this is the css for main page layout */ 

#content { margin-top: 45px; }

#stage { 
width: 958px;
margin-left: auto;
margin-right: auto;
border: 1px solid #2B1E14;

background: url('images/main_background.png');
min-height: 650px;
}

blockquote {
font-style:italic; 
font-size: 20px;
}

/********** mainpane ********/

.mainpane {
width: 580px;
min-height: 500px;
float: left;
padding: 20px 10px 10px 20px;
}

/********** blog ***************/

.blogpane {
width: 300px;
min-height: 500px;
padding: 20px;
float: right;
background-color: #2E2018;
}

.blogpane > img {

}

.blogpane > h3 {
font-style: italic;
border-bottom: 2px solid white;
clear: both;
}


/********** article ************/

.article {

}

.article h1, .article h2, .article h3 {
padding-top: 30px;
}

.article > p > img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 2px solid white;
}

.article > p > a > img {
margin-left: 10px;
margin-bottom: 10px;
border: 0px;
}


.article ul {
  padding-left: 40px;
}

.article ul > li {
background-repeat: no-repeat;
background-position: 0px 10px; 
padding-left: 3px;
padding-top: 3px;
}

.article ul > li > ul > li {
background-image: url('images/bpoint2.png');
}

.article ul > li > ul > li > ul > li{
background-image: url('images/bpoint3.png');
}

.linkimg > p > a > img {
width: 200px;
height: 60px;
}


/*********** quote ************/

.quote {
margin: 10px;
padding: 10px;

}

.quote h1, .quote h2, .quote h3 {
clear: both;
}



/*********** gallery **********/

.gallery {
margin: 10px;
padding: 10px;
}

.gallery > p {
font-style: italic;
}

.gallery h1, .gallery h2, .gallery h3 {
clear: both;
}

.gallery> p > img {
float: left;
margin-left: 30px;
margin-right: 20px;
margin-bottom: 30px;
border: 1px solid #FCF4EB;
}


/************** caption image *************/
.captionedimage {
clear: both;
float: right;
margin: 0px;
margin-top: 20px;
padding: 0px;
}

.captionedimage img {
display: block;
margin-left: 16px;
margin-bottom: 10px;
border: 2px solid white;
}

.captionedimage p {
text-align: center;
font-style: italic;
margin: 0px;
padding: 0px;
padding-bottom: 10px;
}



/************* INFOPANE *******************/


.infopanewrapper {
width: 938px;
padding: 0px;
margin-bottom: 10px;
}

.infopane {
width: 426px;
min-height: 130px;
float: left;
padding: 10px;
margin: 10px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 20px;
}

.infopane > p {
font-size: 14px;
margin: 0px;
margin-top: 10px;
}

.infopane > img {
width: 260px;
height: 130px;
margin-right: 18px;
border: 1px solid black;
}

.infopane > h2 {

margin-top: 0px;
margin-bottom: 0px;

}


/************* SPREADSHEETS **************/

.spreadsheetwrapper {
padding: 10px;
/*border: 1px solid black;*/
}

.spreadsheetwrapper > table {
border-collapse: collapse;
/* change to "border-collapse: collapse;" to remove cell borders */
}

.spreadsheetwrapper tbody td, .spreadsheetwrapper tbody th {
border-bottom: 1px solid #CDC7BB;
border-top: 1px solid #CDC7BB;
padding: 5px 12px 5px 18px; 
}

.spreadsheetwrapper th {
padding: 5px 12px 5px 12px; 
}

.spreadsheetwrapper thead {
background: #EBE5D9;
}

.spreadsheetwrapper thead td {
  padding: 5px 12px 5px 12px; 
  height: 50px;
  text-align: center;
}

.spreadsheetwrapper tr.odd { 
background:  #F7F4EE;
}

.spreadsheetwrapper tr.even { 
background: #FFF; 
}

.center { margin: 0px auto; }

.spreadsheetwrapper.center { margin: 0px; }
.spreadsheetwrapper.center > table { margin: 0px auto; }

/***** second table spreadsheet ******/


.tablewrapper {
text-align: center;
padding: 10px;
/*border: 1px solid black;*/
}

.tablewrapper > table {
 border-collapse: separate;
}

.tablewrapper td {
  padding: 2px 12px; 
}

.tablewrapper th {
  padding: 5px 12px 5px 12px; 
}


.tablewrapper tr.odd { background:  #EEE; }
.tablewrapper tr.even { background: #DDD; }

.center { margin: 0px auto; }

.tablewrapper.center { margin: 0px; }
.tablewrapper.center > table { margin: 0px auto; }


/*** Adjust labels on forms ***/

.emailform > p > label {
width: 115px;
}

.emailform > p > input[type=text],  .emailform > p > input[type="password"],
.emailform > p > textarea, .emailform > p > select, .emailform input[type=submit] {
margin-left: 120px;
}

.emailform ul {
margin-left: 68px;

}

.errorlist > li {
color: #EA5C55;
}


/******* footer ********/

.footer {
text-align: center;
width: 958px;
min-height: 30px;
margin-left: auto;
margin-right: auto; 
border: 1px solid #2B1E14;
background-color: #2B1E14;
}

.footer > p {
margin: 5px;
}

.push {
clear: both;
}