body {
     color: #4c4c4c;
     background-color: #eef6ff;
     }
div#header {
     margin: 0px auto;
     padding: 0px auto;
     width: 60%;
     background-color: white;
     font-family: Verdana, sans-serif;
     font-size: 100%;
     border: solid 1px;
     text-align: center;
     }
div#header form {
     display: block;
     border-bottom: solid 1px;
     position: relative;
     float: center;
     margin: 0;
     padding: 1%;
     background-color: #0EA323;
}
div#header a {
     font-size: 70%;
     color: white;
     border: none;
}
div#header p {
     margin: 0;
     
}
input.btn {
    font: bold 75%, Verdana;
    background-color: white; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
}
div#topbar {
     margin: 0px auto;
     width: 60%;
     padding-top: 2px;
     padding-bottom: 2px;
     font-weight: bold;
     font-family: Verdana;
     font-size: 80%;
     text-align: center;
     border-right: solid 1px;
     border-left: solid 1px;
     background-color: #0EA323;
     }
div#topbar span {
     margin: 0em 1em;
     padding: 2px;
     text-align: center;
     display: inline;
     }
div#topbar a {
     padding: 0em 1.5em;
     color: #eef6ff;
     text-decoration: none;
     }
/*
div#topbar a:hover {
     color: #0EA323;
     background-color: #eef6ff;
     }
*/
div#topbar a:hover {
     border-bottom: 2px solid #eef6ff;
     }
div#main {
     width: 60%;
     margin: 0px auto;
     padding: 0px;
     vertical-align: top;
     display: block;
     border-top: solid 1px black;
     border-right: solid 1px black;
     border-left: solid 1px black;
     border-bottom: solid 1px black;
     background-color: white;
}
div#main h4 {
     background-color: #eef6ff;
     font: 110% sans-serif;
     margin: 0 5px 10px 5px;
     padding: 3px 0;
     vertical-align: middle;
     text-align: center;
     letter-spacing: 0.0em;
     border: solid 1px #0EA323;
     }
div#sidebar {
     width: 22%;
     display: block;
     float: left;
     margin-top: 0px;
     padding: .7em 0px;
     font-family: Verdana;
     font-weight: bold;
     font-size: 90%;
     letter-spacing: 0.1em;
     border-right: solid 1px black;
     border-bottom: solid 1px black;
     background-color: #0EA323;
     }
div#sidebar span {
     margin: 8px 2px;
     padding: 0em 1em;
     color: #eef6ff;
     vertical-align: middle;
     }
/*
div#sidebar li {
     list-style-image: url(../images/bullet.png);
}
div#sidebar ul {
     list-style: none;
     }
div#sidebar ul li:before {
     color: #eef6ff;
     content: "\00BB \0020";
}
*/
div#sidebar a {
     padding: 0em 0em;
     color: #eef6ff;
     text-decoration: none;
     border-left: 4px solid #0EA323;
}
/*
div#sidebar a:hover {
     color: #0EA323;
     background-color: #eef6ff;
     }
*/
div#sidebar a:hover {
     padding-left: 1px;
     border-left: 3px solid #eef6ff;
     }
/*
     margin-top: 0px;
     padding: .7em 0px;
     font-family: Verdana;
     font-weight: bold;
     font-size: 90%;
     letter-spacing: 0.1em;
*/
div#content {
     display: block;
     margin-left: 22%;
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: 70%;
     font-family: Arial, sans-serif;
     }
div#content span {
     font-weight: bold;
     }
div#content ul {
     padding: 5px;
     margin-left: 15px;
     margin-right: 10px;
     }
div#content li {
     list-style-image: url(../images/bullet.png);
     margin-left: 20px;
     padding: 3px 10px 3px 0px;
     text-align: justify;
     }
div#content img {
/*
     height: 100px;
     width: 130px;
*/
     padding: 2px;
     margin: 5px;
     margin-right: 35px;
     border: solid 1px;
}
div#content p {
     line-height: 1.2;
     padding: 0 1em;
     text-align: justify;
     }
