body {
  margin:0; 
  padding:0;
  font-family:verdana, arial, sans-serif; 
  font-size:80%; 
  color:#666666; 
  background-color: #038144;
}

p {
  margin:0; padding:0.4em 0.2em 0.6em 0.2em;
  color: black;
  text-align: justify;
}
 
p.linkwrap {
  word-wrap: break-word;
}

li {
  color: black;
}

ul.bold li {
  font-weight: bold;
}

ul.inside {
  xlist-style-position: inside;
  width: 300px;
  
}

p.footnote {
  font-size:90%; 
  margin-top: 10px;
}

h2 a:link, h2 a:visited, h2 a:hover{
  color: black;
}

a:link, a:visited {
  color: #444444;
  text-decoration:underline;
}

a:hover {
  color:#444444; 
  text-decoration:none; 
}

a:active {
color:#82D339; text-decoration:underline;}

div.wholepage {
  margin-left: auto;
  margin-right: auto;
  padding: 0; 
  background-color:#FFFFFF;
  border-left: 4px solid #6b6d6b;
  border-right: 4px solid #6b6d6b;
  width: 760px;
}

div {margin:0; padding:0;}

h1 {
  color:#444444; 
  font-size:150%; 
  font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
  font-weight:normal;
}

h2 {
  color:#444444; 
  font-size:120%; 
  font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
  font-weight:normal;
  letter-spacing: 2px;
}


/* +++ Start Of Header Section +++ */

#header {
  margin:0; 
  padding:0;
  height: 184px;
  background-image:url(../img/header.jpg); 
  background-repeat:no-repeat; 
  background-position:left top;
}

#menu {
  margin:0; 
  padding:155px 0.5em 0.5em 0.5em;
  text-align:center; 
}

#menu a, #menu a:visited, #menu a:link, #menu a:hover, #menu a:active  {
  color:black; 
  font-size:110%; 
  font-weight: bold;
  text-decoration: none;
  padding: 0 6px 0 6px;
}

#menu a.on, #menu a.on:visited, #menu a.on:link, #menu a.on:hover, #menu a.on:active,
#menu a:hover {
  text-decoration: underline;
}



/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; padding:0; float:left; width:20%; text-align:center;}

#sidecontainer h2 {
  display:block; 
  margin:0; 
  color:#FFFFFF; 
  background-color:#6b6d6b; 
  background-image: url('../img/bg01.gif'); 
  background-repeat: repeat-x;
  font-weight:normal;
  font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
  font-size:120%;
  height: 25px;
  line-height: 25px;
}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #6b6d6b;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#444444; margin:0; padding:0.5em;}

.nav a.on, .nav a.on:visited, .nav a.on:link, .nav a.on:hover, .nav a.on:active, 
.nav a:hover {
display:block; margin:0; text-decoration:none; color:#666666; margin:0; padding:0.5em; background-color:#ACCBE2;}

.nav a:active {
display:block; margin:0; text-decoration:none; color:#444444; margin:0; padding:0.5em;}




/* +++ Start Of Content Section +++ */

#content {
  margin:     0 0 0 20%; 
  padding: 0.8em; 
  border-left: 1px solid #6b6d6b;
  min-height: 530px;
  height:     auto !important;
  height:     530px;


}


q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; margin-bottom: 10px }


/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0; 
clear: both;
}

.superfooter {
  background-color:#6b6d6b; 
  background-image: url('../img/bg01.gif'); 
  background-repeat: repeat-x;
  height:25px;
}

