body { 
	font-size: 76%;
	margin: 0;
	padding: 0;
	background: #fff url(/i/bodybg.png) repeat-y; 
	background-image: none; 
	font-family: georgia, serif; 
	color: #000; 
	line-height: 1.4em;
	}
div#ice {
position: fixed; top: 0; left: 10px; width: 937px; margin: 0; z-index: 12; background: #fd8; font-weight: normal; color: #000; text-align: center; border: 3px double #700; border-top: 0; font-family: myriad, myriad-pro, arial, sans-serif;
	}
	div#ice p { margin: 5px 0 0 0; font-size: 110%; }

.hidenseek { position: absolute; top:-9999px; }
.formhidenseek { display: none; }
	
a:link, a:visited { text-decoration: underline; color: #000; font-weight: bold; }

div#top a:link, div#top a:visited, div#top a:hover, div#top a:visited:hover, div#top a:active { text-decoration: none; color: #000 !important; border: 0; }

p { margin-bottom: 1em; }

p.quotedmessage {
	width: 360px;
	background: transparent url(/i/quotedmessagebg.gif) 50% 50% no-repeat;
	margin: 10px auto 20px auto;
	padding: 15px 40px;
	}
	
cite { font-style: italic; font-weight: bold; }
.smallcaps {font-variant: small-caps;}

h1 {
	font-size: 220%;
	text-align: center;
	color: #000;
	margin: 5px 0 0 0;
	background: transparent;
	font-weight: normal;
	line-height: 1.2em;
	}
	
body#index h1 { 
	width: 100%;
	text-decoration: none;
	border: 0;
	text-indent: -6000px;
	height: 125px;
	margin: 0 auto;
	background: transparent url(/i/classroomwide.jpg) 50% 80% no-repeat;
	}
	
body#index div#titleblock h2 { 
		font-family: Georgia, serif;
		color: #000;
		letter-spacing: .03em;
		text-align: center;
		font-size: 135%;
		margin: 0 0 0 0;
		font-weight: normal;
		font-style: italic;
		}
											
body.description h2, body.categories h2 { 
	clear: both;
	text-align: center;
	font-style: italic;	
	color: #000;
	font-size: 150%;
	padding: 0;
	margin: .7em 0 .2em 0;
	font-weight: normal;
	}
				
body.description h2.workshop { 
	clear: both;
	text-align: center;
	font-style: normal;	
	color: #000;
	font-size: 130%;
	padding: 0;
	margin: .7em 0;
	font-weight: bold;
	font-variant: small-caps;
	}
				
body.description dt {
	font-family: georgia, serif;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0 0 0;
	}
	
body.categories div#content h3 {
	text-align: center;
	}
	
body.categories h1 {
	text-align: left;
	text-indent: -6000em;
	height: 50px;
	width: 100%; 
	margin: 0 auto;
	}
	
	body.categories h1#Prerequisite {
		background: transparent url(/i/h1prereq.gif) 20px 50% no-repeat;
		}
	body.categories h1#Elective {
		background: transparent url(/i/h1electives.gif) 20px 50% no-repeat;
		}
	body.categories h1#Photography {
		background: transparent url(/i/h1photo.gif) 20px 50% no-repeat;
		}
	body.categories h1#DTP {
		background: transparent url(/i/h1pub.gif) 20px 50% no-repeat;
		}
	body.categories h1#Web {
		background: transparent url(/i/h1web.gif) 20px 50% no-repeat;
		}
	body.categories h1#Dreamweaver {
		background: transparent url(/i/h1dw.gif) 20px 50% no-repeat;
		}
	body.categories h1#Flash {
		background: transparent url(/i/h1fl.gif) 20px 50% no-repeat;
		}
	body.categories h1#InDesign {
		background: transparent url(/i/h1id.gif) 20px 50% no-repeat;
		}
	body.categories h1#Photoshop {
		background: transparent url(/i/h1ps.gif) 20px 50% no-repeat;
		}
	body.categories h1#Lightroom {
		background: transparent url(/i/h1lr.gif) 20px 50% no-repeat;
		}
	body.categories h1#Illustrator {
		background: transparent url(/i/h1ill.gif) 20px 50% no-repeat;
		}
	body.categories h1#CreativeTechs {
		width: 100%; height: 120px; background: transparent url(/i/pscs4hbbanner.png) 90% 50% no-repeat;
		}
	
