/********************************************************/

/*	GLOBAL PAGE SETUP - BODY, FONTS	*/

/********************************************************/

html, body {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
    margin: 0; 
    padding:0;
}	
	
body, h2, h3, h4, h5, h6, table, tr, td, form, code, pre, fieldset, legend, dl, dt, dd {
	margin:0; padding:0; border: none;
	color: #FFCC99;
	}

table, tr, td {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	}

a:link, a:visited, a:active, a:hover {
	color:#fff;	}

hr {
	background-image: url(../../images/hr.gif);
	background-repeat: repeat-x;
	color: #BD97AC;
	background-color: #BD97AC;
	height:	1px;
	}
	
.line {
	width: 95%;
	height: 10px;
	border-top: 1px dashed #fff;
	margin: 20px 0 0 0;}
	
.errortxt, li.errortxt {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #FFCC33;	}
/********************************************************************/
/*	CONTAINER ZONES  												*/
/*  each zone forms the page layout holders
/********************************************************************/

/* TOP BAR - CONTAINER */
#artist {
	display: block;
	width: 100%;
	height: 110px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0 0 1px 0;
	}
/*	#artist:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #artist { height:1px;	}	
*/	
	
/* TOP LEFT LOGO */	
#ceramic {
	float: left;
	width: 25%;
	height: 110px;
	background-color: #fff;
	padding: 0;
	margin: 0;  }
#ceramic img {
	float: right;
	padding: 0;
	margin: 5px 15px 0 0;
	border: none;}
	

/*TOP BAR (DARK) SUE STEWART CERAMIC ARTIST	 */
#potter {
	float: left;
	width: 570px;
	height: 110px;
	background-color: #333;
	padding: 0;
	margin: 0;
	}
#potter img.pottery {
	padding: 14px 0 7px 20px;
	border: none;
	margin: 0; }	

#potter p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	margin: 0;
	width: 500px;
	padding:  0 20px 5px 20px;}	


/****************************************/
/* MIDDLE PAIN - menu left, image right */
/****************************************/

#art {
	width: 100%;
	height: 200px;
	background-color: #C5C4BF;
	margin: 0 0 1px 0;
	padding: 0;	}

#nav {
	float: left;
	width: 25%;
	height: 200px;
	background-image: url(../images/clay.gif);
	background-position: top right;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	border: 0;	}

#nav ul {
	float: right;
	width: 180px;
    color: #FFF;
    margin: 0;
    padding: 15px 0 0 0; }
#nav li {
    list-style-type: none;
	text-align: left;
	padding: 0;
	margin: 0; }	

#nav li a, #nav li a:link, #nav li a:visited {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	line-height: 27px;
	text-decoration: none;	}

/* IMAGE BANNER */
#australia {
	float: right;
	width: 75%;
	padding: 0;
	margin: 0;
	border: 0;
	height: 200px;  	}

#australia img {
	border: 0;
	padding: 0;
	margin: 0;
	border-right: 1px solid #fff;
	width: 570px;	
	height: 200px; 
	}



/****************************************/

/*	CONTENT CONTAINER 					*/

/****************************************/	

#contentblock {
	display: block;
	width: 570px;
	margin: 0 0 0 25%;
/*	background-image: url(../images/art.jpg);
	background-repeat: repeat-x; */
	background-color: #AC653D;	
	padding: 0;
	min-height: 500px;
	height: auto;
	overflow: visible; }

	html>body #contentblock {
	height: auto; }

/* REQUIRED FOR MOZILLA */
	#contentblock:after {
	content: "";
	display: block;
	clear: both; 	}
	* html #contentblock { height: 1px;	}		

	
/* CONTENT IN RIGHT FLOAT */	
#content {
	display: block;
	float: left;
	padding: 10px 15px 10px 20px;
	margin: 0;
	overflow: visible;	
	min-height: 500px;
	height: 800PX;
	}
	html>body #content {
	height: auto;	}
	


/****************************************/

/*	    FONT STYLES  					*/

/****************************************/

#content p	{
	font-family: Verdana, Arial, Tahoma, Helvetica, Arial Narrow, sans-serif;
	font-size: 105%;
	line-height: 125%;
	color: #fff;
	padding: 10px 20px 10px 0;
	margin: 0;
	}	

h1 {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 110%;
	color: #fff;
	padding: 5px 0 0 0;
	margin: 0;
	width: 100%;
	}	
	
h2 {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	padding: 20px 0 0 0;
	width: 100%;
	}	


img.photo {
	float: right;
	display: inline;
	text-align: right;
	padding: 0;
	margin: 15px 0 0 5px;
	clear: both;
	}		
	
.errorhd, .errortxt {
	font-family: Verdana, Arial, Tahoma, Helvetica, Arial Narrow, sans-serif;
	color: #A8005B;
	margin: 0;
	padding: 5px 20px 0 0;}

.errorhd {
	font-weight: bold;}	
	

	

	
/***********************
	FORM STYLES
***********************/

/* USED ON CONTACT FORM */
.dgLabel {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #fff; 
	padding: 15px 0 0 2px;
	padding-right: 20px;
}

.dgRow {
	width: 99%;}


.formFieldMedium {
	width: 310px;
	height: 18px;
	padding: 2px 1px 0px 3px;
	border: 1px solid #E4C1AB;
	margin: 0; }
	html>body .formFieldMedium {
	height: 22px; }
	
		
form.checkbox {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #990000;
	width: 60px;
	height: 22px;
	padding: 1px 0px 1px 1px; }	

form.textarea {
	font-family: Tahoma, Verdana, Arial;
	font-size: 15px;
	color: #990000;
	width: 350px;
	height: 300px;
	padding: 3px 3px 2px 3px;	 
	}
	
form.select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 15px;
	color: #990000;
	padding: 0;	 
	width: 400px;
	}
		
.formFieldSel {
	width: 60px;
	padding: 2px 2px 2px 3px;
	border: 1px solid #E4C1AB;	 }
	
.formFieldSelect {
	width: 310px;
	height: 105px;
	padding: 2px 2px 2px 3px;
	border: 1px solid #E4C1AB;	 }
	
.formFieldSmall {
	width: 60px;
	padding: 2px 2px 2px 3px;
	border: 1px solid #E4C1AB;	 }	

.formFieldxLarge {
	width: 310px;
	height: 130px;
	padding: 2px 2px 2px 3px;
	border: 1px solid #E4C1AB;	 }

	

/****************************************/

/*	    DATABASE ITEMS 					*/

/****************************************/

div.item {
	padding: 10px;
	width: 95%;
	}
div.item:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.item { height:1px; }

	
div.itemhd, a.itemhd, a:link.itemhd, a:visited.itemhd {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC66;
	padding: 0;
	margin: 1px 0 7px 0;
	text-decoration: none; 	}	
	a:hover.itemhd, a:active.itemhd { text-decoration: underline; }

.itemtxt, a.itemtxt, a.itemtxt:link {
	color: #fff;
	margin: 0 0 2px 0;}	
	
.itemtxt2 {
	color: #fff;
	margin: 0 0 2px 0;}		

img.itempic {
	float: left;
	border: 1px solid #fff;
	padding: 1px;
	margin: 0 10px 0 5px;}	
	

div.itemImage {
/*	display: inline;*/
	float: right;
	align: center;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B94649;
	padding: 0 0 10px 10px;	}	
	/* REQUIRED FOR MOZILLA */
	div.itemImage:after {
	content: "";
	display: block;
	clear: both; 	}
	* html div.itemImage { height: 1px;	}		
	
img.itemImage {
	border: 2px solid #fff;
	text-align: center;	
	margin: 10px;
	align: center;}