@charset "utf-8";
/* CSS Document */
body{
	height: 100%;
	margin: 0 0 0 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: auto;
	padding:0;
	text-align:center;
	
	
}
#utsc{
	margin-top:0;
	float:left;
	}
#wrapper{
	margin-left:auto;
    margin-right:auto;
    width:1350px;
	font-family:Segoe UI;
	font-size:18px;
	position:relative;
	text-align:center;
	}

#row{
	padding: 0 20px;
	padding-bottom:0px;
	}
#nav{
	align:center;
	position:relative;
	clear:left;
	font-family:Segoe UI;
	font-size:22px;
	padding: 7px 15px;
	color:#464646;
	backgrond: linear-dradient(top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: -5px 20px;
	border-radius: 5px;
}

#row:hover{
	font-family:Segoe UI bold;
	color:#5b9a68;}
#row link{
	text-decoration:none;
	color:#5b9a68;}
#row:visited{
	text-decoration:none;
	color:#5b9a68;}
#row a{
	text-decoration:none;
	color:#464646;}
#row a:hover{
	color:#5b9a68;}


#logo{
	margin-top:0px;
	position:relative;}
	
#line {background-color:#333333;
width:900px;
height:1px;
margin:auto;
margin-top:0px;
position:relative;
z-index:0;
align:center;
}

a:link {text-decoration:none;
color:#2d75a2;}
a:visited {text-decoration:none;
color:#2d75a2;}
a:hover {text-decoration:underline;
color:#2d75a2;}
a:active {text-decoration:underline;
color:#2d75a2;}


/*Information for person 1 START*/
.box
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:11;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
	
		}
.backdrop1
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:10;
	display:none;
	transition:  all 1s;
		}
#pp{
	border:1px solid black;
	border-radius:2px;}
/*Information for person 1 END*/ 

.close
{
	float:right;
	margin-right:6px;
	cursor:pointer;
	font-family:Segoe UI Bold;
	font-size:16px;
}

#person1t1{
	font-family:Segoe UI;
	float:right;
	height:100px;
	width:600px;
	margin-right:20%;
	
	position:relative;
}

#person4t1{
	font-family:Segoe UI;
	float:right;
	height:100px;
	width:600px;
	margin-right:20%;
	margin-top:3%;
	position:relative;
}

#person3t1{
	font-family:Segoe UI;
	float:right;
	height:100px;
	width:650px;
	margin-right:20%;
	
	position:relative;
}
#person2t1{
	font-family:Segoe UI;
	float:right;
	height:100px;
	width:600px;
	margin-right:20%;

	position:relative;
}
#person5t1{
	font-family:Segoe UI;
	float:right;
	height:100px;
	width:600px;
	margin-right:20%;

	position:relative;
}
#person6t1{
	font-family:Segoe UI;
	
	height:100px;
	width:600px;
	margin-left:27%;

	position:relative;
}


#person7t1{
	font-family:Segoe UI;
	
	height:100px;
	width:600px;
	margin-left:27%;

	position:relative;
}

#person8t1{
	font-family:Segoe UI;
	float:right;
	height:100px;
	width:600px;
	margin-right:20%;

	position:relative;
}
#person1t2{
	font-family:Segoe UI;
	height:100px;
	width:600px;
	margin-top:180px;
	margin-left:50px;
	
}
#person1t3{
	clear:both;
	margin-left:5%;
	font-family:Segoe UI;
	text-align:left;
	
	}
#person1t4{
	margin-left:200px;
	
}
#person3t4{
	margin-top:20px;
	
	padding-bottom:20px;}

#person1img1{
	float:left;
	margin-left:6%;
	margin-top:2%;
}

#prow1{
	padding:20px;
}


/*Information for person 2 START*/
.backdrop2
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:20;
	display:none;
	transition:  all 1s;
		}
.text
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:21;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}
/*Information for person 2 END*/

/*Information for person 3 START*/
.backdrop3
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:30;
	display:none;
	transition:  all 1s;
		}
.text1
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:31;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}
/*Information for person 3 END*/

/*Information for person 4 START*/
.backdrop4
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:40;
	display:none;
	transition:  all 1s;
		}
.text2
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:41;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}
/*Information for person 4 END*/

/*Information for person 5 START*/
.backdrop5
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:50;
	display:none;
	transition:  all 1s;
		}
.text3
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:51;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}
/*Information for person 5 END*/

/*Information for person 6 START*/
.backdrop6
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:60;
	display:none;
	transition:  all 1s;
		}
.text4
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:61;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}

/*Information for person 6 END*/

/*Information for person 7 START*/
.backdrop7
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:70;
	display:none;
	transition:  all 1s;
		}
.text5
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:71;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}

/*Information for person 7 END*/

/*Information for person 8 START*/
.backdrop8
{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:80;
	display:none;
	transition:  all 1s;
		}
.text6
{
	position:absolute;
	top:6%;
	left:10%;
	width:80%;
	height:85%;
	background:#ffffff;
	z-index:81;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444444;
	-webkit-box-shadow:0px 0px 5px #444444;
	box-shadow:0px 0px 5px #444444;
	display:none;
	overflow:auto;
	transition:  all 1s;
}

/*Information for person 8 END*/


#people1{
	font-family:Segoe UI Bold;
	position:relative;
	font-size:17px;
	padding-bottom:10px;
	width:200px;	
}


#people2{
	font-family:Segoe UI Bold;
	position:relative;
	font-size:17px;
	padding-bottom:10px;
		
}
#people3{
	font-family:Segoe UI Bold;
	font-size:17px;
	padding-bottom:10px;
	position:relative;
	}
#people4{
	font-family:Segoe UI Bold;
	font-size:16px;
	padding-bottom:10px;
	position:relative;
	z-index:12;
	}
#titles{
	font-family:Segoe UI;
	font-size:16px;
	color:#5b9a68;
	
}
#r0{
	padding:20px;
}

.r0{
	height:180px; 
	width:136px;
	
}
#r1{
	padding:20px;
	color:#5b9a68;
	
	
}
#r00{
	
	text-align:left;
	color:black;
	
}

#pic{
	margin-top:-8%;
	min-width:1100px;
	width:100%;
	position:absolute;
	z-index:10;}
#sep{
	position:relative;}

#tiles{
	
	
	padding-top:20px;

	}