/* CSS For EEUCC */

/* set colors and fonts */
body 
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
    color: #3b3a36;
    background-color: #C9C0A7;
    margin : 2px 3px;
	scrollbar-3d-light-color: #87cefa;
	scrollbar-arrow-color: White;
	scrollbar-base-color: #828282;
	scrollbar-dark-shadow-color: #828282;
	scrollbar-face-color: #000050;
	scrollbar-highlight-color: #000020;
	scrollbar-shadow-color: #FFFFFF;
	border-top : 20px;
	border-bottom : 4px;
	border-left : small;
   

}

/* div for container - */		
#container	
{
    position: relative;
    text-align: left;
		margin: 0px auto;
		width: 868px;
		/*height: 600px;*/
		background-color: #E4DBBF;
		border: 0px solid #C9C0A7;
		
}	

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

.clearboth { clear: both; }

#content
{
  position: absolute;
  left: 0px;
  top: 141px;
  z-index: 2;
  background: #E4DBBF;  /* beige */
  width: 868px;
  border: 0px solid #C9C0A7;
}

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

p
{
  font-size: .75em;
  margin-bottom: 3px;
  margin-top: 0px;
}

div#east

{
   margin-top: 0px;

}

div#explore
{
  background: #E4DBBF;
  border: 1px solid #8E7A3C;  /* GOLD */
  margin: 0px 15px 15px 15px;
  width: 242px;
}

div#exploreheader
{
  text-align: center;
  font-family: Verdana, serif;
  font-size: 1.3em;
  background: #D5C84A;  /* dark grey */
  color: #FFFFFF;
  width: 242px;
  padding: 1px 0px;
  margin-bottom: 1px;
}

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;
}


div#centercol
{
  width: 260px;
  text-align: right;
  padding-right: 10px;
  margin: 0px 1px 0px 0px;
  border-right: 1px solid #333393;  /* EEUCC Blue */
  }

#centercol a
{
  text-decoration: none;
  color: #333393;  /* dark blue */


}

#centercol a:hover
{
  text-decoration: none;
  color: #7B3131;  /* maroon */


}

div#rightcol
{
  width: 260px;
  margin-top: 0px;
}

div#helpheader
{
  font-family: Verdana, serif;
  font-style: normal;
  font-size: 12pt;
  color: #FFFFFF;
  background: #333393;  /* dark blue */
  padding: 1.5px;
  margin: 0px 0px;
}

div.rightgroup
{
  height: 140px;
}

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

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

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

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

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: 1px;
  margin-bottom: 1px;
}

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

div#footer
{
  background: #485DB0; /* maroon */ 
  color: #ffffff;
  border-top: 3px solid #333394; /* blue */
  padding: 3px 0px;
}

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

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

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