@charset "utf-8";
body,td,th {
	font-family: Arial;
	font-size: 15px;

}
a {
	font-family: Arial;

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
}   /* was #9900CC */
a:hover {
	text-decoration: none;
	color: #FFFF00;
}   /* was #FF0000 */
a:active {
	text-decoration: none;
	color: #FFCC00;
}   /* was #FFFF00 */
.style1 {color: #FFFF00; font-size: 16px;}
.style4 {font-size: 18px; color: #003300; font-weight: bold; } /* headings */
.style5 {font-size: 16px; font-weight: bold;}
.style8 {font-size: 16px; font-weight: bold; color: #000000; } /* unused blogs */
.style9 {font-size: 16px} /*default links */
.style12 {color: #FF0000; font-size: 16px; }
.style13 {color: #FF0066} /* green for pages you are in */
.style14 {font-family: Arial; font-size: 16px; color: #33FF00; } 
.style15 {color: #33FF00; font-size: 16px; }
.style16 {text-align: left; }

body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #820BBB;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.thrColLiqHdr #container {
	width: 99%;  
	background: #fff;
	height:100%;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: center; 
} 
.thrColLiqHdr #header { 
	background:#000000;
		background-position:center;
		background-repeat:no-repeat;
	padding: 0 10px;  
} 
#head {
	position:relative;
	margin: 0 auto;
	height: 200px;
	width:900px;
	z-index:0;
}

#about {
	position:relative;
	left:0px;
	top:0px;
	width:400px;
	height:200px;
	z-index:2;
}
#webdesign {
	position:relative;
	left:0px;
	top:10px;
	float:left;
	width:400px;
	height:250px;
	z-index:3;
}
#University {
	position:relative;
	left:0px;
	top:-200px;
	width:400px;
	height:300px;
	float:right;
	z-index:4;
}
#yorklogo {
	position:relative;
	left:325px;
	top:-410px;
	float:right;
	width:242px;
	height:227px;
	z-index:1;
}


.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}


.thrColLiqHdr #mainContent { 
	width: 900px;  
	margin: 1% auto; 
	font-size: 16px;
	background-color:#FFF;
}

.thrColLiqHdr #footer { 
	padding: 0 10px; 
	background:#000000;
} 
.thrColLiqHdr #footer p {
	margin: 0; 
	padding: 10px 0;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
	
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.whitetext {
	color: #FFF;
}
.greytext {
	color: #CCC;
}
#foot {
	position:relative;
	margin: 1% auto;
	width:900px;
	height:100px;
	z-index:0;
}

#refs {
	position:relative;
	left:0px;
	top:0px;
	float:left;
	width:350px;
	height:100px;
	z-index:1;
}
#social {
	position:relative;
	left:300px;
	top:-90px;
	width:300px;
	height:100px;
	z-index:2;
}
#links {
	position:relative;
	left:0px;
	float:right;
	top:-100px;
	width:300px;
	height:100px;
	z-index:1;
}
#BA {
	position:relative;
	left:0px;
	top:-270px;
	float:left;
	width:400px;
	height:500px;
	z-index:1;
}
#MA {
	position:relative;
	left:0px;
	float:right;
	top:-270px;
	width:400px;
	height:800px;
	z-index:2;
}
#yorklogo2 {
	position:relative;
	left:330px;
	top:0px;
	width:242px;
	height:227px;
	z-index:0;
}
#skel1 {
	position:relative;
	left:0px;
	float:left;
	top:0px;
	width:65px;
	height:140px;
	z-index:3;
}
#skel2 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:150px;
	z-index:4;
}
#proj1 {
	position:relative;
	left:0px;
	float:left;
	top:11px;
	width:65px;
	height:140px;
	z-index:5;
}
#proj2 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:203px;
	z-index:6;
}
#dis1 {
	position:relative;
	left:0px;
	float:left;
	top:75px;
	width:65px;
	height:140px;
	z-index:7;
}
#dis2 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:165px;
	z-index:8;
}
#java1 {
	position:relative;
	left:0px;
	float:left;
	top:0px;
	width:65px;
	height:140px;
	z-index:9;
}
#java2 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:200px;
	z-index:10;
}
#web1 {
	position:relative;
	left:0px;
	float:left;
	top:60px;
	width:65px;
	height:183px;
	z-index:11;
}
#web2 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:183px;
	z-index:12;
}
#soft1 {
	position:relative;
	left:0px;
	float:left;
	top:60px;
	width:65px;
	height:160px;
	z-index:13;
}
#soft2 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:165px;
	z-index:14;
}
#dis3 {
	position:relative;
	left:0px;
	float:left;
	top:65px;
	width:65px;
	height:190px;
	z-index:15;
}
#dis4 {
	position:relative;
	left:0px;
	float:right;
	top:0px;
	width:320px;
	height:220px;
	z-index:16;
}