@charset "utf-8";

/* Basic style */
* 		{ margin: 0px; padding: 0px; }

html 	{ height: auto; width: 100%; }

body 	{ background: #9fcdb1 url('../graphics/bg.jpg') top left repeat-x;
color: #fff;
font: normal 1em Georgia, 'Times New Roman', Times, serif, sans-serif;
width: 100%;
}

a { border: 0px; color: #007668;}

img { border: 0px; }

hr { display: none; }

.italic { font-style: italic; color: #761300; font-size:1em; }

/* Common classes */
.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.hidden { display: none; }

/* Main content */
#main { margin: 0px auto; min-height: 100%; position: relative; width: 960px; }


#content {
background: url("../graphics/logobg.png") top center no-repeat;
min-height: 100%;
}

#footer { height: 400px; position:relative; }


/* Content */
#content {
padding: 55px 55px 10px 55px;
}

#content #mainMenu {
background: url('../graphics/content-nav-center.gif') repeat-x;
float: left;
height: 27px;
margin: 0px 0px 0px 0px;
width: auto;
}

#content #mainMenu .wrapper {
background: url('../graphics/content-nav-right.gif') top right no-repeat;
height: 27px;
width: auto;
}

#content #mainMenu ul {
background: url('../graphics/content-nav-left.gif') top left no-repeat;
height: 27px;
list-style: none;
}

#content #mainMenu ul li {
float: left;
}

#content #mainMenu ul li a {
color: #fff;
font-size: 1.2em;
font-weight: bold;
line-height: 26px;
padding: 0px 11px;
text-decoration: none;
}

#content #mainMenu ul li a:hover {
text-decoration: underline;
}

#content #preface {
margin: 30px 0 0 0;
width: auto;
}

#content #preface h1 {
font: normal 3em Georgia, 'Times New Roman', Times, serif;
color: #FFC236;
font-style: italic;
margin-bottom: 10px
}

#content .desc h2 {
color: #fff;
font-size: 1em;
margin: 0px 0px 5px 0px;
text-transform: uppercase;
}

#content #preface p {
margin: 0px 0px 25px 0px;
color: #473205;
}


#content .panel {margin-top: 20px}

#content .panel .rule {
background: url('../graphics/content-hr.gif') top left repeat;
border: 0px;
height: 1px;
margin: 0px 0px 10px 0px;
}

#content .panel h3 {
font-size: 2em;
margin: 0px 0px 10px 0px;
}

#content .panel h4 {
color: #007668;
font-size: 1.5em;
font-weight: bold;
margin: 0px 0px 20px 0px;
}

#content .panel h5 {
color: #007668;
font-size: .8em;
font-weight: bold;
margin: 0px 0px 5px 0px;
text-transform: uppercase;
}

#content .panel p {
font-size: .8em;
margin: 0px 0px 10px 0px;
color: #473205;
}

#content .panel .item {
margin: 40px 0px 25px 0px;
}

#content .panel .image {
background: url('../graphics/content-image-bg.png') top left repeat;
float: left;
height: auto;
padding: 5px 5px 5px 5px;
margin-bottom: 20px;
width: 530px;
}

#content .panel .desc {
float: left;
width: auto;
}

#content .panel .desc-left {
float: left;
width: 415px;
margin-right: 10px;
}

#content .panel .desc-right {
float: left;
width: 415px;
}

#content .top { cursor: pointer; height: 21px; margin: 20px 0px 0px 0px; width: auto; }

#content .top a { cursor: pointer; display: block; height: 21px; overflow: hidden; position: relative; width: auto; }

#content .top a span {
display: block;
height: 21px;
position: absolute;
left: 0;
top: 0;
width: 44px;
z-index: 1;
}


/* Footer */
#footer { padding: 0px 55px 0px 55px; }

#footer input,
#footer textarea {
color: #fff;
font: normal 1em Georgia, 'Times New Roman', Times, serif, sans-serif;
padding: 4px 6px 6px 6px;
}

#footer h3 {
color: #fff;
font-size: 2em;
margin: 0px 0px 10px 0px;
}

#footer #contactForm { float: left; width: auto; }

#footer #contactForm input {
border: 0px;
background-color: #007668;
height: 20px;
margin: 0px 0px 4px 0px;
width: 400px;
}

#footer #contactForm input:outline { border: 0px; }

#footer #contactForm input#submit {
background-color: #007668;
color: #ffffff;
cursor: pointer;
float: left;
font-weight: bold;
height: 28px;
padding: 0px 0px 3px 0px;
vertical-align: top;
text-align: center;
width: 59px;
}
  
#footer #contactForm p { color: #473205; margin: 0px 0px 22px 0px; width: 400px; font-size: .8em;}

#footer #contactForm form p { margin: 0px; }

#footer #contactForm textarea {
height: 115px;
background-color: #007668;
border: 0px;
margin: 0px 0px 13px 0px;
width: 400px;
}

#footer .rule {
background: url('../graphics/content-hr.gif') top left repeat;
border: 0px;
height: 1px;
margin: 0px 0px 10px 0px;
}

#footer #quickNavigation { float: right; width: 365px; }

#footer #quickNavigation h2 { margin-left: 6px; }

#footer #quickNavigation p { color: #473205; margin: 0px 0px 6px 0px; width: 400px; font-size: .8em;}

#footer .top { cursor: pointer; height: 21px; margin: 20px 0px 0px 0px; width: auto; }

#footer .top a { cursor: pointer; display: block; height: 21px; overflow: hidden; position: relative; width: auto; }

#footer .top a span	{
display: block;
height: 21px;
position: absolute;
left: 0;
top: 0;
width: 44px;
z-index: 1;
}

.anchorLink { color: #007668; margin: 0px 0px 20px 0px; width: auto; font-size: .8em; text-align: right;}

p.copy { color: #888; margin: 0px 0px 20px 0px; width: auto; font-size: .8em; text-align: center;}