@charset "UTF-8";


	/*  reset css */

			html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}

		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}

		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}

		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
			}
	/*  reset css end */
	
	
	body {
		font: 100% Helvetica, Arial, Verdana, sans-serif;
		/*line-height: 3em;*/
		/*letter-spacing: .1em;*/
		background: #fff;
		background-image: url('img/blue_check.gif');
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #000000;
	}
	.makepage #container {
		position:relative;
		width: 926px;
		background-color: #fff;
		border: 1px solid #b1b1af;
		margin: 30px auto; 
		text-align: center; 
		padding: 30px;
		box-shadow: #000 3px 3px 4px;
		box-shadow: #b1b1af 0 0 2em inset;
		-moz-box-shadow: #000 3px 3px 4px, #b1b1af 0 0 2em inset;
		-webkit-box-shadow: #000 3px 3px 4px;
	}
	
	.makepage #container #headername {
	position:absolute;
	 top:-20px;
	left:30px;
	 width:926px;
	height: 114px;
	box-shadow: #000 3px 3px 4px;
	-moz-box-shadow: #000 3px 3px 4px;
	-webkit-box-shadow: #000 3px 3px 4px;	
	}

	#topnav {
		position:absolute;
		 top:110px;
		left:30px;
		 width:926px;
		padding-bottom: 8px;
		border-bottom: 1px solid #636363;
		font-family: 'Helvetica condensed', 'Arial Narrow', sans-serif;
		font-weight: bold;
		font-size: 110%;
	}

	#topnav ul {
		display:inline;
		margin:0;
		padding:0;
	}


	#topnav ul li {
		padding:0;
		display:inline;
		margin:0 10px 0 0;
	}

	#topnav ul li {
		color:#636363;
		text-transform:uppercase;
	}
	
	#topnav ul li a{
		color:#636363;
		text-decoration: none;
	}
	
	#topnav ul li a:hover{
		color:#3399ff;
	}
	
	 #topnav ul li.abouthere a {
	     color:#0099cc;
	}
	 
	#topnav ul li.newshere a {
	     color:#ff0099;
	}
	
	#topnav ul li.pasthere a {
	     color:#000;
	}
	
	
	#topnav ul li.teachhere a {
	     color:#ff3333;
	}
	
	
	#topnav ul li.infohere a {
	     color:#ff6633;
	}
	
	
	#contentarea {
		position: static;
		text-align: left;
		margin-top: 135px;
		padding: 10px 0;
	}
	
	#newsheader {
		background: #ff0066 url('img/pink_sm_paper.jpg');
		padding: 10px;
		margin-bottom: 20px;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
	}
	
	#graphtuber {
				background-image: url('img/blue_check.gif');
				padding: 20px;
				box-shadow: #000 3px 3px 4px;
				-moz-box-shadow: #000 3px 3px 4px;
				-webkit-box-shadow: #000 3px 3px 4px;
	}
	
	.bigsquares { 
		float: left;
		border: 1px solid #000;
		margin-bottom: 10px;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
		}
		
	.spacer {
		margin-right: 18px;
	}
	
	.minispacer {
		margin-right: 18px;
		margin-bottom: 18px;
	}
	
	.maxispacer {
		margin: 0 20px 18px 20px;
	}
	
	
	#bluepaper {
		background: #006699 url('img/bluepaper.jpg');
		padding: 20px;
		color: #fff;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
		}
	
	#blackpaper {
		background: #000 url('img/blackpaper.jpg');
		padding: 20px;
		color: #fff;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
		}
		
	#orangepaper {
		background: #ff6633 url('img/orangepaper.jpg');
		padding: 20px;
		color: #fff;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
		}				
	#redpaper {
		background: #ff3333 url('img/redpaper.jpg');
		padding: 20px;
		color: #fff;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
		}
		
	
	.introcopy {
		font-size: 110%;
		line-height: 1.5em;
		text-align: center;
		text-transform: uppercase;
	}
	
	
	.videoblock {
		text-align: center;
		float: left;
		font-weight: bold;
		width: 250px;
		height: 200px;
	}
	
	.videoblock img {
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
	}
	
	
	#artistblocks{
		padding-left: 10px;
	}
	
	.artistcube {
		text-align: center;
		float: left;
		font-weight: bold;
		font-size: 90%;
		width: 250px;
		height: 270px;
	
	}
	
	.artistcube img {
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
	}
	
	.artistintroblock {
		color: #000;
		text-align: center;
		font-size: 110%;
		line-height: 110%;
	}
	
	#workshopslides {
		margin-top: 20px;
	}
	
	.workshhopslide { 
		float: left;
		border: 1px solid #000;
		margin-bottom: 10px;
		box-shadow: #000 3px 3px 4px;
		-moz-box-shadow: #000 3px 3px 4px;
		-webkit-box-shadow: #000 3px 3px 4px;
		}

	#footer {
		margin-top: 20px;
		border-top: 1px solid #636363;
		padding: 20px 0px 0px;
		text-align: center;
		font-size: 70%;
		text-transform: uppercase;
	}


	a {
		color: #3399ff;
		text-decoration: none;
	}

	a:hover {
	color:#000000;
	}

	a:visited {
	color:#3399ff;
	}


/* Basic formatting end */	


/* misc css */

	h2 { 
		font-size: 130%;
		font-weight: bold;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 3px solid #000;
		text-transform: uppercase;
	 	}
 
	h3 { 
		font-size: 100%;
	 	}

	h4 { 
		font-size: 90%; 
	 	}

	h5 { 
		font-size: x-small;
	 	}

	p {
		margin: 5px 0;
		}

	blockquote {
		padding: 5px 10px;
		}

	.fltrt { 
		float: right;
		margin-left: 8px;
		}
	
	.fltlft { 
		float: left;
		margin-right: 8px;
		}
	.clearfloat { 
		clear:both;
	    height:0;
	    font-size: 1px;
	    line-height: 0px;
		}
		
	.centerup {
		text-align: center;
	}	
	
/* misc css end */