/*colors 
Dark Green: #124931;
Light Green: #36A283;
Mint: CDE8E0
Cream: #F5EAD7;
Light Yellow: #FFECA0;
Red: #D7341D;

*/

* {margin: 0;
padding: 0;}




body {background: #36A283;
background-image: url(/images/gradient.jpg);
background-repeat: repeat-x;
color: #261D01;
font-size: 1em;
font-family: Impact, Haettenschweiler, “Arial Narrow Bold”, sans-serif;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h2 {color: #124931;}
h3 {background: #D7341D;
padding: 5px 10px;
color: #F5EAD7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-border-radius: 5px;}

td input {padding: 2px;
margin: 0px 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}

td {text-align:right;}

h4 {font-size: 1.25em;
margin: 10px 0 0 0;}

p, #main ul, td {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
line-height: 1.25em;
padding: 0 0 10px 0;}
a {text-decoration:none}
a img {border:none;}
a:link {color: #36A283;}
a:visited {color: #124931;}
a:hover {color: #d7341d;}

#main ul {padding: 0 25px 10px;}
#main ul ul {font-size: 1em;
margin: 0 25px -10px 0;}

a[rel="external"]{
white-space: nowrap;
padding-right: 15px;
background: url(/images/external.gif) no-repeat 100% 50%;
zoom: 1;
}
a[rel="pdf"]{
white-space: nowrap;
padding-right: 15px;
background: url(/images/pdf.gif) no-repeat 100% 50%;
zoom: 1;
}


#wrap {background: #F5EAD7;
width: 800px;
padding: 25px 50px 0 50px;
margin: 25px auto 25px auto;
position:relative;}

#nav {background: #36A283;
margin: -25px -50px 0px;
height:35px;
width:900px;}
#nav ul {list-style:none;
padding: 5px 0;
margin:0 0px 0 125px;
widows:800px;}
#nav li {display:inline-block;
font-size: 1.25em;
float:left;
position:relative}
#nav ul ul {display:none;
background:  rgb(255, 255, 255);
background: rgba(255, 255, 255, .95);
padding: 5px 10px;
margin: 5px 0;
position:absolute;}
#nav li a {padding: 5px 25px;
min-width:150px;}
#nav li a:hover {background: #CDE8E0;}
#nav li:hover ul {display:block;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .5em;}
*+html #nav li ul {top: 20px;
left: 0px;}
#nav li ul {position: absolute;
text-align:left;}
#nav li li {display:block;
clear:both;
width: 100%;}
#nav a:link {color: #F5EAD7}
#nav a:visited {color: #124931;}
#nav a:hover {color: #D7341D;}
#nav li li a {display:block;
border-bottom: 2px dotted #36a283;
padding: 5px;}
#nav li li:last-child a {border: none;}
#nav li li a:link {color: #36A283;}
#nav li li a:hover {color: #D7341d;
background: #FFF;}

#header {background-image:  url(/images/hodaglogo.jpg);
background-repeat:no-repeat;
margin: 0px -50px;
height: 200px;
text-indent: -9999px;}

#starburst a {position:absolute;
width: 200px;
height: 200px;
background-image: url(/images/burst.png);
top: -25px;
left: -35px;
text-indent: -9999px;}

#starburst a:hover {-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);}

#links {width: 250px;
float:left;
margin: 25px 25px 25px -25px;}

#links ul {list-style:none;
margin: 0px 20px 0 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight:bold;}

#links li a {border-bottom: 2px dotted #36A283;
width: 100%;
display:block;
padding: 5px;}

#main {margin: 25px -25px 25px 25px;
min-height: 200px;
width: 550px;
float:right;}

#footer {clear:both;
width: 800px;
text-align:center;
margin: 0 auto;
color: #F5EAD7;
font-weight:bold;
position:relative;
top: 75px;}

#footer a:link {color: #124931; }

.hodag {position:absolute;
top: -75px;
left: -75px;}

.hodag p {position:absolute;
top: -30px;
left: 135px;
width: 150px;
height: 50px;
background: #fff;
display:table-cell;
vertical-align:middle;
text-align:center;
padding: 8px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #261D01;}

.slideshow, .left {float:left;
margin: 0 10px 10px 0;
width:300px;
height:200px;}