body {
	padding-left: 180px;
	padding-top: 125px;
	padding-right: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-type: square;
	line-height: normal;
 	background-color: white;
	overflow:auto
	}

a:link {text-decoration: none; color: #700052}
a:visited {text-decoration: none;color: #700052}
a:active {text-decoration: none;color: #700052}
a:hover {text-decoration: none; color: #cccc00;}
a.linkopacity img {
}
a.linkopacity:hover img {
	filter:Glow(Color=cccc00, Strength=4);
	opacity: 1.0;
}

p {/*your basic paragraph formatting */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#000000;
	text-transform: none;
	text-align: left;
	line-height: normal;
	}

blockquote {/*your basic block quote formatting */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: normal;
	font-style: italic;
	}


h1 {
	/*h1 is generally used for class and workshop headings*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-indent: 4px;
	text-align: left;
	font-style:normal;
	background-color: #700052;
	line-height: 20px;
}
	
div h1 a:link {color: #cccc00}
div h1 a:visited {color: #cccc00}
div h1 a:active {color: #cccc00}
div h1 a:hover {color: #ffffff}


h2 {/*h2 is generally used for section headings*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	color: #700052;
	}

h3 {/*h3 is generally used for subsection headings including the cell headings for classes and workshop information tables */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #700052;
	}

h4 {/*h4 is often used for subtitles */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	}

h5 {/* format for happenings in the clay community, calendar listings, and picture titles */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}

h6 {/*h6 is generally used for the PNW address etc on the main navigation column and occasionnaly when I want to right align small text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border-bottom: solid thin #cccc00;
	padding-bottom: 20px;
	}

li {/* I've basically un-indented the bullet points, but  I still want the text to line up on the left below the bullet*/
	margin-left:-25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: square;
	}
	
div.main { /* this defines the formatting for the content section of the page */
	position:absolute;
	width:auto;
	height:auto;
	top:135px;/* to place this section below the page banner*/
	right:auto;
	bottom:auto;
	left:189px;/* to place this section to the right of the site navigation column*/
	border:0; 
	text-align: left; 
	padding-right: 10px; /* so the text doesn't run all the way to the edge of the page*/
	}

div.Main { /* formatting for main section of home page */
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	bottom: auto;
	padding-top: 5px;
	}

div.Main p{
	font-size: 12px;
	text-align: left;
	color: #00000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 200px;
	}


div.Main h1{ width: 100%; padding-right: 20px;}
div.Main blockquote{width:75%;}

div.Coming-Up {
	font-size: 12px;
	font-weight:bold;
	color: #700052;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	bottom: 20px;
	opacity: 0.60; 
	filter:alpha(opacity=60);
	position:fixed;
	line-height: 2em;}

div.Mark-Calendar {
	}
	
	
div.Mark {
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
body>div.Mark {padding-right:400px;}

div.Mark p{
	text-align: right; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

div.Happenings {
	padding: 1em;
	border: #cccc00 1px solid;
	width: 150px;
	}

div.Happenings #Q13-720{ 
/* -- this formats the instructor bio that pops up when you mouse over the instructor's name -- */
/* -- need a unique "#name" for each instructor -- */
	font-size: 10px;
	text-align: left; 
	color: #000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;
	border: thin solid #cccc00;
	position:absolute; 
	right: 100px; 
	width:300px; 
	height:450px;
	background-color: #ffffff; 
	font-style: normal;
	visibility:hidden; line-height:normal;
	}

div.logoBar  {
	position:fixed;
	width:100%;
	height:123px;
	top:0;
	right:0;
	bottom:auto;
	left:0;
	border:0; 
	background: url(Graphics/BannerBack125.png); 
	text-align: left; 
	overflow: hidden
	}
div.logoBar a:hover {text-decoration: none; color: #ffffff; font-weight:bold;}

div.SiteNav {
	position:fixed;
	width:160px;
	height: 100%;
	top:125px;
	right:auto;
	bottom:50px;
	left:0;
	border:0; 
	display:block; 
	text-align:right; 
	background: url(Photos/Background-Nav.png); 
	overflow:hide;
	}
	
div.pnw { /* PNW address etc. */
	width:160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.0ems;
	color: #000000;
	/*bottom: 1em;
	left: 1em;*/
	text-align:right;
	}

/*
div.rightSide{position:fixed;width:150px;height:80%;top:135px;right:10px;bottom:auto;left:auto;border:thin solid #cccc00; text-align: left; padding:10px; overflow:auto} 
*/


div.pmark{
	text-align: right; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
div.pinned {
	margin: 0;
	padding: 5px;
	font-size: 8px;
	font-weight: normal;
	line-height: 1;
	text-align: left;
	position: fixed;
	top: 150px;
	bottom: auto;
	left: auto;
	width: 150px;
	right: 2em;
	border: thin solid #cccc00;
	background: #ffffff; 
	opacity:0.9;
	filter: alpha(opacity=90);
	}

div.pinned p {
	color: #700052;
	line-height: normal;
	text-align: left;
	font-size:10px;
	}
div.pinned a, div.pinned em { display: block; margin: 0 0.5em }
div.pinned em {
}
div.pinned h3 {font-size: 120%; line-height:1em;}
div.pinned h6 {font-weight: normal; line-height: 1; text-align: left}
div.pinned li {
	margin-left:-20;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	list-style:square
}
div.pinned ol {
	margin-left:-20;
	font-weight: normal;
	line-height: 6px;
	text-align: left;
	list-style:square;
	font-size:9px;
	text-align:right;
}
div.pinned a:link { text-decoration: none; color: #700052 }
div.pinned a:visited {
	text-decoration: none;
	color: #700052;
}
div.pinned a:hover { background: none; color: #cccc00 }
div.pinned #feedback, #register, #regform, #fees, #cancel, #practice, #responsibilities, #photography, #soda, #raku, #cut, #oh, #human, #feast, #welcome, #terra, #saggar, #ikebana, #introducing, #altered, #begintermediate-day, #begintermediate, #multiples, #welcome-sat, #architecture, #glasses{
	/* -- this formats the pinned class popups when you mouse over the class name on the right menu -- */
/* -- need a unique "#name" for each class or popup section -- */
	font-size: 10px;
	text-align: left;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;
	border: thin solid #cccc00;
	position:absolute;
	right: 100px;
	width:350px;
	background-color: #ffffff;
	font-style: normal;
	visibility:hidden;
	line-height:normal;
	}
	

div.Classes {
	font-size: 100% /*smaller*/;
	font-weight: normal;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	bottom: auto;
	padding-top: 145px;
	margin-right: 150px;
	}
body>div.Classes {
	width:100%;
	margin-right: 200px;
}

div.Classes p{
	text-align: left;
	color: #00000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 200px;
	}
.main table p {
	font-size: 11px;
	line-height: normal;
}

	
div.Classes td {
	text-align: left; 
	color: #00000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}
	
div.Classes #duarte, #holst, #hollander, #lobb, #lobb2, #kirkpatrick, #balshor, #farmer, #watanabe, #rodriguez, #basinger, #bivins, #bivins0, #toland, #teran, #khan, #khan2, #deb, #nicklas, #nicklas2, #makino, #basinger, #waterman, #blackwell, #relnick, #schwartzkopf, #campbell, #kuo, #li, #helenske, #helenske2, #helenske3, #leventhal, #unwedged5, #potter, #evans, #youngren, #jackson, #jackson2, #riedel, #kawamura, #naylor{ 
/* -- this formats the instructor bio that pops up when you mouse over the instructor's name -- */
/* -- need a unique "#name" for each instructor -- */
	font-size: 10px;
	text-align: left; 
	color: #999999; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;
	border: thin solid #cccc00;
	position:absolute; 
	left: 100px; 
	width:350px; 
	background-color: #ffffff; 
	font-style: normal;
	visibility:hidden; line-height:normal;
	}
	
div.Classes #p2 {
	padding: 2em;
	font-size: 12px;
	}


div.Section {
	font-size: 100% /*smaller*/;
	font-weight: normal;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	bottom: auto;
	/*border-bottom: #cccc00 thin solid; */
	padding-top: 145px; /* just to balance each section */
	}

div.Section p{
	text-align: left;
	color: #00000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 200px;
	}

div.Section #jean, #wally { 
/* -- this formats the bios that pop up when you mouse over the person's name -- */
/* -- need a unique "#name" for each person -- */
	font-size: 10px;
	text-align: left; 
	color: #700052; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;
	border: thin solid #cccc00;
	position:absolute; 
	top: 15px; 
	width:350px; 
	background-color: #ffffff; 
	visibility:hidden
	}
	


div.float-right {
	float:right;
	padding: 10px;
	border: solid thin #cccc00;
	width:200px;
	}

div.flow {
	float: left;
	clear: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: text-bottom;
}


div.flow #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #16, #17, #18, #19, #20, #21, #22, #23, #24, #25, #26, #27, #28, #29, #30, #31, #32, #33, #34, #35, #36, #37, #38, #39, #40, #41{ 
/* -- this formats the instructor bio that pops up when you mouse over the instructor's name -- */
/* -- need a unique "#name" for each instructor -- */
	font-size: 10px;
	text-align: left; 
	color: #999999; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2em;
	border: thin solid #cccc00;
	position:absolute; 
	left: 100px; 
	height:420px; 
	background-color: #ffffff; 
	font-style: normal;
	visibility:hidden; line-height:normal;
	}