/* CSS For EEUCC */

/* set colors and fonts */
body 
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
    color: #000000;
    background-color: #FFFFFF;
    margin : 2px 3px;
	border-top : 20px;
	border-bottom : 2px;
	border-left : small;
   

}

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

#banner
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: 1px SOLID #FDD900;
}

.clearboth { clear: both; }

#content
{
  position: absolute;
  left: 0px;
  top: 100px;
  z-index: 2;
  background: #ffffff;  /* beige */
  width: 868px;
  border: 1px solid #FDD900;
}

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;
   border-right: 1px solid #FDD900;  /* EEUCC Black */

}


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

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

div#middle
{
  width: 120px;
  text-align: right;
  padding-right: 10px;
  margin: 0px 1px 0px 0px;
  border-right: 1px solid #FDD900;  /* EEUCC Blue */
  }

#middle a
{
  text-decoration: none;
  color: #000000;  /* dark blue */

}

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

}

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

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

div.rightgroup
{
  height: 140px;
}

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

div#west img
{
  float: left;
  margin-bottom: 2px;
  margin-right: 2px;
}

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

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

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

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

div#west 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: 1px 1px 1px 1px;
}

div#footer
{
  background: #FDD900; /* maroon */ 
  color: #ffffff;
  border-top: 3px solid #FDD900; /* blue */
  padding: 2px 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;
}