* { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}

body { 	margin: 0;
		height:100%; 
		background-color:#ffc; 
		font-size: 62.5%;  
		min-width:1000px;
		background-image: url(../Basic%20Page%20Items/background.png); 
		}
p, li, td { font-size: medium; 
		    margin-left: 2em; 
		    line-height: 1.2;
  		    }
p		{margin-left:0;}

/* page headings  - image */
/* H1 ->  main page heading - formats an image	*/
h1	{text-align: center;
	 margin: 0;
	 }
/* page title text */
/* H2 ->  page title - page name e.g "Classes", "Membership" */
h2	{ font-size: 2.8em; 
	  font-style: italic; 
	  color: #a7a7a7; 
	  text-align: right;  
	  margin-top: 0.5em;
	  line-height: 1.5em;
	  }
/* page topic intro */
/* H3 ->  page subject heading e.g. "ASP serves the pottery community", "ASP runs classes every day" */
h3	{ font-size: 1.6em;
	  line-height: 1.2; 
	  text-align: center; 
	  color: #c30; 
	  font-weight: bold;
	  }
/* page section head */
/* H4 ->  page section headings e.g. "General Classes",  "Tools" */
h4	{ font-size: 1.8em;
	  font-weight: bold; 
	  color: #fff;
	  background-color: #c30; 
	  text-align: center; 
	  padding-top: 0.4em;
	  padding-bottom: 0.4em;
	  }
/* text section head */ 
/* H5 ->  text section headings e.g. "ASP Domestic Ware award" */
h5	{ font-size: 1.6em;
	  line-height: 1.2;
	  text-align: left;
	  color: #000;
	  font-weight: bold;
	  margin-top: 2em;
	  }		  
img	{ border: 1px solid #000; }

h1#mainhead { width:auto;
			  height: auto;
			  text-align:center;
			  }
h1#mainhead.subpages {text-align:left;}
h1#subhead	{ width: auto; 
			  height: auto; 
			  text-align:center; 
			  }
#services h5 {margin-top:1em;}

address#ASPAddress { font-style:normal; 
					 font-size: small; 
					 color:#808080; 
					 line-height: 1.2; 
					 text-align: center; 
					 vertical-align: baseline; 
					 }
#wrapper 	{ width: 100%; 
			  height: 100%;
/*			  background-image: url(../Basic%20Page%20Items/background.png);
*/			  margin-left: auto; 
			  margin-right: auto; 
			  text-align: left; 
			  border: 0; 
			  }
#leftcol 	{ width: 195px;
			  float: left; 
			  height: 900px; 
			  } 
#rightcol 	{ width: 195px; 
			  float:right; 
			  height:100%; 
			  }
#centrecol	{ width: auto; 
			  min-width: 600px; 
			  margin-left: 210px; 
			  margin-right: 210px; 
			  }
#footer		{ margin-left: auto; 
			  margin-right: auto;
			  position:relative;
			  }
#news		{ margin-top:1em; 
			  margin-bottom: 1em; 
			  margin-left: auto; 
			  margin-right: auto; 
			  width:70%; 
			  min-width:30em; 
			  max-width: 80em; 
			  background-color: #fffdde; 
			  border: 1px dotted #c30; 
			  padding: 0em 2em 0em 2em; 
			  text-align:left;
			  }
.newsHead	{ font-style: italic; 
			  font-size: large; 
			  font-weight: bold; 
			  color: #808080; 
			  }
.newsDate	{ font-style: italic; 
			  font-size: small; 
			  font-weight: normal; 
			  color: #c30; 
			  margin-top: 2em;
			  margin-bottom: 0.5em;
			  }
.newsText	{ font-style: normal; 
			  font-size: medium; 
			  font-weight: normal; 
			  color: #000; 
			  margin-top: 0em;
			  margin-bottom: 0.5em;
			  }
.readMore, .toTop	{ font-style: italic; 
			  font-size: small; 
			  font-weight: normal; 
			  color: #000; 
			  margin-top: -0.5em;
			  }
.toTop		{ text-align: right; 
			  margin-top:0.5em;
			  }

/* basic image box - overridden on particular pages */
.imageBox		{ width:400px; 
				  margin-left:auto; 
				  margin-right:auto; 
				  text-align: center;
				  }		
.imageLeft				{ float:left;}
.imageRight				{ float:right;}
.imageBox.imageLeft 	{ position:relative;}
.imageBox.imageRight	{ position:relative;}
.imageBox.imageCentre 	{ margin-left: auto;
						  margin-right: auto; 
						  }
.imageBox p { font-size:small;} /* captions on images  */

#services 	{ margin-top: 1em; 
			  margin-bottom: 1em; 
			  margin-left: auto; 
			  margin-right: auto; 
			  width: 572px; 
			  min-width: 30em; 
			  max-width: 80em;  
			  border: 1px dotted #c30; 
			  padding: 0em 2em 0em 2em;
			  }
#services li	{ list-style-type: square; 
				  line-height: 1.2; 
				  } 
#centrePics { text-align: center; 
			  margin-left: auto; 
			  margin-right:auto;
			  }
