html {
	margin-bottom: 0.01em;
	min-height: 100%;
}
body { 
        BACKGROUND-COLOR: #ffffff;
    	font-family: Verdana, Arial, Helvetica, Sans-serif; 
    	color: #000; 
    	font-size: 10pt;
}

a:link, a:visited, a:active {
        color: #333333; 
        text-decoration: none;
        text-align: left;

}
a:hover {
        color: #000000;
        TEXT-DECORATION: underline;
        text-align: left;
}

hr {
        color: #DDDDDD; 
        HEIGHT: 1px;
}

/* use in container to debug: border: 3px solid color #FFF; */

#container {
    position: relative;
    margin: auto;
    text-align: left;
    background: #FFF repeat-y center top;
    width: 760px
}
/* Header is first thing in intro. Intro isn't defined */
/* this was a the background for the header */  
/* This is only 40 from the left because the graphic has white to the left for 10px (total 50px) */

#pageHeader {
    position: relative;
	left: 40px;
    text-align: left;
    height: 230px
}

#pageHeader h1 span, #pageHeader h2 span {
    display: none;
}

#topNav {
    position: relative;
    margin: 5px 0px 5px 50px;
    background: #FFF  no-repeat center top;
    height: 26px;
}


/* The preamble is the last div in the intro div which doesn't exist in this CSS. Preamble is positioned somewhat to the right */
/* and it floats over everything else. */
/* It is 445x261    */
/* margin: top right bottom left */

#preamble {
	padding: 10px 20px 6px;
    margin: 5px 10px 10px 225px;
    background: #FFF;
}
#preamble h2 {
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
	font-size: 14pt;
    color: #C00
}
#preamble h3 {
    margin-bottom: 10px;
    height: 32px;
    background: url('h3_preamble.gif') no-repeat left top;
    border-bottom: 1px solid #7D8965
}
#preamble h3 span {
    display: none;
}
#preamble span {
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
    COLOR: #000; 
    font-size: 10pt;
}
#preamble img {
    margin: 0pt 5px 10px 0pt;
    float: left;
    border: 0px;
}

/* End Preamble */

/* itemsforsale is a big block at 530x1264 */

#itemsforsale {
    margin: 5px 10px 10px 225px;
    padding: 0 0 10px 10px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    text-align: center;
    font-color: #C00
}
#itemsforsale h3 span {
    display: none;
}

.itemsforsale_main_table {
    table-layout: fixed;
    width: 500px;
    border-collapse: collapse;
    }

#itemsforsale a:link, a:visited, a:active {
    color: #686883;
    border: 0px;
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
    font-size: 11px;
}
#itemsforsale a:hover {
    color: #000; 
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
    font-size: 11px;
}

#newitemrule {
	margin-left: 50px;
}

#newitems {
	position: relative;
	left: 50px;
    padding-right: 15px;
    text-align: center
}
#newitems img {
	margin: 5px;
	border: 1px solid #333333;
	width: 150px;	
}
#newitems p {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
    font-size: 11px;
}

#footer {
    text-align: center;
    clear: both;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
    height: 166px;  
}

.footerItems{
    COLOR: #333333; TEXT-DECORATION: none;
}
.footerItems:link {
	COLOR: #333333; TEXT-DECORATION: none;
}
.footerItems:visited {
   COLOR: #333333; TEXT-DECORATION: none;
}

/* This is the left column div which probably is vertical list or whatever*/

#linkList {
    position: absolute;
    top: 260px;
    left: 50px;
    width: 150px;
  	margin-bottom: 80px;
}
#linkList hr {
	border-left:0px none; 
	border-right:0px none; 
	border-bottom:0px none; 
	height: 0;
	border-top: 1px solid #999900;
	width: 100%
}

#linkList span {
   	font: 11px Verdana, Arial, Helvetica, Sans-serif; 
	text-align: left;
	color: #303030;
}

a.HOM_subnav_entry:link, a.HOM_subnav_entry:visited {
    font: 11px/19px Verdana, Arial, Helvetica, Sans-serif; 
    font-weight: bold;
	color: #999999;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
    text-align: left;
	display: block;
}
a.HOM_subnav_entry:hover, A.HOM_subnav_entry:active {
    font: 11px/19px Verdana, Arial, Helvetica, Sans-serif; 
    font-weight: bold;
	color: #000000;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
    text-align: left;
	display: block;
}
a.HOM_subnav_selected:link, a.HOM_subnav_selected:visited, a.HOM_subnav_selected:hover, a.HOM_subnav_selected:active {
        font: 11px/19px Verdana, Arial, Helvetica, Sans-serif; 
        font-weight: bold;
	color: #000000;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
    text-align: left;
	display: block;
}