body {
	width:100%;
	font:arial;
	font-size:1em;
	color:white;
	background-color:orange; 
}
    
}
div#tua {
	position: absolute;
	margin-top:4%;
	left: 3%;
	font: arial;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	color: navy;
}
ul#firstblackline {
margin-top:8%;

		list-style:none;
		font-size:1em;
	color:yellow;
}
 ul#firstblackline li {
	display:inline;
	left:3%;
	padding-right:5px;
	}

ul#firstblackline li a {
display:inline-block;	
left:3%;
	color:navy;
}
div.graduatescene {

	position: absolute;
	elevation:;
	margin-top: 40px;
	margin-left: 400px;
	border: 2px solid blue;
}
ul#fieldslist {
	margin-left: 10%;
	margin-top: 8%;
	font: arial;
	font-size: 1.5em;
	color: blue;
}
div#coursedescrip {
	margin-left: 10%;
	top: 65%;
	width: 70%;
	font: arial;
	font-size: 1.5em;
	color: blue;
}
ul#descriptions {
	margin-left: 10%;
	width: 50%;
	font: arial;
	font-size: 1.5em;
	color: blue;
}
p#returntotop {
	Position: absolute;
	left: 50%;
	color: blue;
}

/* small display only */

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

* {
	padding: 0%;
	margin: 0%;
}
body {
	background: orange;
}
div.tua {
	position: absolute;
	top: 2%;
	left: 1%;
	font: arial;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: navy;
}
ul#firstblackline {
margin-top:8%;
margin-left:3%;
		list-style:none;
		font-size:1em;
	color:yellow;
}
 ul#firstblackline li {
	display:inline;
	padding-right:5px;
	}

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


div.graduatescene {
	position: absolute;
	display:none;
	elevation:;
	margin-top: 40px;
	margin-left: 400px;
	border: 2px solid blue;
}
ul#fieldslist {
	margin-left: 1%;
	margin-top: 8%;
	font: arial;
	font-size: 1em;
	color: blue;
}
div#coursedescrip {
	margin-left: 1%;
	top: 65%;
	width: 96%;
	font: arial;
	font-size: 1em;
	color: blue;
}
ul#descriptions {
	margin-left: 1%;
	width: 96%;
	font: arial;
	font-size: 1em;
	color: blue;
}
p#returntotop {
	Position: absolute;
	left: 50%;
	color: blue;
}