body.categories dl {
	margin: 0 10px;
	}
	
body.categories dt {
	font-family: GaramondPremrPro-Bold, garamond, times, georgia, serif;
	font-size: 115%;
	font-weight: bold;
	margin: 5px 0;
	border-top: 1px dotted #999;
	padding-top: 5px;
	}
	
dd p.somedata { color: #000; padding: 0 0 0 30px; }
	
p.evealt { 	clear: both; text-align: center; padding-left: 40px; height: 32px; background: transparent /*url(/i/moon.gif) 5em 50% no-repeat*/; line-height: 30px; font-size: 110%;}

p.regbyclik { display:none; }

p.keydata { font-size: 115%;color: #222; text-align: center; margin: 10px 0 0 0; padding-bottom: 5px; border-bottom: 1px solid #c1c1c9; }

div#skill { margin: 0; padding: 0 15px;font-size: 115%; text-align: center; border-bottom: 1px solid #aaa; }

div#skills {
	margin: 0 40px; 
	padding: 0;
	text-align: left;
	}

div#skills p { margin: 0; padding: .5em 0 .1em 0; border-top: 1px dotted #aaa; }

div#verbage {
	padding-top: 0;
	}

div#verbage ul {
	list-style: square outside;
	margin: 0 0 5px 0;
	padding: 4px;
	border: 0;
	}

div#content h3 {
	margin: 1em 15px 0 15px;
	}

div#verbage h3 {
	clear: both;
	margin: 5px -12px 7px -12px;
	padding: 3px 2em;
	background: transparent;
	border-top: 1px solid #ddf;
	border-bottom: 2px solid #a1a1a9;
	font-variant: small-caps;
	font-weight: bold;
	}

div#verbage p {
	margin: 5px 2em 10px 2em;
	font-size: 110%;
	}
	div#verbage p:first-line {
		font-weight: bold;
		}

h3 { font-size: 120%; font-weight: normal; color: #000; padding: 10px 0 3px 0; font-family: georgia, serif; margin-bottom: 0; }

			h3#subscribe {
				padding-bottom: 30px;border-bottom: 1px dotted #62627d;
				}
			h3#subscribe a {
				text-decoration: none; margin: 0 auto; width: 50%; padding: 10px;border: 3px double #62627d;
				}
h4 { color: #000; font-size: 110%; border: 0; padding: 0; margin: 0; }

h5 { color: #000; font-size: 95%; border: 0; padding: 0; margin: 0; }
	
div#container {
	width: 7.5in;
	background: transparent; 
	border: 0;
	margin: 0;
	padding: 0;  padding-top: 16px;
	}

div#page {
	margin: 0;
	background: transparent;
	background-image: none;
	padding: 15px 0 0 5px;
	}
	
div#top {
	background: transparent;
	background-image: none;
	width: 100%;
	text-align: right;
	border: 0;
	padding: 0 30px 0 15px;
	color: #000;
	font-family: garamond, georgia, serif;
	margin: 0;
	}
	div#top p { margin: 0; }
	
	div#top a#logo {
		display: none;
		}
	
ul#nav {
display: none;
	}			
			
div#titleblock {
	font-family: GaramondPremrPro-Disp, garamond, times, georgia, serif;
	font-weight: normal;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	background: transparent;
	border: 0; 
	}

body.description div#titleblock { border: 0; margin-bottom: 20px; padding: 30px 0 0 0; }
body#directions div#titleblock,
body#directions div#subtitleblock,
body#directions a.linky,
body#directions div#predirections
{ display: none; }

.breakhere { page-break-before: always; }

