/* CSS Document */

/* Pottering About™ - pottering_about.css  =============================================== */
/* Copyright A&G Creative 2005  =============================================== */
/* Author A&G Creative  =============================================== */

/* QUICK COLOUR REFERENCE  =============================================== */
/* PA Dark Purple #20175F */
/* PA Light Purple #6F6A9A */
/* PA Lightest Purple #C4BFD7 */

/* Generic Selectors  =============================================== */

* {
	padding:0;
	margin:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #20175F;
	vertical-align: bottom;
	background: #C4BFD7 url(../images/bg.gif) repeat;
}
h1 { 
	color: #20175F;
	font-size: 18px;
	margin-bottom: 40px;
}
h2 {
	color: #20175F;
	font-size: 14px;
	font-style: normal;
	margin-bottom: 15px;
}	
h3 {
	margin-bottom: 15px;
}		
a {
	color: #6F6A9A;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin-bottom: 15px;
	text-align: justify;
}	
img {
	border: 0;
}		

/* Classes =============================================== */

.smallcopy {
	font-size: 10px;
	line-height: 11px;
}
.FloatRight {
	float: right;
	clear: inherit;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}
.floatleft {
	margin-right: 5px;
	float: left;
}	
			
/* Begin Page Layout  =============================================== */


#divContainer {
	background: #FFFFFF;
	padding: 10px;
	width: 800px;
	margin: 50px auto 0px auto;
	border: 1px solid #20175F;
}
#divHeader {
	height: 100px;
	background: #C4BFD7 url(../images/header_bg.jpg) no-repeat right;
}

/* Top Navigation Layout  =============================================== */

#divTopNav {
	font-size: 11px;
	color: #20175F;
	background: #C4BFD7;
	padding: 4px 0;
	text-align: right;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
#ulMainNav a {
	color: #20175F;
	font-weight: bold;
	text-decoration: none;
}
#ulMainNav a:hover, #ulMainNav a.current {
	color: #FFFFFF;
	text-decoration: underline;
}		
#ulMainNav ul {
	color: #FFFFFF;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 
#ulMainNav li {
	margin-left: 0;
	padding: 0 8px;
	border-left: 1px solid #FFF;
	list-style: none;
	display: inline;
}			
#ulMainNav li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	padding-right: 8px;
}
/* Left Navigation Layout  =============================================== */

#divLeft {
	float: left;
	width: 130px;
	background: #C4BFD7;
	text-align: center;
}
#divLeft img {
	margin-bottom: 5px;
}	
#divRight {
	float: right;
	width: 180px;
	margin: 10px 0 0 0;
}
#divMain {
	margin: 10px 0 0 0;
	padding: 0 0 10px 10px;
	border-left: #C4BFD7 130px solid;
}
#divMain a, #divMain a:hover {
	font-weight: bold;
}
#divMain ul, #divMain ol {
	margin: 0 0 15px 35px;
}
#divMain li {
	margin-bottom: 10px;
}	
.clearer {
	font-size: 0;
	line-height: 0;
	clear: both;
}		
#divLeftNav {
	font-size: 10px;
	width: 130px;
	text-align: center;
	margin-bottom: 10px;
}
#divLeftNav a {
	color: #20175F;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	display: block;
}
#divLeftNav a:hover, #divLeftNav a.current {
	color: #FFFFFF;
	display: block;
	padding: 5px 0px 5px 0px;
	background: #6F6A9A;
}
#divLeftNav li {
	display: block;
	list-style-type: none;
	border-bottom: 1px solid #FFFFFF;
	width: 130px;
}
#maincell p {
	margin-bottom: 10px;
	text-align: justify;
	width: 410px;
}	
#divFooter {
	font-size: 9px;
	margin-top: 20px;
	width: 820px;
	margin: 10px auto 0px auto;
}
#divFooter p {
	text-align: center;
}	
#divFooter p {
	margin-bottom: 5px;
}
	
/* Additional Page Layout  =============================================== */

#tblProduct {
	width: 99%;
	margin-bottom: 20px;
}
#tblProduct td {
	padding: 4px 2px;
	border-bottom: 1px dashed #999999;
}
#tblProduct a {
	font-size: 9px;
}
#tblProduct a:hover {
	font-size: 9px;
}		
#gallerytable td {
	padding: 5px;
}
#tblContactContainer {
	margin-bottom: 15px;
}	
#tblContact{
	font-size: 10px;
	color: #FFFFFF;
}	
#tblContact td {
	padding: 2px 2px 4px 2px
}
#tblEvents {
	width: 100%;
	font-size: 10px;
	margin-bottom: 15px;
	border-left: 1px dotted #999999;
}
#tblEvents th {
	color: #FFFFFF;
	padding: 5px 2px;
	background-color: #666699;
	text-align: left;
	border-right: 1px dotted #999999;
	border-top: 1px dotted #999999;
}	
#tblEvents td {
	padding: 4px 2px;
	border-right:  #999999 1px dotted;
	border-bottom:  #999999 1px dotted;
}	
#tblEvents .class {
	border-right: 0;
}		
#tblEvents .odd {
	background-color: #ECEAF2;
}

#divScript {
	text-align: center;
}
#divScript table, divScript td, divScript p {
	padding: 0px;
	margin-bottom: 15px;
}
#tblPotteryByPost {
	margin-bottom: 15px;
}
#tblPotteryByPost td {	
	padding-bottom: 5px;
}		
#tblGallery {
	width: 100%;
	margin-bottom: 15px;
}
#tblGallery td {
	padding-bottom: 5px;
}	
#tblPackages {
	width: 99%;
}
#tblPackages td.class {
	background-color: #DEDCE9;
	padding: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	border: 1px solid #20175F;
	width: 48%;
}	
#imgInviteDownload {
	padding: 0 0 50px 20px;
}
#tblPackages img {
	float: right;
	margin: 0;
}