/*
CSS 
*/
body {
background: #2e8b57;
margin: 0;
padding: 0;
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: black;
}

a {
color: black; 
}

a:hover {
color: red;
text-decoration: none
}

h1 {
font-size: 100%;
color: black;
}

h2 {
font-size: 100%;
color: Black;
font-weight: bold;
text-transform: uppercase;
}

h3 {
font-size: 75%;
color: Black;
font-weight: bold;
}

h4 {
font-size: 100%;
color: Black;
font-weight: normal;
text-align: justify;
padding: 15px;
border-left: 1px solid #2e8b57;
border-right: 1px solid #2e8b57;
border-top: 1px solid #2e8b57;
border-bottom: 1px solid #2e8b57;
}

#container {
width: 1000px;
background-color: white;
margin: 0 auto;
padding-top: 15px;
padding-right:10px;
border-left: 2px solid #2e8b57;
border-right: 2px solid #2e8b57;
border-top: 2px solid #2e8b57;
border-bottom: 2px solid #2e8b57;
}

#wrapper {
margin-left: 5px;
margin-right: 5px;
} 

#left_coll {
float: left;
width: 200px;
margin: 0 0 0 15px;
border: 1px solid #2e8b57;
padding: 5px;
} 

#left_coll #logo h1 {
width:195px;
height: 52px;
display: block;
padding-top: 0px;
text-indent: -99999px;
font-size:0px;
} 

#left_coll #nav {
width: 180px;
height: 107px;
background-color: white;
padding: 58px 5px;
} 

html #left_coll #nav {
padding:0 5px;
margin: 62px 0;
}

#left_coll #nav ul {
margin: 0px;
padding: 0px;
list-style-position: outside;
list-style-type: none;
border-bottom: 1px #2e8b57 solid;
}

#left_coll #nav li {
font-size: 89%;
color: black;
text-transform: uppercase;
border-top: 1px #2e8b57 solid;
letter-spacing: 0px;
}

#left_coll #nav li a {
width: 164px;
height: 17px;
padding: 3px 0 0 16px;
display: block;
color: black;
text-decoration: none;
} 

#left_coll #nav li a:hover {
background: #2e8b57;
color: white;
}  

#left_coll .box {
width: 195px; 	
border: 1px solid #2e8b57; 
background-color: #fff;
margin-top:10px;
}

#left_col .img {
padding: 5px
}

#left_coll .box h2 {
margin: 0px;
padding: 6px 5px 0 9px;
height: 20px;
background-color: #2e8b57;
border-top:0px solid #2e8b57;
color:black;
}

#left_coll .box p {
font-size: 90%;
line-height: 120%;
margin: 0px;
padding: 9px;
}

#left_coll .box ul {
list-style: none;
padding: 0 5px 0 9px;
margin: 10px 0;
}

#right_coll {
float: right;
width: 740px;
/*background-image: url(images/bg.jpg);*/
background-repeat: repeat-y;
border: 1px #2e8b57 solid;
padding: 5px;
background-position: 5px;}

#right_coll #header {

background-image: url(images/head2.JPG);
height:172px;
width:726px;
margin-top:0px;
margin-bottom: 5px;
padding-top: 0px;
}

#right_coll p {
border: 1px #2e8b57 solid;
padding: 5px;
text-align: justify;
}

#right_coll #header h1 {
display: none;
}

#right_coll #content {
width: 728px;
padding: 10px 0px 0px 0px;
float: right;
}

#right_coll #content h2 {
margin: 0px;
padding: 10px 5px 0px 9px;
height: 22px;
background-color: black;
}

#right_coll hr {
margin: 5px 9px 3px 9px;
border: none;
border-top: 1px solid #3cb371;
border: 1px solid;
} 

#footer {
clear: both;
background: #fff;
height: 35px;
padding: 4px 0px 0px 5px;
margin: 10px 0px 0px 7px;
border-top: 1px #2e8b57 solid;
font-size: 11px;
color: #2e8b57;
text-align: center;
} 

#footer a {color: #2e8b57; 
}

#footer a:hover {
color: red; 
} 

#navigationWrapper {
height: 32px;
width: 728px;
background-color: #2e8b57;
        }

#navigationWrapper ul {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#navigationWrapper li {
display: inline;
margin: 0px;
padding: 0px;
}

#navigationWrapper li a {
padding-top: 7px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;
display: block;
float: left;
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
font-weight: bold;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
}

#navigationWrapper li a:hover {
background-color: #2e8b57;
color: white;
text-decoration: underline;
}