.colleft .slideshow { 
height: 255px; width: 500px; 
margin: 0;
padding: 0;
overflow: hidden; 
}
.colleft .slideshow img { padding: 0px; background-color: #eee; }


#hbooks {
margin: 20px 0 40px 0;
padding: 0;
width: 776px; 
}
#hbooks h2 {
font: normal 20px helvetica, Arial, sans-serif; 
padding: 0;
margin: 0 0 25px 5px;
color: #ccc;
line-height: 28px;
}
#hbooks .hcolleft {
margin: 0 10px 0px 0;
padding: 0px 0 10px 0;
width: 500px;
border-top: 1px dotted #996699;
border-bottom: none;
float: left;
height: 25px;
}
#hbooks .hcolright {
margin: 0 0 0px 0;
padding: 0px 0 10px 0;
width: 255px;
border-top: 1px dotted #996699;
border-bottom: none;
float: right;
height: 25px;
}
.bookgrid {
float: left;
margin: 0 10px 0 10px;
padding: 0;
width: 135px;
}
.bookgrid a img {
border: 1px solid #ddd;
padding: 2px;
background: #fff;
}
.bookgrid a:hover img {
border: 1px solid #996699;
padding: 2px;
background: #fff;
}
.bookgrid p {
font: normal 11px verdana, helvetica, Arial, sans-serif; 
margin: 0 0 0 5px;
padding: 5px 0 0px 0;
line-height: 16px;
}
.bookgrid p a {
font-weight: normal;
}

/*-----------------------------------------------------------------------------------------------------NOTABLE BOOKS*/
.hcolright2 {
margin: 0;
padding: 25px 0 10px 0;
width: 255px;
border-top: 1px dotted #996699;
border-bottom: 1px dotted #996699;
float: right;
}
.hcolright2 p {
margin: 0 0px 0 0;
padding: 0px 0 13px 12px;
color: #ddccdd;
font: bold 12px helvetica, Arial, sans-serif; 
line-height: 16px;
}
#newbookpage #navbookstore a {
color: #fff;
background: #663366;
}
a.booksmall img {
max-height: 180px;
max-width: 170px;
}
a.booksmall2  {
display: inline-block;
width: 100px;
min-height: 120px;
background: #ddd;
color: #fff;
margin: 0 0 0 0px;
padding: 10px;
font: bold 12px helvetica, Arial, sans-serif; 
text-align: left;
}
a.booksmall2:hover  {
display: inline-block;
width: 100px;
min-height: 120px;
background: #ddd;
color: #fff;
margin: 0 0 0 0px;
padding: 10px;
font: bold 12px helvetica, Arial, sans-serif; 
text-align: left;
text-decoration: none;
}
p.subtitle2 span {
font: italic 12px helvetica, Arial, sans-serif; 
padding: 1px 2px 1px 2px;
margin: 0 0 0 5px;
color: #999;
background: #ffff99;
}
.booktitle {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 515px;
}
.bookform {
float: left;
margin: 3px 0px 0 0;
padding: 0px 0 0 0;
width: 200px;
}
.choosecat {
font: normal 11px helvetica, Arial, sans-serif; 
color: #666;
}
.subhead2 {
font: normal 10px helvetica, Arial, sans-serif; 
color: #999;
text-transform: uppercase;
margin: 0 0 10px 9px;
padding: 0;
}
.subhead2 span {
background: #ececec;
padding: 0 2px 0 2px;
margin: 0;
}
h1.bookname {
font: bold 16px helvetica, Arial, sans-serif; 
padding: 0 0 0px 0;
margin: 0 0 5px 10px;
}
.author {
font-style: italic;
font-weight: bold;
color: #333;
margin: 0 5px 0 0;
}
.bookdesc {
font: normal 11px verdana, helvetica, Arial, sans-serif; 
margin: 0 0 0 10px;
padding: 0px 0 0px 0;
line-height: 18px;
}
.bookdesc2 {
font: normal 11px verdana, helvetica, Arial, sans-serif; 
margin: 10px 0 10px 10px;
padding: 0px 0 0px 0;
line-height: 18px;
}
.price {
font: bold 14px helvetica, Arial, sans-serif; 
padding: 10px 0 0px 0;
margin: 0 0 0 10px;
color: #666;
}
.price2 {
font: bold 14px helvetica, Arial, sans-serif; 
padding: 0;
margin: 25px 0 30px 10px;
color: #666;
}
h1.detailtitle {
font: bold 20px helvetica, Arial, sans-serif; 
padding: 0 0 0px 0;
margin: 0 0 20px 10px;
color: #333;
}
.booklarge {
display: block;
width: 180px;
min-height: 200px;
background: #ddd;
color: #fff;
margin: 0 0 0 25px;
padding: 10px;
font: bold 12px helvetica, Arial, sans-serif; 
text-align: left;
}







