/* the most general rules */
html, body {
  	height: 100%;
	margin:auto; /* Lisbeth Palacios */
	/*background-color:#1199EE;*/
	background-color:#0081CF;
	}

body, body div, body p, body th, 
body td, body li, body dd    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:   small;
    /* intended value for better browsers */
    }

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
    font-size:    small;
    /* be nice to Opera */
    }
body   {
	margin:auto; /* Lisbeth Palacios */
	/*margin: 0px; LISBETH PALACIOS 
	 padding: 0px;*/
/*	background: #E3E059 url("../img/world6.jpg") top right no-repeat; LISBETH PALACIOS*/
	 font-family: Georgia, Garamond, "Palatino Linotype", Times, serif;
	}

#contents p   {
	font-weight: normal;
	margin-bottom: 20px;
	}

img    { 
	display: block;
	border: 0;
	}
#continner  {
	  /*background: #fff url("../img/testtile.jpg") top left repeat-y; LISBETH PALACIOS */
                 margin: 0;
                 padding: 0;
                 width: 770px;
                height:100%;
	min-height:100%;
	
}
 
html>body #continner{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#continnerwide {

/*                 background: #fff url("../img/testtile.jpg") top left repeat-y; LISBETH PALACIOS */
                 margin: 0;
                 padding: 0;
                 width: 970px;
                height:100%;
	min-height:100%;
	
	
           }
html>body #continnerwide{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#continneradmin  {
	  background: #fff;
                 margin: 0;
                 padding: 0;
                 width: 770px;
                height:100%;
	min-height:100%;
	
}
 
html>body #continneradmin{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#pagebody  {
	position: static;
	background-color:#FFFFFF;
/*	background: #fff url("../img/testtile.jpg") top left repeat-y; LISBETH PALACIOS  */
/*	border-top: 4px solid #AEC9D0;
	border-right: 4px solid #AEC9D0;
	border-bottom: 4px solid #AEC9D0;
	border-left: 0;*/
	padding: 0;
	margin:auto;
	/*margin: 0; lp*/
	/*width: 770px; */
	width: 870px;
	}

html>body #pagebody{height:135%;} /*for mozilla as IE treats height as min-height anyway*/
#pagebodywide	{
	width: 970px;
	position: static;
/*	background: #fff url("../img/testtile.jpg") top left repeat-y;  LISBETH PALACIOS*/ 
	border-top: 4px solid #AEC9D0;
	border-right: 4px solid #AEC9D0;
	border-bottom: 4px solid #AEC9D0;
	border-left: 0;
	padding: 0;
	margin: 0;
	height: 100%;
	min-height: 100%;
	}

html>body #pagebodywide{height:100%;} /*for mozilla as IE treats height as min-height anyway*/

#pagebodyadmin  {
	position: static;
	background: #fff;
/*	border-top: 4px solid #AEC9D0;
	border-right: 4px solid #AEC9D0;
	border-bottom: 4px solid #AEC9D0; */
	border-left: 0;
	padding: 0;
	margin: 0;
/*	width: 770px; Lisbeth Palacios*/
	width: 870px;
	
	
	}

html>body #pagebodyadmin{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#leftstaticwide	{
	width: 970px;
/*	background: #fff url("../img/testtile.jpg") top left repeat-y; LISBETH PALACIOS */
	margin: 0:
	padding: 0;
	height: 100%;
	border-top: 12px solid gray;
	min-height: 500px;
	}


html>body #leftstaticwide{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
	}
div.clearer {clear: left; line-height: 0; height: 0; width: 100%;}


#leftstaticadmin   {
	background: #fff;
	margin: 0:
	
	padding: 0;
	width: 770px;
	height: 100%;
	border-top: 12px solid gray;
	min-height: 500px;
	}


html>body #leftstaticadmin{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#contents  {
	/* float: left; */
	width: 70%;
	padding: 0;
	margin-top: -160px;
	margin-bottom: 0px;
	margin-left: 184px;
	margin-right: auto;
	font-weight: bold;
	font-size: 85%;
	}

#contentswide   {
	float: left;
	width: 90%;
	padding: 0;
	margin-top: -150px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: auto;
	font-weight: bold;
	font-size: 85%;
	
	}

