@charset "UTF-8";
/* CSS Document */

<!--
		
			
			
			
			
		/*######## MAIN BODY ELEMENTS #######*/
		
		html{
			background: #ccc;
		}
			
		
			
		body{

			font-family:	Helvetica, Arial, sans-serif;
			font-style:		normal;
			line-height:	1.4em;
			font-size:		.75em;
			margin:			0 auto;
color: #333;
		}
		
		#header{
			width: 100%;
			background: url(/index-img/bg.jpg) center;

		}
		
		
		nav ul{
			padding: 0 5%;
			background: #666 url(../../index_img/menu-bg.gif) repeat-x;
			
			
		}

		
		#main{
			width: 800px;
			background: url(../../index_img/flat-logo.png) no-repeat fixed center;
			margin: 0 auto;
			padding: 30px 10px 50px 30px;
		}
		
		footer{
			clear:both;
			width: 100%;
			position: fixed;
			bottom: 0;
			display: block;
			text-align: center;
			font-size: .7em;
			padding: 15px 0 15px 0;
			background: #666; 

		}

		
		
		/*######## "A" AND NAV ELEMENTS #######*/
		
		nav ul li{
			display: inline-block;
			width: 18%;
			text-align: center;
			font-size: 1em;
			text-transform: uppercase;
			padding-top: 35px;
			margin: -30px 0;
			position: relative;
border: 1px solid red;
		}


		nav ul li a{
			color: #fff;
			display: block;
			text-decoration: none;
			padding: .3em 0 .2em 0;
			font: 1em ThinnyLight, Helvetica, Arial, sans-serif;


		}
		
		nav ul li .sub{
			position: absolute;
			width:420px;
			top:0px;
			height: 0;
			display: none;
		
		}
		
		nav ul li .sub li{
			float: left;
			width: 90px;
		}

		nav ul li .sub li a{
			color: black;
			text-align: center;
			font-family: 'NoobishH2', Arial, Helvetica;

		}
	

		
		/*######## TEXT ELEMENTS #######*/
		
		h1, h2{
			font-size: 4em;
			line-height: 2em;
			text-transform: uppercase;	
			font-family: 'NoobishH2', Helvetica, Arial, sans-serif;
			color: #36c;
		}
		
		h2{
			font-size: 2em;
			text-transform: none;
		}
		
		h6{

			font-size: .7em;
			color: #ccc;
			text-transform: uppercase;
			text-align: center;
			overflow: hidden;
			height: 100px;
			background: url(/index_img/bg.jpg) center;


		}

		h6 span{
			height: 100%;
			width: 100%;
			display:block;
			background: url(/index_img/80-logo.png) no-repeat 50% 10%;

		}
		
		p{
			margin-bottom: .75em;	
			
		}
		
		#main p a{
			color: #36c;			
		}

		#main p a:hover{
			color: #c63;			
		}
		
	
		
		footer span{
			border: 1px #999 solid;
			background: #666;
			color: white;
			padding: 5px;	
			font: .9em ThinnyLight, Helvetica, Arial, sans-serif;
			text-transform: uppercase;
		}
		
		ul.sub h3{
			display: none;
			
		}
		
		
		.redbold{
			font-weight: bold;
			color: #c00;
			font-family:"Courier New", Courier, monospace;	
			
		}
		
		.bluebold{
			font-weight: bold;
			color: #009;
			font-family:"Courier New", Courier, monospace;	
			
		}
		
		pre{
color: white;
padding: 15px;
}

.example, pre{
width: 350px;
margin: 10px 0 30px 50px;
border: 1px solid white;
background: #666;

}

.example h3, pre h3{
padding: 2px 0 3px 20px;
font: italic 1.2em Garamond, Georgia, "Times New Roman", Times, serif;
background: white;
color: black;
}

pre h3{
margin: -15px;
margin-bottom: 10px;
}

ol li{
margin: 10px 20px 10px 30px;
width: 350px;
background: none;
}
		
		
		
		
		
		
		/*######## SPECIAL NAV ELEMENTS #######*/

		
				/*######## PRINT #######*/		
		
		#print ul.sub{
			background: url(/index-img/icon-print.png) no-repeat top center;
			left:-4%;
		}
		#print{
			background: url(/index-img/icon-print.png) no-repeat top center;	
			
		}

		
				/*######## WEB #######*/		
		
		#web ul.sub{
			background: url(/index_img/icon-web.png) no-repeat top center;
			left:13%;
		}

		#web ul.sub li{
			margin: 10px 0 0 35px;
		}
		
		#web ul.sub li a{
			color: black;
			font-size: .6em;
			text-align: center;	
			
		}

		#web ul.sub h3{
			margin-top: 70px;
			color: black;
		}
		#web{
			background: url(/index_img/icon-web.png) no-repeat top center;	
			
		}
		
		
				/*######## STUDENTS #######*/
		#students ul.sub h3{
			margin: 90px 0 0 -50px;
			
		}		
		
		#students ul.sub{
			background: url(/index_img/icon-students.png) no-repeat top center;
			left:26%;
		}
		
		#students ul.sub li{
			margin: 10px 0 0 80px	
		}
		
		#students ul.sub li a{
			color: black;
			font-family: 'NoobishH2', Arial, Helvetica;
		}
		#students{
			background: url(/index_img/icon-students.png) no-repeat top center;	
			
		}
		
		
				/*######## WORKSHOP #######*/		
		
		#workshop ul.sub h3{

			margin-top: 70px;
			color: white;
			font-size: 1.1em;
		}

		#workshop ul.sub{
			background: url(/index_img/icon-workshop.png) no-repeat top center;
			right:13%;
			width: 350px;
		}

		#workshop ul.sub li{
			margin: 10px 25px 0 50px;
		}
		#workshop ul.sub li a{
			color: black;
			font-family: 'NoobishH2', Arial, Helvetica;
			font-size: .8em
		}
		#workshop{
			background: url(/index_img/icon-workshop.png) no-repeat top center;	
			
		}

		
		
			


-->