html {
 /* margin-bottom: 1px;*/
  overflow-y: scroll;
  height: 100%;     
}


body {
  font-size: 62.5%;   /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif; 
  background: #FFFFFF url('../img/red_bullet.jpg') no-repeat;
  background-position: 20px 20px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

a, a:link, a:visited, a:hover {
  color: #9A8F89; /*66635F;*/
  text-decoration: none;
}

a:hover { color: #75726D; }

#wrap {
  width: 1000px;
  height: 900px;
}

#leftCol { 
  position: relative;
  margin: 40px 10px 0 30px;
  width: 400px; 
}



#rightCol { 
  margin: 0px;
  position: absolute;
  left: 500px; 
  width: 400px; 
  top: 390px;  
}

#header { 
  font-weight: bold;
  margin-bottom: 10px;
 }

#box { 
  border:dashed 1px #FFF; 
  padding: 5px;
  margin-top: 15px;
  margin-bottom: 20px;
}

/*--------Top Navigation Items-------*/
#supernav {
  position: absolute;
  top: 25px;
  left: 475px;
  width: 500px; 
display: block;

padding: 10px;  

  border: 1px solid #FFF;

/*  background-color: green; */
/*  border: 1px dashed #000; */
}

#supernav a img{ 
  border: none;
}

#supernav img {
  margin-left: 32px; 
}



/*---------------------------------*/



#foot {
  position: absolute;
/*  background: url('../img/black/copyright.gif') no-repeat; */
/*  background: #FFF url('../img/new_background.jpg') no-repeat; */
        
  display: block;
/*  margin: 40px 0 10px 0;  */
  margin-top: 250px;
 margin-left: 350px;
}


input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	background: #EFEFEF;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #F7F7F7;
	color: #333;
	border: 1px #ccc solid;	
	}