/*   the outside border */
.container{
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    width: 765px;
	margin: auto;
}

/* center content */

#content{
width: 740px;
margin-left: auto;
margin-right: auto;
} 

/* top gif */
#topper {
margin: 5px 0 5px 0;
}

/* Navigation bars styles  */
.nav td{
text-align: center;
padding: 5px 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.nav a {
font:12px Verdana, Arial, Helvetica, sans-serif; color: #000000;
text-decoration: none;
}
.nav a:hover {
font:12px Verdana, Arial, Helvetica, sans-serif; color: #ff6600;
border-bottom: 1px solid #ff6600;
}
.nav_bar {
font:12px Verdana, Arial, Helvetica, sans-serif; color: #cccccc;
}
.nav_bottom td{
text-align: center;
padding: 5px 0px;
border-top: 1px solid #000000;
}
.nav_bottom a {
font:12px Verdana, Arial, Helvetica, sans-serif; color: #666666;
text-decoration: none;
}
.nav_bottom a:hover {
font:12px Verdana, Arial, Helvetica, sans-serif; color: #ff6600;
border-bottom: 1px solid #ff6600;
}

/*  links & image in popups styles  */
#popnav{
  font:10px Verdana, Arial, Helvetica, sans-serif; color: #000000;
  list-style: none;  
  text-align: left; 
  margin: 0;
  padding: 0;
}
#popnav li{
display: inline;
}
#popnav li a{
text-decoration:none;
}
a.ptext{
font:10px Verdana, Arial, Helvetica, sans-serif; color: #000000;
text-decoration:none;
}
a.ptext:hover{
font:10px Verdana, Arial, Helvetica, sans-serif; color: #ff9900;
text-decoration:underline;
}
.pimage{
    text-align:center;
		margin: 0px 0px 9px 0px;
}
.pdoubleimage{
		margin: 0px 10px 0px 0px;
}

/*   category <next> link*/
a.pagenav{
text-align:right;
font:14px Verdana, Arial, Helvetica, sans-serif; color: #000000;
text-decoration: none;
}
a.pagenav:hover{
text-align:right;
font:14px Verdana, Arial, Helvetica, sans-serif; color: #ff6600;
text-decoration:underline;
}
.backnext{
text-align:right;
font:14px Verdana, Arial, Helvetica, sans-serif; color: #000000;
padding:10px 20px 10px 0;
}
.bold{
font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000000;
}

/*   regular links */
a.contact{color:#ff6600;font: Verdana,Arial,Helvetica,sans-serif;}
a contact:link {color:#ff6600;font: Verdana, Arial, Helvetica, sans-serif;}
a contact:visited {color:#ff6600;font: Verdana, Arial, Helvetica, sans-serif;}
a contact:hover {color:#ff6600;font: Verdana, Arial, Helvetica, sans-serif;}
a contact:active {color:#ff6600;font: Verdana, Arial, Helvetica, sans-serif;}
a img{border:none;}


/*   item descriptions */
p.description{
font: 14px Verdana, Arial, Helvetica, sans-serif;
padding-left:8px;
padding-right:4px;
padding-bottom:10px;
padding-top:10px;
}
.sold{
color:red;
}

/*   odd fraction styling */
.fractop {
font-size: 65%; 
vertical-align: 50%;
}
.fracbot {
font-size: 65%;
}

/*   contact page */
h2{
color:#bbbbbb;
font:bold 22px Verdana, Arial, Helvetica, sans-serif;
}
h3{
font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}
.ctext{
font:13px Verdana, Arial, Helvetica, sans-serif;
}
.ctextred{
font:13px Verdana, Arial, Helvetica, sans-serif;
color:red;
}
.ltext{
padding-left: 5px;
font:13px Verdana, Arial, Helvetica, sans-serif;
}

/*   newspaper copy */
.newstext{
font:13px "Times New Roman", Times, serif;
}
.headline{
font:19px "Times New Roman", Times, serif;
}
.newslogo{
float:right;
margin:0 40px 0 0;
}
.newslogo2{
float:right;
margin:0 10px 0 0;
}

/*  css to move stuff   */
.floatright{
float:right;
margin:0 0px 5px 5px;
}
.floatleft{
float:left;
margin:0 5px 5px 0;
}
.icenter{
display: block;
margin-left: auto;
margin-right: auto;
 }
.center{
text-align:center;
}
.header{
padding-top:8px;
} 

/*** new home page **/

p {
font:13px Verdana, Arial, Helvetica, sans-serif;
}
.welcome{
margin-top: 25px;
margin-right: 20px;
width: 270px;
float: right;
}
.title {
font: bold 25px Verdana, Arial, Helvetica, sans-serif;
color: #bbbbbb;
}

.updated{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:red;
}
.italic{
font:italic 11px Verdana, Arial, Helvetica, sans-serif;
}
.small{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.homenotices td{
text-align: center;
padding: 30px 0 15px 0;
}
.social img {
vertical-align: middle;
padding: 5px;
}
.clear {
clear: both;
}

/*** the slideshow **/
#slideshowcontainer {
float: left;
padding-left: 20px;
margin-top: 40px;
}

#slideshow {
    position:relative;
    height:275px;
    width: 400px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}