/* CSS Document */

/*Body, container and paragraph styles*/
body {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the entire layout IE5-Win kludge */
	background-color:#000;
} 

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 20px;
 	width: 940px;
	background-color:#fff;
	border-right: 1px solid #CDC9A4;
 	border-left: 1px solid #CDC9A4;
	font: normal 11px verdana, arial, helvetica, sans-serif; /* 86% */
	color: #333;
	line-height: 0.5cm;
}

.bodytext { 
 text-align: left;
 padding-left: 1em;
 padding-right: 1em;
 padding-top: 0;
 padding-bottom: 0;
 }

p.alert { 
 color: #f60;
 font-weight: bold;
 padding-left: 20px;
 }
/*ENDS*/

/*headlines and subheads to be used for the browser*/
h1.browser { color: #c93; padding: 0; margin: 0; font: 20px  Times New Roman, Times, Georgia, serif; font-weight: bold;  letter-spacing: 0.15cm }
h2.browser { color: #96AED3; padding: 0; margin: 0; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.05cm } 
h3.browser { color: #069; padding: 0; margin: 0; font: 15px times roman, serif; font-style: oblique; font-weight: bold } 
h4.browser { color: #069; padding: 0; margin: 0; font: 14px times roman, serif; font-variant: small-caps } 

/*links are underlined*/
a:link { color: #666; text-decoration: underline }
a:visited {  color: #333; text-decoration: underline }
a:hover { color: #C93; text-decoration: underline }
a:active { color: #366; text-decoration: underline }

/*links are NOT underlined but hover*/
a:link.plain { color: #f50; text-decoration: none }
a:visited.plain { color: #f50; text-decoration: none }
a:hover.plain { color: #fff; background-color: #f50; text-decoration: none }
a:active.plain { color: #f50; text-decoration: none }

/*general table definition*/
table {
 clear: both;
 margin: 0px auto;
 color: #333;
 text-align: left;
 }
 
td { vertical-align: top }

td.p { padding: 0; margin: 0 }
/*ENDS*/

/*used for the logo in the header portion*/
#header { 
 background-image: url(../images/header_01.gif);
 background-position: center;
 width: 100%;
 background-repeat: no-repeat;
 height: 60px;
 border-top: 6px solid #fff; /*#B6C5BD;*/
 border-bottom: 6px solid #fff;
 }
/*ENDS*/
 
/*navigation*/ 
#navigation ul {
 padding-top: 0.25em;
 padding-bottom: 0.25em;
 padding-left: 0;
 padding-right: 0;
 margin-top: 0;
 margin-left: 0;
 background-color: #EEE9bf;
 border-top: 1px solid #CDC9A4;
 border-bottom: 1px solid #CDC9A4;
 float: left;
 width: 100%;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 11px;
 letter-spacing: 0.03cm;
 }

#navigation ul li { display: inline; }

#navigation ul li a {
 padding: 0.25em 0.55em; /*0.65em puts space between items*/
 text-decoration: none;
 color: #999;
 float: left;
 border-right: 1px solid #fff;
 }

#navigation ul li a:hover {
 background-color: #ECE399; 
 color: #666;
 }
/*ENDS*/ 

/*FOOTER*/ 
#footer {
 clear: both;
 margin: 0;
 padding-top: .2em;
 padding-bottom: .2em;
 padding-left: 0;
 padding-right: 0;
 font-size: 10px;
 color: #330; 
 text-align: center;
 background: #EEE9bf; /*pale mustard*/
 border-top: 1px solid #CDC9A4;
 border-bottom: 1px solid #CDC9A4; 
 } 
/*ENDS*/

/*content*/
td#contentRIGHT {padding: 0; text-align: left;}
 
td#contentRIGHT p {padding: 0; font-size: 12px; line-height: 0.625cm;}

td#contentRIGHT ul {padding: 0; margin: 0; }

td#contentRIGHT h1.stock {color: #c93; padding: 0; margin: 0; font: 20px  Times New Roman, Times, Georgia, serif; font-weight: bold;  letter-spacing: 0.15cm}
td#contentRIGHT h2.stock { color: #B6C5BD; padding: 0; margin: 0; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.05cm} 
td#contentRIGHT h3.stock { color: #069; padding: 0; margin: 0; font: 15px times roman, serif; font-style: oblique; font-weight: bold} 
td#contentRIGHT h4.stock { color: #069; padding: 0; margin: 0; font: 14px times roman, serif; font-variant: small-caps } 

.categories { font-size:11px}

a.categories:link { text-decoration: underline}
a.categories:visited { text-decoration: none}
a.categories:hover { text-decoration: underline}
a.categories:active { text-decoration: none}
/*ENDS*/
 
/*action items*/
input.buttonGO {background-image:url(../images/go.gif)}
/*ENDS*/

/*Gallery thumbnails, photocaption and links*/
table.gallery { 
 border-top: 10px #fff;
 }

td#gallery {
 padding: 0;
 text-align: center;
 font-size: 10px;
 }

.thumbnail {
 width: 130px;
 height: 170px;
 border: 1px solid #ccc;
 margin: 0;
 padding: 0;
 }

.caption {font: 11px, "Times New Roman", Times, serif; font-style: italic}
/*ENDS*/

/*ART PRINTS*/
.artprints { 
 text-align: left;
 font-size: 11px;
 padding-left: 1em;
 padding-right: 1em;
 padding-top: 0;
 padding-bottom: 0;
 line-height: 14px;
 }

.printgallery {
 background-color:#f1eedb;
 text-align:center;
 border-top: 10px #f1eedb;
 }
 
.artprintnav {
 text-align:center;
 font-size: 11px;
 font-weight: bold;
 }
 
h1.location { text-align:center; color: #633; padding-left: 0.5em; margin: 0; font: 20px  Times New Roman, Times, Georgia, serif; font-weight: bold;  letter-spacing: 0.05cm}
h2.artprints { color: #c93; padding-left: 0.75em; padding-right: 0; padding-bottom: 0; padding-top: 0; margin: 0; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.025cm} 
/*ENDS*/

/*image details */
.detail { 
 font: 10 px, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
 text-align: center}
a.detail:link {color: #333; text-decoration: underline}
a.detail:visited {color: #333; text-decoration: underline}
a.detail:hover {color: #903; text-decoration: underline}
a.detail:active {color: #366; text-decoration: underline}
/*ENDS*/

a.filename:link {color: #93AB9E; text-decoration: underline}
a.filename:visited {color: #333; text-decoration: underline}
a.filename:hover {color: #903; text-decoration: underline}
a.filename:active {color: #366; text-decoration: underline}
/*ENDS*/