﻿* {
	padding: 0%;
	margin: 0%;
	list-style:none;
}
body {
	
	width: 96%;
	height: 100%;
	margin-top:4%;
	margin-left:1%;
	background:maroon;
	background-repeat: repeat;
	font-size:1em;
	color:white;
	list-style:none;

}

div#tua {
position:absolute;
top:2%;
font-size:1em;

}



ul#firstblackline {

		margin-top:7%;
		list-style:none;
		font-size:1em;

}
 ul#firstblackline li {
	display:inline;
	padding-right:5px;
	}

ul#firstblackline li a {
display:inline-block;	
	color:white;
}

 
 div#picturecomputerresearch {
 float:left;
 
 
  }
 
 div#coursesintroductiontext {
 
 margin-left:1%;
 color:white;
 
 } 

/* small display only */

@media (min-width:320px) and (max-width:480px) 
{

* {
	padding: 0%;
	margin: 0%;
	list-style:none;
}
body {
	
	width: 96%;
	height: 100%;
	margin-top:4%;
	margin-left:1%;
	background:maroon;
	background-repeat: repeat;
	font-size:1em;
	color:white;
	list-style:none;

}

div#tua {
position:absolute;
top:2%;
font-size:1em;

}



ul#firstblackline {

		margin-top:4%;
		list-style:none;
		font-size:1em;

}
 ul#firstblackline li {
	display:inline;
	padding-right:5px;
	}

ul#firstblackline li a {
display:inline-block;	
	color:white;
}

 
 div#picturecomputerresearch {
 float:left;
 
 
  }
 
 div#coursesintroductiontext {
 
 margin-left:1%;
 color:white;
 
 } 

}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 