/* Reset */

 * 
 {
 margin: 0;
 padding: 0;

 }
 
 /* End Reset */
 
 body
 {
 background: #e8eddd;
 font-family: arial;
 
 }
 
 #alignshadow
 {
 width: 100%;
 height:100%;
 background: url('img/alignshadow5.png') center repeat-y;
  
 }
 
 #topbg
 {
 height: 100%;
 width: 100%;
 background: url('img/topmetalgreenbg.jpg') repeat-x;
 
 }
 
 #bgimages
 {
 background: url('img/metalgreen2.jpg') center;
 width: 100%;
 height: 300%;

 }
 
 img
 {
 border-style: none;
 
 }
 
 h1
 {
 font-family: Arial;
 font-weight: bold;
 color: #000;
 margin-top: 5px;
 margin-bottom: 5px;
 
 }
 
  h2
 {
 font-family: Arial;
 font-size: 22px;
 color: #486311;
 margin: 10px 5px 5px 5px;
 border-bottom: 1px solid #486311;
 
 }
 
 h3
 {
 font-family: Arial;
 font-weight: bold;
 font-size: 14px;
 color: #6d9619;
 padding: 5px;
 
 }
 
  h4
 {
 font-family: Arial;
 font-weight: bold;
 color: #000;
 margin-top: 5px;
 margin-bottom: 10px;
 
 }
 
