A:link    {color: #6E5F2E;}
A:visited {color: #6E5F2E;}
A:active  {color: #6E5F2E;}
A:hover   {color: #009966;}

.mainnav, .mainnav A:link, .mainnav A:visited, .mainnav A:active {background-color: #6E5F2E; font-family: Times New Roman, Times, Palatino, Serif; font-size: 14px; color: #FFFFFF; text-decoration: none; padding-left: 17px; padding-right: 17px;}
.mainnav A:hover, .mainnav_on {background-color: #6E5F2E; font-family: Times New Roman, Times, Palatino, Serif; font-size: 14px; color: #00AB4D; text-decoration: none; padding-left: 17px; padding-right: 17px;}


div#sn {
  margin: 0;
  width: 150px; /* menu width */
}

div#sn ul {
  background-color: #6E5F2E;
  list-style-type: none; /* get rid of the bullets */
  padding: 0; /* no padding */
  margin: 0; /* no margin for IE either */
}

div#sn ul li {
  margin: 0;
  padding: 0;
  background-color: #6E5F2E;
  display: block;
  border-top: 1px solid white; /* lines */
}

div#sn ul li a {
  margin: 0;
  display: block; /* lines extend to right, make area clickable */
  color: white;
  background-color: #6E5F2E;
  padding: 3px 10px 3px 10px;
  font-size: 15px;
  font-family: Times New Roman, Times, Palatino, Serif;
  text-decoration: none;
  height: 100%; /* hint for IE, alternatively remove whitespace from HTML */ 
}

div#sn .on {
  margin: 0;
  display: block;
  color: #00AB4D;
  background-color: #6E5F2E;
  padding: 3px 10px 3px 10px;
  font-family: Times New Roman, Times, Palatino, Serif;
  text-decoration: none;
  text-align: left;
}

div#sn ul li a:hover {
  margin: 0;
  color: #00AB4D;
  background-color: #6E5F2E; /* rollover effect */
} 





.pic_hide { 
   border: #8E897F; 
   border-style: solid; 
   border-width: 1px; 
   position:absolute; 
   z-index:0; 
   visibility: hidden;
}

.pic_show { 
   border: #8E897F; 
   border-style: solid; 
   border-width: 1px;
}




body {
   vertical-align: top;
   background-color: #CCCCCC;
   text-align: left;
   font-size: 100%;
   color: #000000;
   font-family: Times New Roman, Times, Palatino, Serif;
}


.logo {
   vertical-align: top;
   background-color: #FFFFFF;
   background-image: url(i/logo.gif); background-repeat: no-repeat; background-position: left top;
}

.caption {
   background-color: #FFFFFF;
   background-image: url(i/caption.gif); background-repeat: no-repeat; background-position: right bottom;
}


.language {
   background-color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 15px;
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}




.hdr {
   font-size: 20px;
   color: #000000;
}

.hdr_brown {
   font-size: 20px;
   color: #6E5F2E;
}

.hdr_blue {
   font-size: 20px;
   color: #0087CC;
}

.hdr_green {
   font-size: 20px;
   color: #00AB4D;
}





.title {
   font-size: 25px;
   color: #FFFFFF;
   text-align: left;
   vertical-align: center;
   padding-left: 30px;
   font-family: Times New Roman, Times, Palatino, Serif;
}


.title_brown {
   background-color: #6E5F2E;
   font-size: 25px;
   color: #FFFFFF;
   text-align: left;
   vertical-align: center;
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 20px;
   font-family: Times New Roman, Times, Palatino, Serif;
}

.title_blue {
   background-color: #0087CC;
   font-size: 25px;
   color: #FFFFFF;
   text-align: left;
   vertical-align: center;
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 20px;
   font-family: Times New Roman, Times, Palatino, Serif;
}

.title_green {
   background-color: #00AB4D;
   font-size: 25px;
   color: #FFFFFF;
   text-align: left;
   vertical-align: center;
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 20px;
   font-family: Times New Roman, Times, Palatino, Serif;
}

p {
   margin-top: 1em;
   padding-top: 0;
   margin-bottom: 0;
   padding-bottom: 0;
   margin-left: 20px;
   margin-right: 20px;
   padding-left: 0;
   line-height: 1.2em;
   text-align: justify;
}

ul {
   margin-top: 0;
   padding-top: 0;
   padding-left: 0;
   margin-left: 20px;
   margin-right: 30px;
   text-align: left;
   vertical-align: top;
   text-align: left;
}

li {
   padding-left: 0;
   margin-left: 20px;
   margin-right: 30px;
   line-height: 1.3em;
   xmargin-bottom: 6px;
   xpadding: 0 0 0 0;
}



.txt_green {
   color: #009966;
}

.txt_blue {
   color: #0087CC;
}

.txt_brown {
   color: #6E5F2E;
}


.footer_index {
   background-color: #FFFFFF;
   text-align: left;
   vertical-align: middle;
   padding-left: 15px;
   font-size: 9px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}

.footer {
   background-color: #FFFFFF;
   text-align: left;
   vertical-align: middle;
   padding-top: 10px;
   padding-bottom: 3px;
   padding-left: 15px;
   font-size: 9px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}






.left_col {
   vertical-align: top;
   line-height: 2px;
}





.mission {
   padding-top: 35px;
   padding-left: 20px;
   padding-right: 20px;
   text-align: center;
   vertical-align: center;
   font-size: 22px;
   color: #5C4714;
   font-weight: bold;
   font-family: Times New Roman, Times, Palatino, Serif;
   line-height: 1.7em;
}


.tagline {
   padding-top: 0.5em;
   padding-bottom: 0;
   padding-left: 30px;
   padding-right: 30px;
   text-align: center;
   vertical-align: top;
   font-size: 24px;
   color: #5C4714;
   line-height: 1.5em;
}









.content_center {
   padding-bottom: 15px;
   margin-bottom: 0;
   vertical-align: top;
   text-align: left;
   background-color: #FFFFFF;
   background-image: url(i/bkg_content_center.jpg); background-repeat: no-repeat; background-position: center top;
}

.rmbuffer {
   padding: 0;
   margin: 0;
}

.subhdr {
   xmargin-bottom: 5px;
   xpadding-bottom: 5px;
   line-height: 19px;
   font-weight: bold;
   color: #000000;
   font-size: 13px;
   font-family: Times New Roman, Times, Palatino, Serif;
}

.focus_1 p {
   margin-top: 10px;
   padding-top: 0;
   margin-bottom: 0;
   padding-bottom: 0;
   margin-left: 20px;
   margin-right: 10px;
   line-height: 19px;
   text-align: left;
}

.focus_2 p {
   margin-top: 10px;
   padding-top: 0;
   margin-bottom: 0;
   padding-bottom: 0;
   margin-left: 12px;
   margin-right: 12px;
   line-height: 19px;
   text-align: left;
}

.focus_3 p {
   margin-top: 10px;
   padding-top: 0;
   margin-bottom: 0;
   padding-bottom: 0;
   margin-left: 10px;
   margin-right: 20px;
   line-height: 19px;
   text-align: left;
}

.anim { 
   text-align: center;
   vertical-align: center;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 0;
}