/* CSS Document */

/* zero out all margins and padding */
* { margin: 0; padding: 0}

/* set base colors and fonts */
body 
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
    color: #3b3a36;
    background-color: #908259;
}

/* div for container - holds banner and both nav and content */		
#container	
{
    position: relative;
    text-align: left;
		margin: 20px auto;
		width: 868px;
		/*height: 600px;*/
		background-color: #e4dbbf;
		border: 1px solid #3b3a36;
}	

#banner
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: none;
}

#nav {
  position: relative;
  float: left;
  width: 868px;
  background: url(images/menu.jpg) top left repeat-x;
  text-align: center;
  z-index: 3;
}

#innernav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 868px;
}

#innernav a {
	display: block;
	height: 35px;
  background: transparent;
  font-family: georgia, times, serif;
	color: white;
	background: url(images/menu.jpg) top left repeat-x;
	border-right: 1px solid #743235; /* maroon */
	border-left: 1px solid #743235; /* maroon */
	text-align: center;
	line-height: 33px;
	font-size: .7em;
	text-decoration: none;
}

#innernav li ul li a
{
  height: 25px;
  line-height: 25px;
}

#innernav li ul li
{
	border-top: 1px solid #ffffff;
}

#innernav li {
	float: left;
	width: 124px;
}

#innernav a:hover {
  color: #79b1b9; /* blue */
}


#innernav li.selected a {
  color: #79b1b9; /* blue */
}

#innernav ul li.selected ul li a {
  color: #79b1b9; /* blue */
}

#innernav ul li.selected ul li.selected a {
  color: #79b1b9; /* blue */
}

#innernav ul li.selected ul li a:hover {
  color: #79b1b9; /* blue */
}


#innernav li ul {
	position: absolute;
	width: 124px;
	left: -999em;
}

#innernav li:hover ul {
	left: auto;
}

#innernav li.menuhover ul {
  position: relative;
	left: 0;
}

#innernav li:hover ul, #innernav li.hover ul {
    position: static;
}

.clearboth { clear: both; }

table#hometable tr td
{
  vertical-align: top;
}


#content
{
  position: absolute;
  left: -1px;
  top: 176px;
  z-index: 2;
  background: #e4dbbf;  /* beige */
  width: 868px;
  border: 1px solid #3b3a36;
}

h4
{
  font-family: georgia, serif;
  font-size: 1.1em;
  margin: 0px 0px 3px 0px;
}

p
{
  font-size: .75em;
  margin-bottom: 15px;
}

div#leftcol
{

}

div#explore
{
  background: #ffffff;
  border: 1px solid #3b3a36;  /* dark grey */
  margin: 15px 15px 15px 15px;
  width: 242px;
}

div#exploreheader
{
  text-align: center;
  font-family: georgia, serif;
  font-size: 1.7em;
  background: #3b3a36;  /* dark grey */
  color: #ffffff;
  width: 242px;
  padding: 5px 0px;
  margin-bottom: 5px;
}

div#exploreheader span
{
  font-size: .65em;
}

div#explore img
{
  border: none;
  margin: 2px 0px 2px 10px;
}

input#searchin
{
  margin-top: 3px;
  margin-left: 65px;
}

input#searchgo
{
  margin-bottom: -7px;
}

p.search
{
  font-size: .7em;
  padding-top: 3px;
  margin-left: 90px;
  margin-bottom: 0px;
}

p.face
{
  font-size: .7em;
  padding-top: 5px;
  text-align: center;
}

p.face a
{
  color: #3b3a36;  /* dark grey */
  text-decoration: none;
}

p.face img
{
  border: none;
  padding: 3px;
}

div#centercol
{
  width: 260px;
  text-align: right;
  padding-right: 15px;
  margin: 15px 15px 0px 0px;
  border-right: 1px solid #3b3a36;  /* dark grey */
}

div#centercol p a
{
  text-decoration: none;
  color: #3f7f88; /* darker blue */
}

div#centercol p a:hover
{
  text-decoration: underline;
  color: #3f7f88; /* darker blue */
}

div#rightcol
{
  width: 260px;
}

div#helpheader
{
  font-family: georgia, serif;
  font-style: italic;
  font-size: 1.1em;
  color: #ffffff;
  background: #3b3a36;  /* dark grey */
  padding: 5px;
  margin: 12px 0px;
}

div.rightgroup
{
  height: 130px;
}

div.rightgroup a
{
  text-decoration: none;
}

div#rightcol img
{
  float: left;
  margin-bottom: 8px;
  margin-right: 10px;
}

div#rightcol div p
{
  margin-bottom: 30px;
}

div#rightcol h4
{
  margin-top: 5px;
  margin-bottom: 5px;
}

div#rightcol img.red
{
  border: 3px solid #743235; /* maroon */
}

div#rightcol img.green
{
  border: 3px solid #587e50; /* green */
}

div#rightcol img.blue
{
  border: 3px solid #79b1b9; /* blue */
}

div.red p, h4.red
{
  color: #743235; /* maroon */ 
}

div.green p, h4.green
{
  color: #587e50; /* green */ 
}

div.blue p, h4.blue
{
  color: #3f7f88; /* darker blue */ 
}

table tr.logos td p.first
{
  margin-top: 5px;
  margin-bottom: 5px;
}

table tr.logos td img
{
  border: 1px solid #3b3a36;  /* dark grey */
  margin: 5px 8px 0px 8px;
}

div#footer
{
  background: #743235; /* maroon */ 
  color: #ffffff;
  border-top: 5px solid #79b1b9; /* blue */
  padding: 10px 0px;
}

div#footer p
{
  text-align: right;
  padding: 0px 10px 3px 0px;
  margin: 0px;
  font-size: .6em;
}

div#footer p a
{
  text-decoration: none;
  color: #79b1b9; /* blue */
}

div#footer p a:hover
{
  color: #ffffff;
}