* {
margin:0;
padding:0;
}

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,Helvetica,sans-serif;
background: #0D5F44 url(images/background_gradient.gif) top center repeat-x;
width:800px;
}

#content {
margin: 0 0 20px 200px;
padding: 20px 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#wrap {
margin: 0 auto;
background-color:transparent;
padding-left:10px;
width: 800px;
color:white
}

h1 {
font-size:1.5em;
color:white;
margin-bottom:1.5em;
}

h2 {
font-size:1.2em;
color:white;
margin-bottom:1.5em;
}


.expanded {
font-stretch: wider;
text-transform: uppercase;
font: 0.8em  Verdana,Tahoma, Arial, Helvetica, sans-serif;
}

p {
margin-bottom:1em;
}

dl {
font-size: 14px;
line-height: 1.5em;
}

dt, dt p {
font: italic 0.85em  Verdana, Tahoma, Arial, Helvetica, sans-serif;
line-height: 1.5em;
margin-bottom: 0px;
padding-bottom: 0px;
}

dd, dd p {
font: 0.8em Verdana,Tahoma, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
line-height: 1.5em;
}

ul, ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul.bullet li {
margin-left: 15px;
padding-left: 15px;
list-style-type: square;
}

a {
color:#fff;
text-decoration: underline;
}


#navigation {
float:left;
font: 120%  Verdana,Tahoma,Arial,Helvetica,sans-serif;
margin-top:20px;
background-color:transparent;
}

#navigation a {
color:white;
text-decoration:none;
border-right:1px solid white;
display:block;
padding: 5px 10px 10px 5px;
font-weight: bold;
}

#navigation a:hover,
#navigation a.current {
text-decoration:none;
display:block;
color:#fff;
background-color:#0D5F44;
border-right:1px solid #fff;
}

#hdr {
margin-top:50px;
}

.clr {
clear: both;
}

.title {
margin-top:5px;
font-size:1.5em;
border-bottom:1px solid #fff;
}

#ftr {
font-size:0.85em;
color: gray;
float:right;
margin-bottom:50px;
}

#ftr a {
color:gray;
}

a img {
border: none;
}

/*Css gallery*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #0D5F44;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed #0D5F44;
visibility: hidden;
color: #0D5F44;
text-decoration: none;
text-align:center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 130px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*Hoverbox*/
/* http://sonspring.com/journal/hoverbox-image-gallery */

.hoverbox {
cursor: default;
list-style: none;
}

.hoverbox a {
cursor: default;
}

.hoverbox a .preview {
display: none;
}

.hoverbox a:hover .preview {
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}

.hoverbox img {
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 75px;
}

.hoverbox li {
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}

.hoverbox .preview {
border-color: #000;
width: 200px;
height: 150px;

position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed #0D5F44;
color: #0D5F44;
text-decoration: none;
text-align:center;
}