html {
  height: 100%;
  background-attachment: fixed;
  background-position: left top;
  width: 100%;
 background: #6CA1C7; 
}
body {
  border:  none;
  background-color: transparent;
  margin-left: auto;
  width: 100%;
  font-family:Helvetica;
  height: 100%;
  font-size: 14px;
  opacity: 0.887;
  color: #666666;
}
a {
 color: #996600;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
   color: #333333;
}
.topMenu
{
text-align: right;
margin: auto;
width: 700px;
height: 70px;
 background-image: url(../images/auc_logo.png);
 background-repeat: no-repeat;
}
.topMenu a 
{
color: wheat;
}
.topMenu :hover {
	color: #33FFFF;
	
}
h1 {
  color: #880000;
  font-family:serif;
  font-size: 12px;
  text-transform: uppercase;
}
h2 {
color: #880000;
  font-family:serif;
  font-size: 18px;
  text-transform: uppercase;
  padding: 2px;
  text-align: center;
}
h3 {
  text-transform: uppercase;
  font-size: 15px;
  font-family:serif;
  color: #880000;
}
l3 {
  
  font-family:serif;
  color: #880000;
}
#text3 {
  
  font-size: 13px;
  font-family:Helvetica;
  color: #880000;
}
#menu
{
color: #9E0B21;
text-align: center;
font-size: 14px;
}
#content { 
 
  width: 1100px;
   height: 100%;
   margin:auto;  
}
#page {
width: 100%;
  margin: 0 auto;
  background: #fff;
height: 97%;
overflow-x: scroll;
}

#columnRight {
  float: left;
  width: 300px;
  height: 99%;
  padding: 5px 5px 5px 5px;
  color: #333;
  background-color: #F0F0F0;
}
#columnRightInner {
  float: left;
  width: 292px;
  height: 100%;
  padding: 0px 4px 0px 4px;
  background-color: #fff;
}
#columnLeft {
	 float: right;
  width: 770px;
	text-align: justify;
  color: #000;
  padding: 10px;   
  	-moz-box-shadow:inset 0px 0 10px 0px #888;
	-webkit-box-shadow:inset 0px 0 10px 0px #888;
	-khtml-box-shadow:inset 0px 0 10px 0px #888;
	box-shadow:inset 0px 0 10px 0px #888;
	behavior: url(/pie/PIE.htc);
	behavior: url(ie-css3.htc);
	background: #fff;
	height: 80%;
 /* margin-top: 7%;*/
 
 
  /* bring your own prefixes */
  transform: translate(0%, 10%);

	
}
#footer
{
color: #fff;
width: 100%;
text-align: center;
padding-top: 3px;
}
.fb
{
position: relative;
height: 30px;
background-image: url(../images/facebook-active.png);
width: 30px;
float: right;
}
.fb a:hover{
	background-image: url(../images/facebook.png);
}
#text1 {
  width: 300px;
  float: left;
}
#text2 {
  width: 300px;
  float: right;  
}
#clear {
  clear: both;
}
#pRight {
  float: right;
  width: 180px;
  padding: 4px 0px 4px 4px;
}
#pLeft {
  float: left;
  width: 180px;  
  padding: 4px 4px 4px 0px;
}
#pIndex {
	padding: 4px;
  float: right;
  width: 190px;
  height: 230px;
  margin: 25px;
  background-color: beige;
}
#pIndex img {
  background-color: bisque;
  width: 190px;
}