div#subtitleblock {
	width: 100%;
	font-size: 100%;
	text-align: left;
	font-family: arial, sans-serif;
	line-height: 1.7em;
	margin: 0; margin-top: -10px;
	padding: 8px 19px 0 19px;
	background: transparent;
	}
	div#subtitleblock p {
		font-family: georgia, serif;
		font-weight: normal;
		margin-right: 0;
		font-size: 115%;
		margin-top: .6em;
		}

div#content {
	width: 100%;
	margin: 0;
	padding: 15px 0 10px 0;
	border: 0;
	background: transparent;
	}
	
table#classlist { 
	width: 100%;  
	padding: 0; margin: 20px 0 20px 0;
	}
	table#classlist td { text-align: center; padding: 1px 4px; margin: 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
	table#classlist thead td { background: #666; color: #ccc; font-family: verdana, arial, sans-serif; }
	table#classlist tr.last td { font-weight: bold; padding-top: 5px; border: 0; color: #700; }

div#content p {
	margin: 0 15px .7em 15px;
	}

body#directions div#content div.direct {
	margin: 5px;
	border: 0;
	padding: 5px;
	}

body#directions div#content div.direct h4 {
	text-align: center; font-weight: normal;
	}

div#googlemap { float: left; margin: 10px; }
	
body.description div#content {
	width: 100%;
	margin: -10px 0 0 0;
	padding: 15px;
	}
	
body.description div#content h3 {
	margin-left: -15px;
	margin-right: -15px;
	}
	
	dl.details dt.smallblue {display: none; }
	
	dl.details {
		float: left;
		padding-top: 70px;
		width: 300px;
		margin: 0 0 0 13px;
		background: transparent url(/i/detailsbg.gif) left top no-repeat;
		}
	dl.policies {
		background: transparent; 
		clear: both; 
		width: 500px; 
		padding-top: 20px; 
		margin: 0 0 0 23px;
		}
		dl.details dt, dl.policies dt {
			font-style: italic;
			font-size: 110%;
			padding-left: 30px;
			margin-top: .7em;
			background: transparent url(/i/detailbullet.gif) left 2px no-repeat;
			}
		dl.details dd, dl.policies dd {
			font-size: 105%;
			margin: 5px 20px 0 40px;
			padding-bottom: 5px;
			border-bottom: 1px dotted #c1c1c9;
			}
			dl.details dt a, dl.policies dt a, a.linky 
			{ border: 0; font-weight: normal; color: #700; cursor: pointer; }

		blockquote.pullq_left, blockquote.pullq_right {
			background: transparent url(/i/openQuote.gif) left 10% no-repeat;
			padding: 0;
			margin: 10px 15px 10px 10px;
			border: 0;
			width: 200px;
			color: #62627d;
			}
			blockquote.pullq_right { float: right; }
			blockquote.pullq_left { float: left; }
			
			blockquote.pullq_left p.quote, blockquote.pullq_right p.quote {
				background: transparent url(/i/closeQuote.gif) bottom right no-repeat;
				font-family: ajensonpro-regular, baskerville, georgia, times, serif;
				font-size: 155%;
				text-align: center;
				line-height: 1.2em;
				}
			
			blockquote.pullq_left p.writer, blockquote.pullq_right p.writer {
				background: transparent;
				font-family: georgia, times, serif;
				font-size: 100%;
				font-style: italic;
				text-align: right;
				}
				div#verbage blockquote p:first-line {
						font-weight: normal;
						}
								
		div#notes {
			/*float: right;*/
			clear: both;
			text-align: center;
			font-size: 110%;
			color: #62627d;
			padding: 10px 15px 10px 0;
			}
			div#notes h3 {
				color: #b49b28;
				margin: 0;
				font-variant: small-caps;
				}
		
			div#notes p {
				float: right;
				width: 210px; padding: 10px;
				margin: 10px;
				border: 1px solid #c1c1c9;
				}
		
div#aatc {
	padding: 0;
	margin: 0;
	}

	div#aatc p a {
		display: block;
		float: right;
		text-indent: -6000em;
		background:  transparent url(/i/aatc.gif) 50% 50% no-repeat;
		width: 200px;
		height: 80px;
		padding: 0;
		margin: 0; border: 0;
		text-decoration: none !important;
		}