html {
margin: 0 auto;
padding: 0;
}
body {
margin: 40px auto 0px auto;
padding: 0;
text-align: center;
}
#container {
margin: 0 auto;
width: 776px; 
text-align: left;
padding: 0;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
a {
color: #663366;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #663366;
text-decoration: underline;
}
img {
border: none;
}
/*-----------------------------------------------------------------------------------------------------HEADER*/
#header {
margin: 0 0 0px 0;
padding: 0;
width: 776px; 
}
.navtop li.artnet a:hover {
background: #fff;
}
.navtop a {
color: #888888;
text-decoration: none;
padding: 1px 3px 1px 3px;
margin: 0 5px 0 0px;
font-weight: normal;
}
.navtop a:hover {
color: #fff;
text-decoration: none;
background: #663366;
}
.navtop a.active {
color: #fff;
text-decoration: none;
background: #663366;
}
.navtop {
margin: 0px 0 0px 5px;
padding: 0px 0 0px 0px;
float: left;
font: normal 12px helvetica, Arial, sans-serif; 
}
.navtop li {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0;
}
.ncolleft {
margin: 0 19px 10px 0;
padding: 0px 0 0px 0;
width: 500px;
float: left;
}
.ncolright {
margin: 0 0 10px 0;
padding: 0px 0 0px 5px;
width: 250px;
float: right;
}
.hcolleft {
margin: 0 19px 0 0;
padding: 18px 0 10px 0;
width: 500px;
border-top: 1px dotted #996699;
border-bottom: 1px dotted #996699;
float: left;
}
.hcolright {
margin: 0;
padding: 18px 0 10px 0;
width: 255px;
border-top: 1px dotted #996699;
border-bottom: 1px dotted #996699;
float: right;
}
#gallerypage #navgallery a {
color: #fff;
background: #663366;
}
#aboutpage #navabout a {
color: #fff;
background: #663366;
}
#bookspage #navbooks a {
color: #fff;
background: #663366;
}
#pastpage #navpast a {
color: #fff;
background: #663366;
}
#currentpage #navcurrent a {
color: #fff;
background: #663366;
}
#upcpage #navupc a {
color: #fff;
background: #663366;
}
li#exnolink {
text-transform: uppercase;
color: #ccc;
font: normal 12px helvetica, Arial, sans-serif; 
margin: 0 3px 0 5px;
}
li#infonolink {
text-transform: uppercase;
color: #ccc;
font: normal 12px helvetica, Arial, sans-serif; 
margin: 0 3px 0 50px;
}