.mainfooter {
background-color:#FFFFFF; text-align:center;}

.subfooter {
  background-color:#6b6d6b; 
  height:0.6em;
}

#footer p {
font-size:80%; color:#666666; padding:0.3em; text-align: center;}

p.important {
  text-align: center;
  color: #aaaaaa;
  font-size:300%;
  margin: 50px;
}

p.xsmall {
  font-size: 9px;
  text-align: center;
  padding: 2px;
}

div.emporioin {
  min-height: 130px;
  height:     auto !important;
  height:     130px;
}


div.emporioin h2, div.emporioin p {
  margin-left: 282px;
  font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
}

div.emporioin h2 {
  font-size:150%; 
  font-weight:bold;
  color: #aaaaaa;
  margin-top: 0;
  margin-bottom: 0;

}

div.emporioin p {
  font-size:100%; 
}

div.emporioin img {
  float: left;
  padding: 3px;
  border: 1px solid #cccccc;
}

p.noresults {
  margin: 2em 3em 2em 3em;
  font-weight: bold;
  text-align: center;
}

.center {
  text-align: center;
}

p.left {
  height: 1%;

}


span.em {
  letter-spacing: 2px;
}

/* News */
div.navig {
  font-family:    verdana, arial, sans-serif;
  font-size:      10pt;
  margin-top:     1em;
  text-align:     right;
  border-bottom:  1px solid #666666;
  padding:        0 10px 2px 0 ;
}
div.navigbottom {
  font-family:    verdana, arial, sans-serif;
  font-size:      10pt;
  margin:         1em 0 1em 0;
  text-align:     right;
  border-top:  1px solid #666666;
  padding:        2px 10px 2px 0 ;
}

span.on {
  padding:          2px 2px 2px 2px;
  font-family:      verdana, arial, sans-serif;
  font-size:        10pt;
  background-color: #56267d;
  color:            white;
  margin-left:      1px;
  font-weight:      bold;
  border: 1px solid #56267d;
  width: 20px;
}

span.off {
  font-family:      verdana, arial, sans-serif;
  font-size:        10pt;
  margin-left:      1px;
  background-color: #e2e2e3;
  color:            #56267d;
:
  border-top:  1px solid #666666;
  padding:        2px 10px 2px 0 ;
}

span.on {
  padding:          2px 2px 2px 2px;
  font-family:      verdana, arial, sans-serif;
  font-size:        10pt;
  background-color: #56267d;
  color:            white;
  margin-left:      1px;
  font-weight:      bold;
  border: 1px solid #56267d;
  width: 20px;
}

span.off {
  font-family:      verdana, arial, sans-serif;
  font-size:        10pt;
  margin-left:      1px;
  background-color: #e2e2e3;
  color:            #56267d;
  width: 20px;
  text-align: center;
}
a.navig, a.navig:link, a.navig:visited, a.navig:active, a.navig:hover {
  font-family:      verdana, arial, sans-serif;
  font-size:        10pt;
  font-weight:      bold;
  text-decoration:  none;
  background-color: #e2e2e3;
  color:            #56267d;
  padding:          2px 2px 2px 2px;
  border: 1px solid #56267d;
}

a.navig:hover {
  background-color: #56267d;
  color:            white;
}


#navlist
{
padding: 3px 6px;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
text-align: right;

}
#navlistbottom
{
padding: 3px 6px;
margin-left: 0;
border-top: 1px solid #778;
font: bold 12px Verdana, sans-serif;
text-align: right;

}

#navlist li, #navlistbottom li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a, #navlistbottom li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
background: #DDE;
text-decoration: none;
}


#navlist li a
{
border-bottom: none;
}

#navlistbottom li a
{
border-top: none;
}


#navlist li a:link, #navlistbottom li a:link { color: #448; }
#navlist li a:visited, #navlistbottom li a:link { color: #667; }

#navlist li a:hover, #navlistbottom li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

#navlistbottom li a#current
{
background: white;
border-top: 1px solid white;
}

.habitatoresleft {
  float: right;
  text-align: center;
}
.habitatoresleft img {
  border: 0;
  margin: 0 3px 3px 0;
}

.habitatoresleft a, .habitatoresleft a:link, .habitatoresleft a:visited, .habitatoresleft a:active, .habitatoresleft a:hover {
  font-size: 18px;
  color: 8a8a8a;
  font-weight: bold;
}


div.phgall {
  float: right;
  width: 180px;
  padding: 4px 0 4px 4px;
}

div.phgall img {
  padding: 2px;
  border: 1px solid #cccccc;
}
div.phgall  p {
  font-weight: bold;
  font-size: 16px;
  margin: 6px 0 0 0;
  color: #444444;
  text-align: center;
  padding: 0;
}

.clear {
clear: both;
}

div.gall {
clear: both;
}

div.gall div {
float: left;
text-align: center;
 margin: 5px 5px 20px 5px;
}

div.gall a, div.gall a:link, div.gall a:active, div.gall a:visited, div.gall a:hover {
  text-decoration: none;

}

div.separator {
  border-bottom:1px solid #6b6d6b;
  padding-bottom: 10px;
}

div.separator a, div.separator a:link, div.separator a:active, 
div.separator a:visited, div.separator a:hover  {
  text-decoration: none;
}