a:link.mainlinks, a:visited.mainlinks
 {
 text-decoration: none;
 border-bottom: 1px dotted #000;
 color: #000;
 
 }
 
 a:hover.mainlinks, a:active.mainlinks
 {
 text-decoration: none;
 color: #8b9d63;
 border-bottom: 1px dotted #000;
 
 }
 
 #header
 {
 position: relative;
 width: 823px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 height: 161px;
 background-image: url('img/headerbg2.png');
 background-repeat: repeat-x; 
 z-index: 5
 
 }
 
 #logo
 {
 position: relative;
 background-image: url('img/logo.png');
 height: 114px;
 width: 823px;
 z-index: 6;
 margin-left: auto;
 margin-right: auto;
 
 }
 
 #donate
 {
 background: url(img/donatead.jpg) top;
 position: relative;
 height: 190px;
 width: 190px;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 
 }
 
 #donate:hover
 {
 background-position: 0 -190px;
 
 }
 
 #brochure
 {
 background: url(img/brochure.jpg) top;
 position: relative;
 height: 190px;
 width: 190px;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 
 }
 
 #brochure:hover
 {
 background-position: 0 -190px;
 
 }
 
 #newsletter
 {
 background: url(img/newsletter.jpg) top;
 position: relative;
 height: 100px;
 width: 190px;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 
 }
 
 img.inlineimage
 {
 float: left;
 border: 1px solid #cffc6b;
 padding: 1px;
 margin-right: 5px;
 margin-bottom: 5px;
 
 }
 
 img.media
 {
 float: right;
 margin-top: 5px;
 margin-left: 5px;
 
 }
 
 #newsletter:hover
 {
 background-position: 0 -100px;
 
 }
 
 #facebook
 {
 position: absolute;
 background: url(img/facebook.jpg) no-repeat 0 0;
 height: 32px;
 width: 19px;
 z-index: 17;
 right: -65px;
 border: 5px solid transparent;
 margin-left: auto;
 margin-right: auto;
 
 }
 
 #facebook:hover
 {
 background-position: 0 -32px;
 
 }
 
 .logo a
 {
 padding: 0;
 border: 0;
 margin: 0;
 
 }
 
 .logo a:link
 {
 padding: 0;
 border: 0;
 margin: 0;
 
 }
 
 .logo a:link hover
 {
 padding: 0;
 border: 0;
 margin: 0;
 
 }
 
 #switching
 {
 position: relative;
 width: 902px;
 height: 280px;
 background-color: #fff;
 background-image: url('img/switching/team.jpg');
 margin-left: auto;
 margin-right: auto;
 background-repeat: no-repeat;
 background-position: center;
 z-index: 1;
 
 }
 
 #menu
 {
 display: block;
 top: -10px;
 position: relative;
 width: 819px;
 z-index: 10000;
 margin-left: auto;
 margin-right: auto;
 
 }
 
 #nav
 {
 position: relative;
 z-index: 10000;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 
 }
 
 #main
 {
 position: relative;
 display: block;
 width: 620px;
 margin: 10px;
 height: 100%;
 background: #fff;
 margin-left: auto;
 margin-right: auto;
 margin-top: -2px;
 z-index: 4;
 
 }
 
 #container
 {
 z-index: 40;
 
 }
 
 #container1
 {
 width: 823px;
 height: 100%; 
 margin-left: auto;
 margin-right: auto;
 z-index: 5;
 display: block;
 
 }
 
 #changer
 {
 position: relative;
 width: 823px;
 background: url('img/changerbg.png') repeat-x;
 height: 165px;
 z-index: 6;
 display: block;
 margin-left: auto;
 margin-right: auto;
 
 }
 
 #changer2
 {
 position: relative;
 background: url('img/changerbg.png') repeat-x;
 width: 100%;
 height: 30px;
 z-index: 6;
 
 }
 
 #slideshow
 {
 width: 830px;
 height: 170px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 z-index: 6;
 left: 3px;
 top: -6px;
 
 }
 
 #slideshowimages
 {
 position: relative;
 float: left;
 width: 500px;
 height: 150px;
 z-index: 7;
 padding: 2px;
 *top: 10px; 
 border: 1px solid #fff;
 
 }
 
 #quickinfo
 {
 position: relative;
 background: url(img/ribbon.png) bottom no-repeat;
 float: left;
 height: 155px;
 width: 320px;
 text-align: left;
 
 }
 
 .quickinfotext
 {
 color: #000;
 text-align: left;
 line-height: 16px;
 font-family: arial;
 font-size: 12px;
 margin: 15px 0 20px 35px;
 width: 220px;
 
 }
 
 .red
 {
 color: #fc0a16;

 }
 
 #bodywrapper
 {
 width: 823px;
 height: 100%;
 display: block;
 margin-left: auto;
 margin-right: auto;
 border-left: 1px solid #cffc6b;
 border-right: 1px solid #cffc6b;
 position: relative;
 
 }
 
 #wrapper
 {
 margin-left: auto;
 margin-right: auto;
 height: 149px;
 display: block;
 width: 100%;
 
 }
 
 #leftbar
{
 background: #fff;
 margin-top: -4px;
 margin-left: auto;
 margin-right: auto;
 height: 100%;
 width: 190px;
 float: left;
 margin: 5px;
 display: inline;
 
 }
 
 .leftbar
 {
 margin-top: 15px;
 
 }
 
 #content
 {
 background: #fff;
 height: 100%;
 width: 613px;
 margin-top: -4px;
 margin-left: auto;
 margin-right: auto;
 float: left;
 margin: 5px;
 display: inline;
 clear: right;
 
 }
 
 #mid
 {
 display: block;
 background: #fff;
 width: 823px;
 height: 100%;
 min-height: 400px;
 margin-left: auto;
 margin-right: auto;
 clear: both;
 overflow: hidden;
 
 }
 
 #funding
 {
 position: relative;
 text-align: center;
 overflow: hidden;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding-top: 6px;
 margin-bottom: -32px;
 
 }
 
 p.funding
 {
 margin: 5px;
 font-size: 10px;
 line-height: 10px;
 font-family: arial;
 color: #647145;
 
 }
 
 #contents
 {
 z-index: 6;
 clear: both;
 height: 100%;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 position: relative;
 
 }
 
 #footer
 {
 position: relative;
 background: url(img/footerbg.png) repeat-x;
 width: 823px;
 height: 252px;
 margin-top: -12px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 clear: both;
 
 }
 
 .footerlogo
 {
 padding: 0 20px 0 20px;
 float: left;
 width: 341px;
 display: block;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 
 }
 
 .footerleft
 {
 text-align: right;
 margin-left: auto;
 margin-right: auto;
 float: left;
 color: #647145;
 width: 181px;
 line-height: 16px;
 font-size: 12px;
 font-family: arial;
 display: block;
 
 }
 
 .footerleft a
 {
 text-decoration: none;
 color: #647145;
 border-bottom: 1px dotted #fff;
 
 }
 .footerleft a:active
 {
 color: #647145;
 
 }
 
 .footerleft a:hover
 {
 color: #fff;
 border-bottom: 1px dotted #fff;
 
 }
 
 .footerright a
 {
 text-decoration: none;
 color: #647145;
 border-bottom: 1px dotted #fff;
 
 }
 .footerright a:active
 {
 color: #647145;
 
 }
 
 .footerright a:hover
 {
 color: #fff;
 border-bottom: 1px dotted #fff;
 
 }
 
 #footerinfoblock
 {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 display: block;
 width: 750px;
 height: 80px;
 padding: 70px 0px 30px 0;
 
 }
 
 .footerright
 {
 text-align: left;
 float: left;
 color: #647145;
 width: 181px;
 line-height: 16px;
 font-size: 12px;
 font-family: arial;
 display: block;
 margin-left: auto;
 margin-right: auto;
 
 }

 img.imageleft
 {
 float: left;
 padding-left: 20px;
 padding-right: 10px;
 
}

 img.imageright
 {
 float: right;
 padding-right: 20px;
 padding-left: 10px;
 
}  

 img.imagecenter
 {
 display: block;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 
 }
 
 .bold
 {
 font-weight: bold;
 
 }
 
 .boldinfo
 {
 font-weight: bold;
 border-bottom: 1px solid #fff;
 font-variant: small-caps;
 font-size: 11px;
 color: #be0303;
 
 }
 
 .italics
 {
 font-style: italic;
 font-weight: bold;
 
 }
  
 #donatebg
 {
 position: relative;
 background-image: url('img/donatebg.png');
 background-repeat: repeat;
 width: 100%;
 height: 27px;
 z-index: 10;
 
 }
 
 #leftside
 {
 width: 48%;
 float: left;
 display: inline;
 margin-left: auto;
 margin-right: auto;
 position: relative;

 }
 
 #leftside2
 {
 width: 60%;
 display: block;
 position: relative;

 }

 #rightside
 {
 width: 48%;
 float: left;
 display: inline;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 
 }
 
 .employee
 {
 width: 100%;
 height: 100%;
 margin-top: 10px;
 
 }
 
 .contenttext
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #2f3d11;
 background: #ebf2db;
 border: 1px solid #d4fb80;
 position: relative;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 5px;
 margin: 5px;
 margin-bottom: 10px;
 
 }
 
 .contentmap
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #2f3d11;
 background: #ebf2db;
 border: 1px solid #d4fb80;
 position: relative;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 5px;
 margin: 5px;
 min-height: 350px;
 margin-bottom: 10px;
 
 }
 
 .contentmaininfo
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 16px;
 color: #2f3d11;
 position: relative;
 display: block;
 padding: 5px;
 margin-left: 10px;
 
 }
 
 .contenttext2
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #2f3d11;
 background: #ebf2db;
 border: 1px solid #d4fb80;
 position: relative;
 display: block;
 height: 100%;
 min-height: 130px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px;
 margin: 5px;
 margin-bottom: 10px;
 
 }
 
 .contenttext3
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #2f3d11;
 background: #ebf2db;
 border: 1px solid #d4fb80;
 position: relative;
 display: block;
 height: 100%;
 min-height: 55px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 130px 5px 130px;
 margin: 5px;
 margin-bottom: 10px;
 
 }
 
 .contenttextsquare
 {
 font-size: 14px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #000;
 z-index: 99;
 border: 1px solid #cff86e;
 margin-top: 10px;
 padding: 10px;
 width: 90%;
 display: block;
 margin-left: auto;
 margin-right: auto;
 background: #ebf2db;
 position: relative;
 
 }
 
 .contenttextsquarecalendar
 {
 text-align: left;
 font-size: 14px;
 font-family: arial;
 line-height: 20px;
 color: #000;
 z-index: 99;
 border: 1px solid #cff86e;
 width: 95%;
 margin-top: 10px;
 background: #ebf2db;
 position: relative;
 
 }
 
 .contenttextsquarecentered
 {
 font-size: 14px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #000;
 z-index: 99;
 margin-left: 10px;
 margin-top: 10px;
 padding: 5px;
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 background: #ebf2db;
 border: 1px solid #cff86e;
 position: relative;
 
 }
 
 .contenttextblockleft
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #2f3d11;
 z-index: 99;
 width: 80%;
 float: right;
 position: relative;
 padding: 5px;
 margin: 5px;
 background: #ebf2db;
 border-bottom: 1px solid #d4fb80;
 
 }
 
 .contenttextblockright
 {
 font-size: 12px;
 text-align: left;
 font-family: arial;
 line-height: 20px;
 color: #2f3d11;
 z-index: 99;
 width: 80%;
 float: right;
 position: relative;
 padding: 5px;
 margin: 5px;
 background: #ebf2db;
 border-bottom: 1px solid #d4fb80;
 
 }
 
 #floating
 {
 position: relative;
 clear: both;
 
 }
 
 #jdit
 {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 height: 34px;
 width: 340px;
 display: block;
 
 }