#contentsadmin  {
	
	width: 700px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-weight: normal;
	font-size: 85%;
	
	}
.nobold   {
	font-weight: normal;
	}


h1	{
	font-size: 18px;
	margin-bottom: 30px;
	margin-left: 80px;
	margin-right: auto;
	}
 h1#auctionheader{ 
	width: 400px;
	height: 30px;
	position: relative;
	margin:auto;
	}
#auctionheader span {
	/*background: url("../img/auctionheader.gif") no-repeat;*/
	position: absolute;
	margin:auto;
	width: 100%;
	height: 100%;
	}

h2	{
	font-size: 16px;
	background: #C9DFE0;
	margin-bottom: 10px;
	padding: 3px 0;
	text-align: center;
	}
#contents a:visited , a:link{
	color: #3A6
	}
p	{
	text-align: left;
	margin: 0 50px;
	line-height: 1.5;
	}
p.center{
	text-align:center;
	font-size: 100%;
	}
/* footer stylings */

#footmenu     {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	
	/*background: #000 url("../img/footer.jpg") no-repeat top left;
	border-top: 1px solid #806C37;

	border-bottom: 1px solid #E9D39F;*/
	
/*	width: 770px; Lisbeth Palacios*/
	width: 870px;
	height: 20px;
	text-align: center;	
	}
#footmenuwide     {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	
/*	background: #000 url("../img/footer.jpg") no-repeat top left;
	border-top: 1px solid #806C37;

	border-bottom: 1px solid #E9D39F;*/
	
	width: 970px;
	height: 20px;
	text-align: center;	
	}
 #footmenu ul, #footmenuwide ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: right;
	}
#footmenu ul li, #footmenuwide ul li{
	display: block;
	float: right;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#footmenu ul li a, #footmenuwide ul li a{
	background: transparent;
	width: 50px;
	border: 0;
	padding: 0;
	margin: 0;
	color:#000099;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5em;
	font-size:.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#footmenu ul li.wider a, #footmenuwide ul li.wider a  {
	width: 130px;
	text-align: center;
	}


#footer     {
	background:#FFFFFF;
/*	width: 770px; Lisbeth Palacios */
	width: 870px;
	text-align: center;
	color: #1199EE;
	
	line-height: 1.8em;
	font-size: 85%;
	padding-bottom: 10px;
	margin: auto;
	clear: both;
	}
#footerwide     {
	
	background: #6C949E;
	width: 970px;
	text-align: center;
	color: #1199EE;
	
	line-height: 1.8em;
	font-size: 85%;
	padding-bottom: 10px;
	margin: 0;
	clear: both;
	}
#footer a, #footerwide a	{
	color: 1199EE;
	font-weight: bold;
	text-decoration: none;
	}

#footer a:link, a:visited{
	color: #1199EE;
	
	}
#footerwide a:link, a:visited{
	color: #1199EE;
	
	}
#footer a:hover{
	color: #1199EE;
	}
#footerwide a:hover{
	color: #1199EE;
	}
/* end footer styling */

/*  menu styling */


#menu {
	margin: auto;
	padding: 0;
	border: 0;
	height: 38px;
	/*width: 770px; Lisbeth Palacios */
	width: 870px;
	background:#FFFFFF;
	
	}

#menu a:visited {
	color: #466C79;
	}


#menu a:hover {
	text-decoration: underline;
	color: #F86710;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

  

#menu ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}


#menu ul li a{
	
	background: transparent;
	width: 70px;
	border: 0;
	padding: 0;
	margin: 20px 0 0 0;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5em;
	font-size:.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#menu ul li#four a  {
	width: 120px;
	}
#menu ul li#five a  {
	width: 150px;
	}

#menu ul li#six a  {
	width: 170px;
	text-align: right;
	color: blue;
	}
#menu ul li#seven a  {
	width: 90px;
	text-align: right;
	color: green;
	}
#loggedin{
	text-align: left; 
	font-size: 85%; 
	color:#849396; 
	font-weight:normal; 
	padding-left:10px; 
	font-family: sans-serif;
}