div#footer {
	clear: both;
	width: 50%;
	margin: 0;
	padding: 10px 0 30px 0;
	background: transparent;
	color: #000; font-size: 85%; text-align: left; margin: 0;
	}

body#checkout div#sidebar { 
	display: inherit;
	position: absolute; 
	top: 155px;
	left: 466px;
	margin:0;
	width: 400px; 
	padding: 10px; 
	border: 1px solid #000;
	background: transparent; 
	color: #000; 
	}

	body#checkout div#sidebar h4 {
		width: 100%;
		float: none;
		font-weight: bold;
		font-size: 100%;
		color: #000;
		text-align: left;
		margin: 0 0 -10px 0;
		}
		
#classreminder, .classreminder { 
	display: none;
	}
					
div#sidebar { 
	display: none;
	}
					
	body#payment_confirmation div#content { border: 0; background: none; }

	body#payment_confirmation div#content p { margin: -5px 0 15px 0; font-style: italic; }

	body#payment_confirmation div#regdetails { 
		float: left;
		width: 300px;
		}	

	body#payment_confirmation div#regdetails ol { 
		margin: 10px 0 0 20px; padding: 0;
		}	

	body#payment_confirmation div#regdetails ol li, body#payment_confirmation div#regdetails ol li ul { 
		margin-top: 5px;
		}	

body#payment_confirmation div#regdetails ol li ul { 
		margin-bottom: 15px;
		}	

	body#payment_confirmation div#regdetails ul li { 
		list-style: square inside; margin: 0;
		}	

	body#payment_confirmation div#youneed { 
		margin-left: 310px;
		padding-left: 15px;
		border-left: 1px solid #ccc;
		}
		
	body#payment_confirmation div#content dt, body#payment_confirmation div#content h3 { 
		margin: 5px 0 0 0; padding: 0;
		}
		
	body#payment_confirmation div#regdetails dd { 
		margin-left: 10px;
		font-weight: bold;
		}	

	body#payment_confirmation div#youneed dt { 
		font-weight: bold; margin-top: 30px;
		}	

body#payment_confirmation div#youneed dd.doorcode { 
		font-weight: bold; font-family: monospace; font-size: 200%; text-align: center;
		}	

	body#payment_confirmation div#youneed dd { 
		margin-left: 10px;
		}	

	body#payment_confirmation dd.regnote { 
		font-weight: normal !important; font-style: italic;
		}	

	body#checkout div#sidebar div.iterate h3 { font-weight: bold; color: #000; font-size: 100%; background-image: none; margin: 0; padding: 0; text-align: left; }
	
	body#checkout div#sidebar div.iterate { padding: 10px; background-color: #e6e6e6; margin-bottom: 5px; border-left: 1px solid #ddd; border-top: 1px solid #fff; border-right: 1px solid #aaa; border-bottom: 1px solid #999; }
	
	body#checkout div#sidebar div.iterate p { margin: 5px 0 0 20px; padding: 0; text-align: left; color: #666; }
	
	body#checkout div#sidebar div.iterate strong { font-weight: normal; color: #000; }
	
	body#checkout div#sidebar div.iterate table { color: #666; border: 1px dotted #ccc; border-left: 0; border-bottom: 0; margin: 2px 0 0 20px; width: 60%; }
		body#checkout div#sidebar div.iterate tr { padding: 2px; }
		body#checkout div#sidebar div.iterate td { width: 30%; text-align: center; border-left: 1px dotted #ccc; border-bottom: 1px dotted #ccc;  }

	body#checkout h2 { color: #000; padding-top: 5px; margin: 10px 0 5px 0; font-weight: normal; }
	
	div#sidebar h4 {
		font-weight: normal;
		font-size: 100%;
		color: #aaa;
		text-align: center;
		margin: 5px 0 0 0;
		}
	div#sidebar div h4 {
		text-align: center;
		font-size: 170%;
		}
	