#copyright 	{ width: 100%; 
			  text-align: center; 
			  height: 80px; 
			  vertical-align: middle; 
			  border: 0; 
			  font-size: small; 
			  font-style: italic;
			  }
#copyright a { font-style: italic; 
			    font-size: small;
			    text-decoration: underline;
			    line-height: 2;
			    }
#sidebar 	{ position: relative; 
			  height: auto; 
			  width: 140px; 
			  padding: 0em 1em 2em 1em; 
			  top: 2em; 
			  border: 1px dotted #c30; 
			  text-align: left; 
			  margin-left: auto; 
			  margin-right: auto;
			  }
#sidebar.readMore 	{margin-top: 0;}

#sidebar a { display:block;
			 text-align:center;
			 }
#sidebar img	{margin-top:2em;}

#dateLine	{ font-size: small;
			  font-style: italic;
			  }

.caption	{ font-style: italic; 
			  font-size: small; 
			  font-weight: bold; 
			  color: #808080; 
			  text-align:center;
			  padding-bottom: 1em;
			  border-bottom: 1px solid #808080;
			  }
.sidebarDate	{ font-style: italic; 
				  font-size: small; 
				  font-weight: normal; 
				  color: #c30;
				  }
.sidebarText	{ font-style: normal; 
				  font-size: small; 
				  font-weight: normal; color: #000; 
				  margin-left:1em;}
#sidebar.tutors p	{ font-size: small;
			  text-align:center;
			  }
.subpages img	{ border: 0; }
.tutorsTable	{ width: auto;
				  height: auto; 
				  border-collapse: collapse; 
				  margin-left:auto;
				  margin-right:auto;
				  margin-bottom:3em;
				  }

.tutorsTable td 	{ border: 1px solid #c30;
					  text-align:center;	
					  padding: 1em;
					  vertical-align: top;
					  }
.tutorsTable td h3	{ font-size:medium;}
.tutorsTable td p	{ text-align:left; 
					  font-size: medium; 
					  }
.classesTable	{ width: 100%; height: auto; border-collapse: collapse; }
.classesTable caption { font-size: small; 
						margin-bottom: 1em;
						}
.classesTable td 	{ border: 1px solid #c30; 
					  font-size: small; 
					  padding: 1em;
					  }
.classID		{ vertical-align: middle;
				  width: 1em;
				}
.classDates		{ vertical-align: top; 
				  width: 15em;
				  }
.classDetails	{ vertical-align: top;}
.pageLinks 		{ list-style-type: none;}
.pageLinks li 	{ font-size: small;
				  line-height: 1.2;
				  }
.borderBlackSolid	{ border: 1px solid #000;}
.borderBlackDotted	{ border: 1px dotted #000;}	
.borderRedSolid		{ border: 1px solid #c30;}				  
.borderRedDotted	{ border: 1px dotted #c30;}	

.noBold	{font-weight:normal;}
.centrePanelLeft	{ border-top: 1px solid #000;
				 	  border-bottom: 1px solid #000;
				 	  border-left: 1px solid #000;
				 	  border-right: 0;
				 	  }
.centrePanelCentre	{ border-top: 1px solid #000;
				 	  border-bottom: 1px solid #000;
				 	  border-left: 0;
				 	  border-right: 0;
				 	  }
.centrePanelRight	{ border-top: 1px solid #000;
				 	  border-bottom: 1px solid #000;
				 	  border-left: 0;
				 	  border-right: 1px solid #000;
				 	  }
.colfix 	{ height:1px; 
			  visibility:hidden; 
			  display:block; 
			  font-size: 1px;
			  clear:both;
			  }
/* Internet Banking details panel  */
.IBhdr		{ font-weight: bold; 
			  color: #c30; 
			  margin-bottom: -1em;
			  }
.IBdetail	{ margin-left: 0; }
.IBfooter	{ font-size: small;
			  font-weight: bold;
			  }
/*	form and form field styles	*/
.formBox	{ text-align:left ; 
			  font-size: medium ;
			  padding-left: 2em; 
			  padding-bottom: 2em; 
			  margin-bottom: 2em; 
			  margin-left: auto;
			  margin-right: auto;
			  border: thin ridge #a7a7a7; 
			  width: 400px;
			  }
.formBox p	{font-size: small;}
fieldset	{ margin-top: 1em; }
input	{ border: 1px solid #c30; 
		  margin-bottom: 2px; 
		  }
label	{ display: block; 
		  margin-left: 0em;
		  margin-top: .5em; 
		  margin-bottom: .5em; 
		  width: 20em; 
		  }
legend	{ font-weight: bold; 
		  margin-bottom: -.5em ; 
		  margin-top: 1em; 
		  }
.asterisk	{ font-size: small; 
			  font-weight: normal;
			  color: #c30;
			  }
.button	{ border: 2px outset #a7a7a7;}		
#questions	{ margin-top: .5em; 
			  margin-bottom: 1em;
			  }
/*	end of form styles	*/
.W3C	{ margin-top: -3em; }