/* sidemenu  */


#sidemenu {
	background: transparent;
	margin:80px 0 0 0;
	border:0;
	float: left;
	width: 161px;
	}
 
#sidemenu  ul {
	/*background:#ccc url("../img/gradient.jpg") bottom left repeat-x; LISBETH PALACIOS */
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 0;
	border-left: 0;
	height: 400px;
	list-style: none;
	margin: 0;
	padding: 0;
	}



#sidemenu img  {
	padding-bottom: 20px;
	}	
	
	

#sidemenu li a {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-size: 85%;
	}	
	
#sidemenu li a:link, #sidemenu li a:visited {
	color: #54676B;
	text-decoration: none;
	display: block;
	background: url("../img/menu1.gif");
	padding: 4px 0 0 2px;
	}
	
#sidemenu li a:hover {
	color: #D9ECF0;
	text-decoration: none;
	background: url("../img/menu1.gif") 0 -24px;
	padding: 4px 0 0 2px;
	}
	
#sidemenu li a:active  {
	color: #D9ECF0;
	text-decoration: none;
	background: url("../img/menu1.gif") 0 -48px;
	padding: 4px 0 0 2px;
	}
	
/* sidemenu2 is for pages that are too long to have the gradient work on the bottom */

#sidemenu2 {
	background: transparent;
	margin:100px 0 0 0;
	border:0;
	float: left;
	width: 161px;
	}
/* made the padding bottom 100px to balance out the look of this box */ 
/* bug mar24 the text is too big in sidemenu2 for some reason not reading css in mozilla*/
#sidemenu2  ul {
	background:#ccc;
/*	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;*/
	border-left: 0;
	list-style: none;
	margin: 0;
	padding: 0 0 100px 0;
	}



#sidemenu2 img  {
	padding-bottom: 20px;
	}	
	
	}

#sidemenu2 li a {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-size: 85%;
	}	
	
#sidemenu2 li a:link, #sidemenu2 li a:visited {
	color: #54676B;
	display: block;
	text-decoration: none;
	/*background: url("../img/menu1.gif"); LISBETH PALACIOS */
	padding: 4px 0 0 2px;
	}
	
#sidemenu2 li a:hover {
	color: #D9ECF0;
	text-decoration: none;
	background: url("../img/menu1.gif") 0 -24px;
	padding: 4px 0 0 2px;
	}
	
#sidemenu2 li a:active  {
	color: #D9ECF0;
	text-decoration: none;
	background: url("../img/menu1.gif") 0 -48px;
	padding: 4px 0 0 2px;
	}
	/* Nick's little additions: carried over from previous style sheet: can be edited without remorse! */

#message{
	color:red;
	display:block;
	text-align:center;
}

#breadcrumb{
	font-size: 80%;
	background-color: #FCFAFF;
	margin-bottom: 5px;
}

#breadcrumb.a:hover{
	opacity: 0.5;
}

.border{
/*	border: 1px solid black; */
}
	
.center{
	text-align: center;
}

.error{
	background-color:blue;
}

.left{
	text-align:left;
}

.right{
	text-align: right;
}

.winning{
	/*font-weight: bold;*/
	color: green;
}

.losing{
	font-weight: normal;
	color: red;
}

.name{
	width: 200px;
}
table	{
	border: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}
table.items{
	background-color: #e0f3f7;
	border: 1px gray solid;
}

td{
	padding: 6px 6px 6px 6px;
	font-size: 80%;
}

td.border{
	padding: 6px 6px 6px 6px;
	font-size: 80%;
	border: 1px black solid;
	}
tr	{
	font-weight: normal;
	font-size: 80%;
	}
tr.border{
		border: 1px black solid;
	}
	
th{
	background-color: #f7f6c9;
	text-align: center;
	font-family: Verdana, Helvetica, "MS Sans Serif";
	font-size: 80%;
	padding: 6px 6px 6px 6px;
	border: 1px black solid;
	margin-bottom: 5px;
}

h3	{
	text-align: center;
	margin-bottom: 10px;
	text-decoration: underline;
	font-size: 18px;
	}

ol	{
	font-weight: normal;
	}

