/* CSS Document */

body {
	background-color: #333333;
}
#classes {
	position:absolute;
	top:340px;
	z-index:4;
}
#classesItems {
	position:absolute;
	top:360px;
	height:123px;
	z-index:5;
}
#contact {
	position:absolute;
	left:20px;
	top:10px;
	width:250px;
	height:100px;
	z-index:1;
	line-height: 10px;
}
#designItems {
	position:absolute;
	top:130px;
	z-index:2;
}
#design {
	position:absolute;
	top:110px;
	z-index:3;
	background-color: #0099FF;
}
#media {
	position:absolute;
	top:485px;
	z-index:6;
}
#mediaItems {
	position:absolute;
	top:505px;
	height:149px;
	z-index:7;
}
#projectHeader {
	position:absolute;
	left:930px;
	top:20px;
	z-index:11;
}
.catagory {
	color: #666666;
}
.didacticNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E6E6E6;
	position:absolute;
	left:929px;
	width:250px;
	height:67px;
	background-color: #666666;
	top: 118px;
	padding-left: 70px;
	width: 175px;
	padding-top: 5px;
	height: 61px;
	padding-right: 5px;
}
.didacticImage {
	position:absolute;
	left:934px;
	width:61px;
	height:61px;
	top: 121px;
	z-index: 14;
}
.navItem {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	left: 20px;
	width: 250px;
	text-indent: 3px;
}
.navHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 20px;
	width: 250px;
	height: 15px;
	color: #FFFFFF;
	background-color: #0099FF;
	text-indent: 3px;
	line-height: 16px;
}
.sudDidacticHeader {
	color: #00CCFF;
	line-height: 12px;
	font-weight: bold;	
}
.darkCatagory {
	color: #333333;
}
A:link {
text-decoration: none; color: #CCCCCC;
}

A:visited {
text-decoration: none; color: #CCCCCC;
}

A:active {
text-decoration: none; color: #FFFFFF;
}

A:hover {
text-decoration: underline; color: #00CCFF;
}