html, body{ 
 margin:0; 
 padding:0; 
 background-color:#5e7536; 
 text-align: center;
 font-family: verdana,arial,helvetica, sans-serif;
 font-size: 12pt; 

} 

h1 { clear: both; 
 font-family: arial, verdana,helvetica, sans-serif;
 font-size: 150%;
 color: #000000;
}
 
h2 { clear: both; 
 font-family: arial, verdana,helvetica, sans-serif;
 font-size: 130%;
 text-align: center;
 color: #000000;
}
 
h3 { clear: both; 
 font-family: arial, verdana,helvetica, sans-serif;
 font-size: 110%;
 color: #000000;
}
 
.mceContentBody { 
 background-image: none; background-color: White; 
 color: Black; 
} /*SnippetMaster editor bg color*/ 

#pagewidth{ 
 width:960px; 
 min-width: 500px; 
 text-align: center;
 margin-left:auto; 
 margin-right:auto; 
 background-color: #effae0;
 background-image: url("images/page-bg.jpg");
 background-repeat: repeat-y; 
} 
 
#leftcol{
 width:232px; 
 text-align: center;
 float: left;
 position:relative; 
 margin-right:1px; 
}
 

 
#maincol{ 
 position: relative;
 width: 700px; 
 padding: 0px 10px 0px 10px;
 text-align: justify;
 float: left;
}
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 

#header{
 padding:0;
 margin: 0;
 width: 960px;
 float: left;
 background-color: #ffffff;
} /*padding bottom 0 to remove space in IE5 Mac*/ 

 
 /*printer styles*/ 
@media print{ 
 /*hide the leftcol when printing*/
 #leftcol{display:none;} 
 #outer{border-left:0;} 
}

.eg {
 background-color: #c4df9b; 
 width: 218px;
 border: 1px solid black;
 margin: 0px 0px 5px 0px;
}

.eg2 {
 border: 2px solid black;
 margin: 10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
}


.egleftside {
 border: 2px solid #990000;
 margin: 10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
 width: 50%;
 float: left;
}


.egrightside {
 border: 2px solid #990000;
 margin: 10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
 width: 400px;
 float: right;
 text-align: center;
}

.large_text{
 font-size: larger;
}

.red_text{
 color: #990000;
 font-weight: bold;
}

#navigation {
 border-top: 1px solid black;
 width: 218px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
}

#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigation li {
 border-bottom: 1px solid #000000;
}

#navigation li a:link, #navigation li a:visited {
 display: block;
 padding: 5px 5px 5px 5px;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 background-color: #c4df9b;
 color: #000000;
 text-decoration: none;
}

#navigation li a:hover {
 background-color: #000000;
 color: #ffffff;
}

#navigation ul ul {
 margin-left: 12px;
}

#navigation ul ul li {
 border-bottom: 1px solid #000000;
 margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
 background-color: #CAE1F5;
 color: #000000;
}

#navigation ul ul a:hover {
 background-color: #95D2B5;
 color: #000000;
}

.strong{
 font-weight: bold;
}

#menu {
 position:relative; 
 text-align: center;
 height: 25px;
 z-index:899; 
 background-color:#c4df9b; 
 color:#000; 
 padding: 0px;
 margin: -3px 0px 0px 0px;
 font-size: 14pt;
 font-family: tahoma,verdana,arial,helvetica, sans-serif;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}

#nav{
 margin:0; 
 font-size: 90%;
 list-style: none; 
 z-index:900;
 padding:0px 0px 10px 10px;
}

#nav ul {
 list-style: none;
 padding: 0px;
 margin: 1px 0px 0px 0px;
 background-color:#c4df9b; 
}

.darkbackground { 
 background-color:#869965; 
}


#nav a {
 background-color:#9a9a30; 
 color: #000;
 text-decoration: none;
}


#nav li li a {
 display: block;
 font-weight: bold;
 background-color:#900; 
 color: #fff;
 padding: 0px 10px;
}

#nav li li a:hover {
 padding: 0px 5px;
 background-color:#000; 
 border: 5px solid #000;
 color: #fff;
 border-width: 0 5px;
}

#nav li {
 float: left;
 position: relative;
 padding: 0px 15px 0px 15px;
 text-align: center;
 cursor: default;
 color: #000;
 background-color: #c4df9b;
 font-weight: bold;
}

#nav li a:link, #nav li a:visited{
 background-color: #c4df9b;
 color: #000000;
}

#nav li#first {
 border-left-width: 1em;
}

#nav li#last {
 border-right-width: 1em;
}

#nav li ul {
 display: none;
 position: absolute;
 z-index:910;
 text-align: left;
 top: 100%;
 left: 0;
 font-weight: normal;
 padding: 10px 0px 1px 0px;
}

#nav li>ul {
 top: 12px;
 text-align: left;
 z-index:920;
 left: auto;
}

#nav li li {
 display: block;
 float: none;
 background-color: transparent;
 text-align: left;
 z-index:930;
 width: 16em;
 border: 0;
}

#nav li:hover ul, #nav li.over ul {
 display: block;
 z-index:940;
 min-height:0;
 left:0;
}

.imgleft{
 margin: 2px 10px 10px 2px;
 float: left;
}

.imgright{
 margin: 10px 2px 2px 10px;
 float: right;
}

.indent{
 width: 90%;
 float: right;
}