div#content h1 {
     color: black;
     padding-left: 1em;
     background-color: white;
     font-size: 90%;
     vertical-align: middle;
     text-align: left;
     }
div#content h2 {
     color: #0EA323;
     padding-right: 1em;
     background-color: #eef6ff;
     font-size: 120%;
     vertical-align: middle;
     text-align: right;
     letter-spacing: 0.1em;
     border-top: solid 1px #0EA323;
     border-bottom: solid 1px #0EA323;
     }
div#content h3 {
     background-color: #eef6ff;
     margin-left: 160px;
     margin-right: 5px;
     padding: 0px;
     font: bold 110% sans-serif;
     vertical-align: middle;
     text-align: center;
     letter-spacing: 0.0em;
     border: solid 1px #0EA323;
     }
div#content h4 {
     background-color: #eef6ff;
     font: 110% sans-serif;
     margin: 0 5px 10px 5px;
     padding: 3px 0;
     vertical-align: middle;
     text-align: center;
     letter-spacing: 0.0em;
     border: solid 1px #0EA323;
     }
div#content h5 {
     color: black;
     padding: 0 1em 0 0;
     margin: 0.4em 0 0 0;
     background-color: white;
     font-size: 90%;
     vertical-align: middle;
     text-align: right;
     }
div#content a:link {
     color: #0EA323;
     background-color: transparent;
     text-decoration: underline;
     }
div#content a:visited {
     color: #0EA323;
     background-color: transparent;
     text-decoration: underline;
     }
div#content a:hover {
     color: #9ca0ab;
     /* font-weight: normal; */
     background-color: transparent;
     }
div#content a.image:hover {
     background-color: transparent;
     }

div#lspace {
     clear: left;
}

.content2 {
     width: 100%;
     margin: 0px auto 2% auto;
     padding: 0px;
     font-size: 70%;
     font-family: Arial, sans-serif;
}
.content2 a:link {
     color: #0EA323;
     background-color: transparent;
     text-decoration: underline;
     }
.content2 a:visited {
     color: #0EA323;
     background-color: transparent;
     text-decoration: underline;
     }
.content2 a:hover {
     color: #9ca0ab;
     /* font-weight: normal; */
     background-color: transparent;
     }
.content2 li {
     list-style-image: url(../images/bullet.png);
     padding: 1px 0px;
     }
.latest {
     float: left;
     width: 32%;
     margin: 0px 0px 0px 1%;
     padding: 0px 1%;
     border: dashed 1px #0EA323;
     background-color: #eef6ff;
}
.latest span {
     font-style: italic;
}
div#eventlist p {
     text-align: right;
}

.objectDetails {
     font-style: italic;
     font-size: 90%;
     color: gray;
}
/*
h1   {
     background-color: #0EA323;
     font: bold 160% sans-serif;
     vertical-align: middle;
     text-align: center;
     color: #eef6ff;
     letter-spacing: 0.0em;
     border: 1px solid #0EA323;
     padding: 0.5em 1em 0.25em;
     }
h2   {
     background-color: #eef6ff;
     font: 120% sans-serif;
     vertical-align: middle;
     text-align: right;
     letter-spacing: 0.0em;
     border-top: solid #0EA323;
     border-bottom: solid #0EA323;
     border-top-width: 1px;
     border-bottom-width: 1px;
     }
*/
img  {
     border: 0;
     background-color: transparent;
     }
code, pre {
     color: #226;
     background-color: transparent;
     font-size: 110%;
     }
pre  {
     font-family: Arial, sans-serif;
     }
code {
     font-family: monospace;
     }
div#footer {
     width: 60%;
     margin: 0px auto;
     padding: 0px;
     color: #0EA323;
     font-size: 70%;
     text-align: center;
     border-left: solid 1px black;
     border-right: solid 1px black;
     border-bottom: solid 1px black;
}
div#footer p {
    margin-top: 0px;
}