div#sidebar ul {
	text-align: left;
	list-style: none;
	margin: 0; 
	font-family: arial, sans-serif;
	padding: 0;
	border: 0;
	}

/* CALENDARS */

			body.description div.month { 
				width: 250px; 
				margin: 2.8em 7px 10px 9px;
				padding: 0;
				background: transparent; 
				border: 1px solid #000;
				float: left; 
				}

				body.description div.month h5 { 
					font-size: 100%; 
					margin: -1.9em 0 0 0; 
					height: 1em; 
					padding: .5em 0; 
					text-transform: uppercase;
					font-weight: normal;
					}
				
				body.description div#moon3
					{ clear: both; }
			
			body.description div.week, body.description div.weekdays { 
				clear: left;
				margin: 0; padding: .3em 0 0 0; 
				 }
				 
			body.description div.week { 
				border-bottom: 1px solid #ccc;
				 }
				 
				 	body.description div.month div.weekdays div { 
						font-size: 80%; 
						line-height: 1.2em;
				 		color: #000; 
				 		}
			
			body.description div.month div div { 
				float: left;
				width: 35px; 
				font-family: genevacy, geneva, tahoma, "lucida sans", verdana, "trebuchet ms", trebuchet, arial, helvetica, sans-serif; 
				font-size: 8px;  
				text-align: center; 
				padding: 1px 0; margin: 0; 
				}

			body.description div.month div.week div p {  
				margin: 0; 
				padding: 0; 
				border-left: 1px solid #ccc;
				line-height:1.2em;
				}
			
			body.description div.week div a, body.description div.week div a:hover {  
				display: block;
				width: 35px;
				height: 18px;
				font-size: 8px; 
				padding: 0; 
				margin: 0; margin-bottom: 2px; 
				border: 0;
				background: transparent;
				text-decoration: none;
				}
			
			body.description div.week div a.morning1 { background: #f8d443 url(/i/morningbg.gif) 50% 50% no-repeat;  }
			
			body.description div.week div a.afternoon1 { background: #9bbfc6 url(/i/afternoonbg.gif) 50% 50% no-repeat; }
			
			body.description div.week div a.evening1 { background: #625f9a url(/i/evebg.gif) 50% 50% no-repeat; }

				body.description div.week div a.evening2 { background: #817f97 url(/i/eve2.gif) 50% 50% no-repeat; }
				body.description div.week div a.evening3 { background: #817f97 url(/i/eve3.gif) 50% 50% no-repeat; }
				body.description div.week div a.evening4 { background: #817f97 url(/i/eve4.gif) 50% 50% no-repeat; }
			
			body.description div.week div a.fullday1 { height: 20px; background: #bb9f42 url(/i/fulldaybg.gif) 50% 50% no-repeat; }
		
				body.description div.week div a.fullday2 { height: 20px; width: 34px; background: #b7b098 url(/i/day2.gif) 50% 50% no-repeat; }
				
			p.key { text-align: center; font: 80%/110% verdana, sans-serif; }
			.keymorning { color: #000; background: #f8d443; padding: 2px 4px; }
			.keyeve { color: #fff; background: #625f9a; padding: 2px 4px; }
			.keyafternoon { color: #000; background: #9bbfc6; padding: 2px 4px; }
			.keyfullday { color: #000; background: #bb9f42; padding: 2px 4px; }

		/*  ===================================================== */
		/*  ============NEW BIG CALENDAR PAGE STYLES============= */

		body#calendar div#content { 
			border: 0; background-image: none; width: 601px; padding: 0;
			}
		
		
		body#calendar div.month { 
			width: 588px; 
			margin: 3em auto 2em auto; 
			padding: 0; 
			font-size: 75%; text-align: center; 
			background: transparent url(/i/bigcalbg.png);
			border: 1px solid #808080;
			}
		
				body#calendar div.month h5 { 
					font-size: 140%; 
					margin: 0; 
					height: 1em; 
					padding: .5em 0; 
					text-transform: uppercase;
					font-weight: normal;
					background: transparent;
					}
				
		body#calendar div.week, body#calendar div.days { 
			clear: left;
			margin: 0; padding: 0; 
			background: transparent;
			 }
			body#calendar div.days { 
				font-size: 120%; 
				line-height: 1.5em;
				color: #555; 
				}
				
				body#calendar div.days div { 
					background: transparent; 
					border-top: 1px solid #808080;
					}								

		body#calendar div.week { 
			border-bottom: 1px solid #808080; 
			}
		
		body#calendar div.month div div 	{  		/*the day entry */
			float: left; 
			width: 84px;
			font-family: arial, helvetica, sans-serif; 
			text-align: center;
			line-height: 1.2em;
			padding: 2px 0; margin: 0; 
			}			

		body#calendar div.month div div p	{ 		/*the date itself*/
			margin: 0 auto; 
			padding: 3px 0;
			font-size: 110%;
			font-weight: bold;
			border-bottom: 1px solid #aaa;
			border-left: 1px solid #ccc;
			background: #ddd; color: #444;
			}

			body#calendar div.day a
				{  
				font-size: 120%; line-height: 130%;
				color: #700;
				display: block;
				width: 72px;
				padding: 5px 2px;  
				margin: 3px auto; 
				border-top: 1px solid #c8c8c8; border-right: 1px solid #aaa; 
				border-left: 1px solid #ccc; border-bottom: 1px solid #999; 
				text-decoration: none;
				}
				body#calendar div.day a:link, body#calendar div.day a:visited
					{  
					background: transparent url(/i/callinkbg.png);
					}							
				body#calendar div.day a:hover, body#calendar div.day a:visited:hover
					{  
					background: transparent url(/i/callinkbg-hover.png);
					}
							
				body#calendar div.day a.evening1:link, 
				body#calendar div.day a.evening1:visited,
				body#calendar div.day a.evening2:link, 
				body#calendar div.day a.evening2:visited,
				body#calendar div.day a.evening3:link, 
				body#calendar div.day a.evening3:visited,
				body#calendar div.day a.evening4:link, 
				body#calendar div.day a.evening4:visited
					{  
					background: transparent url(/i/callinkevebg.png);
					}							
				body#calendar div.day a.evening1:hover, 
				body#calendar div.day a.evening1:visited:hover,
				body#calendar div.day a.evening2:hover, 
				body#calendar div.day a.evening2:visited:hover,
				body#calendar div.day a.evening3:hover, 
				body#calendar div.day a.evening3:visited:hover,
				body#calendar div.day a.evening4:hover, 
				body#calendar div.day a.evening4:visited:hover
					{  
					background: transparent url(/i/callinkevebg-hover.png);
					}
							
				body#calendar div.day a.fullday2,
				body#calendar div.day a.evening2,
				body#calendar div.day a.evening3,
				body#calendar div.day a.evening4
				{ color: #a99; }
				
				body#calendar div.day a span.caltimes	
				{ font-size: 70%; line-height: 300%; }	
			
				body#calendar div.day a.fullday2 span.caltimes,
				body#calendar div.day a.evening2 span.caltimes,
				body#calendar div.day a.evening3 span.caltimes,
				body#calendar div.day a.evening4 span.caltimes
				{ color: #a99; }
				
				body#calendar div.day a span.calseatsleft	
				{ color: #777; font-size:90%; }	

		body#calendar div#content caption 	
		{  font-family: garamond, georgia, times, serif; font-size: 2em; font-weight: normal; padding: 15px 0; margin: 0; color: #40495f; background: transparent; text-align: center; border: 0; text-transform: uppercase; }
		
		body#calendar p.legend	{ padding: 10px 0; text-align: center; margin: 0;  color: #c1c1c9; font-size: 90%; font-weight: bold;  border: 0; }

		/*  ===/\/\=====END NEW CALENDAR PAGE STYLES===/\/\====== */



.checkoutform { margin-top: 15px;padding: 5px; background: transparent; line-height:1.7em; border: 1px solid #000; }
.checkoutform img { display:none; }
.checkoutbox { margin: 10px 80px 10px 10px; }
.reqd { display:none; }