span.jdit
{
text-align: right;
float: left;
padding: 9px 5px 0 5px;
color: #647145;
font-size: 12px;
display: block;
margin-left: auto;
margin-right: auto;

}

img.jdit
{
border-left: 1px solid #647145;
float: left;
display: block;
margin-left: auto;
margin-right: auto;
padding: 0 5px;

}

img.jdit a:hover
{
border-left: 1px solid #647145;
border-bottom: 1px solid #fff;

}
 
 .map
 {
 border-right: 1px solid #cffc6b;
 float: left;
 padding-right: 5px;
 margin-right: 5px;
 
 }
 
span.required
 {
 font-size: 13px !important;
 color: red !important;
 
 }
 
 #sitemap
 {
 position: relative;
 background: #8b9d63;
 overflow: hidden;
 
 }
 
 .sitemap
 {
 margin: 5px;
 color: #3e462b;
 font-size: 10px;
 line-height: 14px;
 font-family: arial;
 text-align: justify;
 
 }
 
a:link.sitemap, a:visited.sitemap
 {
 text-decoration: none;
 margin: 0;
 padding: 0;
 
 }
 
 a:hover.sitemap, a:active.sitemap
 {
 text-decoration: underline;
 margin: 0;
 padding: 0;
 color: #fff;
 
 }