/*-----------------------------------------------------------------------------------------------------HOME CONTENT*/
#hcontent {
margin: 20px 0 0 0;
padding: 0;
}
#hcontent .colleft {
margin: 0 19px 0 0;
padding: 0px 0;
width: 500px;
float: left;
}
#hcontent .colright {
margin: 0;
padding: 13px 15px 0 20px;
width: 220px;
float: right;
background: #444;
height: 242px;
}
#hcontent p.featured {
font: bold italic 11px helvetica, Arial, sans-serif; 
padding: 0 0 10px 0;
margin: 0;
color: #eee;
}
#hcontent h1 {
font: normal 20px helvetica, Arial, sans-serif; 
border-top: 1px dotted #777;
border-bottom: 1px dotted #777;
padding: 5px 0 5px 0;
margin: 3px 0 10px 0;
color: #eee;
}
#hcontent p {
font: normal 11px verdana, helvetica, Arial, sans-serif; 
margin: 0;
padding: 0 0 8px 0;
line-height: 18px;
color: #eee;
}
#hcontent a {
color: #ffff99;
}
#hcontent a:hover {
color: #ffff99;
}
/*-----------------------------------------------------------------------------------------------------PAGES*/
#content {
margin: 40px 0 0 0;
padding: 0;
width: 776px; 
}
.section {
margin: 0;
padding: 0;
}
.section .colleft {
margin: 0 19px 0 0;
padding: 20px 0 20px 0;
width: 500px;
float: left;
border-top: 1px dotted #eeddee;
/*min-height: 178px;*/
}
.section .colright {
margin: 0;
padding: 17px 0px 20px 0px;
width: 255px;
float: right;
border-top: 1px dotted #eeddee;
text-align: center;
}
/*.section .colright img {
width: 240px;
height: inherit;
}*/
#top .colleft {
margin: 0px 19px 0 0;
padding: 10px 0 0px 0;
width: 500px;
float: left;
border-top: 1px dotted #eeddee;
height: 50px;
}
#top .colright {
margin: 0;
padding: 10px 0 0px 0;
width: 255px;
float: right;
border-top: 1px dotted #eeddee;
height: 50px;
}
p.subtitle {
font: normal 20px helvetica, Arial, sans-serif; 
padding: 0 0 5px 0;
margin: 0 0 0 10px;
color: #333;
}
p.subtitle2 {
font: normal 20px helvetica, Arial, sans-serif; 
padding: 0 0 5px 0;
margin: 0 0 0 10px;
color: #ccc;
}
p.subhead {
font: bold italic 11px verdana, helvetica, Arial, sans-serif; 
padding: 0 0 5px 0px;
margin: 0 0 0 12px;
color: #333;
}
h1 {
font: bold 20px helvetica, Arial, sans-serif; 
padding: 0 0 5px 0;
margin: 0 0 0 10px;
color: #333;
}
h2, p {
font: normal 11px verdana, helvetica, Arial, sans-serif; 
margin: 0 0 0 10px;
padding: 10px 0 0px 0;
line-height: 20px;
}
.colleftx {
margin: 0 19px 0 0;
padding: 20px 0 20px 0;
width: 500px;
float: left;
min-height: 178px;
}
.colrightx {
margin: 0;
padding: 17px 0px 20px 0px;
width: 255px;
float: right;
text-align: center;

}
a.gallerysmall img {
height: 180px;
width: auto;
}
a.gallerysmall2 img {
max-width: 245px;
}
.detailleft {
margin: 0;
padding: 0;
width: 500px;
float: left;
}
.detailright {
margin: 0;
padding: 0px;
width: 255px;
float: right;
}
.detailright p {
margin: 3px 0 0 18px;
padding: 0px;
}



/*-----------------------------------------------------------------------------------------------------FOOTER*/
#footer {
margin: 20px 0 0px 0;
padding: 0;
width: 776px; 
}
#footer .colright2 a {
color: #333;
font-weight: normal;
}
#footer .hcolleft {
margin: 0 10px 0px 0;
padding: 6px 0 10px 0;
width: 500px;
border-top: 1px dotted #996699;
border-bottom: 1px dotted #996699;
float: left;
height: 96px;
}
#footer .hcolright {
margin: 0 0 0px 0;
padding: 6px 0 10px 0;
width: 255px;
border-top: 1px dotted #996699;
border-bottom: 1px dotted #996699;
float: right;
height: 96px;
}
.hours {
margin: 0 20px 0 0;
padding: 0px 0px 0 0px;
width: 215px;
float: left;
}
.address {
margin: 0;
padding: 0px 0px 0 10px;
width: 215px;
float: left;
}
p.copyright {
color: #666;
font: normal 10px helvetica, Arial, sans-serif; 
padding: 2px 0 0 10px;
margin: 0px 0 10px 0;
line-height: 16px;
}
input {
font: normal 11px helvetica, Arial, sans-serif; 
}
.btn {
vertical-align: bottom;
}
form {
margin: 0;
padding: 0 0 4px 0;
}
.colleft2 {
margin: 0px 19px 10px 0;
padding: 0px 0 0px 0;
width: 500px;
float: left;
}
.colright2 {
margin: 0px 0 10px 0;
padding: 0px 20px 0 0px;
width: 235px;
float: right;
}
#footer .clear {
clear: both;
margin: 0;
padding: 0;
height: 10px;
}