/* This stylesheet is read first by the web pages.*/

/* This stylesheet contains mostly structural styles, with a few typography styles.  The typography styles in this stylesheet are not ones the client will need to view when updating the site with Contribute.  The styles in this document are more standard-setting/base-setting styles than anything else.  As the old saying goes, "If it ain't broke, don't fix it!"*/

/* ----------------------------------------GLOBAL BODY/BASE-SET STYLES----------------------------------------*/

/* AG background #4B3734; */
/* AG body text #736357;  */
/* AG hover text #C7B299; */
/* AG spry selected #8C6239; */



/* to zero margins -- IMPORTANT -- I took the following out because in contribute they were somehow overriding the typography style sheet styles when only styles from that stylesheet are snown in contribute (ul, ol, li, p, h1, h2, h3, h4, h5, h6, ) -- I added margins to individual stylestypography sheet*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color:#4B3734;
	color:#736357;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/


/* content_main (link tag styles for links, regular, hover, and visited*/
#content a {
	text-decoration: none;
	color:#8C6239;
}
#content a:visited {
	text-decoration: none;
	color: #8C6239;
}
#content a:hover {
	text-decoration: underline;
	color:#C7B299;
}

/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* to set container element for all elements in page, to position body element, and to reset text align to the left to fix IE5 aligning to center due to property above*/

/* wrapper for home page*/
#wrapper {
	margin-top: 40px;
	margin-left: 80px;
	margin-bottom:10px;
	text-align:left;
	width: 900px;
	background-color:#FFF;
}
#sidebar {
	float: left;
	margin: 0;
	width: 265px;
	background-color: #FFFFFF;
}
#sidebar img {
	margin-left:28px;
	margin-top:67px;;
}
/* spry navigation*/
#content_main #TabbedPanels1 .TabbedPanelsContentGroup #artistsintrodiv2 {
	height: 100px;
	width: 100%;
}
#content_main #TabbedPanels1 .TabbedPanelsContentGroup #artistsintrodiv2 #Glass {
	margin-right: 20px;
}
#content_main #TabbedPanels1 .TabbedPanelsContentGroup #artistsintrodiv2 #Jewelry {
	margin-right: 20px;
}
#content_main #TabbedPanels1 .TabbedPanelsContentGroup #artistsintrodiv2 #Painting {
	margin-right: 20px;
}
#content_main #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent #artistsintrodiv #Pottery {
	margin-right: 20px;
}
#content_main #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent #artistsintrodiv #Wood {
	margin-right: 20px;
}
#artistsintrodiv {
	height: 100px;
	width: 100%;
	padding-top: 20px;
}
/*.types-table {padding:10px 2px 20px 2px;border:1px dotted #CCC;}*/
.types-table {width:140px;text-align:center;float:left;padding:10px 2px;margin:0px 3px 24px 3px; border:1px dotted #CCC;}
.artist-table {width:190px;text-align:center;float:left;padding:10px 2px;margin:0px 3px 24px 3px; border:1px dotted #CCC;}
.artist-table p {font-size:12px;color:#555;margin-bottom:6px;}
/*table with backbround color, a table header row, and thin cell borders - set html to padding and spacing of 0*/
table.border {
	border-width: 1px;
	border-spacing: 0px;
	border-style: dotted;
	border-color: #8C6239;
	border-collapse: collapse;	
}
table.border th {
	border-width: 1px;
	padding: 6px;
	border-style: dotted;
	border-color: #8C6239;
	background-color:  #F1ECE5;
	-moz-border-radius: 0px;
	font-size:12px;
}
table.border td {
	border-width: 1px;
	padding: 6px;
	border-style: dotted;
	border-color: #8C6239;
	background-color: #fff;
	-moz-border-radius: 0px;
	font-size:12px;
}
/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 0px;
	float:right;
}

#content_main {
	margin: 0;
	padding:5px 10px;
	width:615px;
	background-color:#FFF;
	min-height:345px;
  	height:auto !important;
	height:345px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8C6239;
	margin-top:2px;
}
#header {
	margin:0px;
	height: 165px;
	padding:0;
	width:635px;
}
#nav {
	height: 50px;
	width: 300px;
	float: left;
	
}
#spacer {
	float: left;
	height: 50px;
	width: 235px;	
}

/* ----------------------------------------GLOBAL HOME AND MODULE FOOTER STYLES----------------------------------------*/


/* for home page footer background*/

#footer {
	padding:10px 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8C6239;
	margin-left:20px;
	width:860px;
	font-size:11px;
}

/* ----------------------------------------GLOBAL CLEAR STYLE----------------------------------------*/

/* to clear elements to left and right of blocks - so images appear with respective headings and paragraphs--might not need the font size and line height*/
.clearit {
	display: block;
	clear: both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}
#footer p {font-size:11px;color:#736357;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:0; }
#footer a {text-decoration:none;color:#736357;}
#footer a:hover {text-decoration:underline;color:#736357}