* {
	padding: 0%;
	margin: 0%;
}
body {
	width: 100%;
	background: orange;
}
div.tua {
	position: absolute;
	top: 2%;
	margin-left: 5%;
	font: arial;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	color: navy;
}


ul#firstblackline {
	margin-top:3%;
	margin-left:5%;
		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#yourdegreeyourway {
	position: absolute;
	top: 10%;
	left: 0%;
	width: 100%;
	padding-left: 5%;
	font: arial;
	font-size: 38px;
	font-weight: bold;
	font-style: italic;
	background-color: navy;
	color: yellow;
}
p#onlineoncampus {
	position: absolute;
	top: 10%;
	left: 45%;
	font: arial;
	font-size: 38px;
	font-weight: bold;
	font-style: italic;
	background-color: navy;
	color: yellow;
}
div#academicstitle {
	position: absolute;
	top: 1%;
	left: 48%;
	font: arial;
	font-size: 24px;
	font-weight: bold;
	z-index: 4;
}
div#meetprofessors {
	position: absolute;
	top: 26%;
	left: 5%;
	font: arial;*	font-size: 2em;
	font-weight: bold;
	color: navy;
}
div#professors {
	position: absolute;
	top: 35%;
	left: 5%;
	width: 50%;


	font: arial;
	font-size: 1em;
	color: navy;
}

/* small display only */

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

* {
	padding: 0%;
	margin: 0%;
}
body {
	width: 100%;
	background: orange;
}
div.tua {
	position: absolute;
	top: 2%;
	margin-left: 5%;
	font: arial;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: white;
}


ul#firstblackline {
	margin-top:3%;
	margin-left:5%;
		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#yourdegreeyourway {
	position: absolute;
	top: 10%;
	left: 0%;
	width: 100%;
	padding-left: 5%;
	font: arial;
	font-size: 38px;
	font-weight: bold;
	font-style: italic;
	background-color: navy;
	color: yellow;
}
p#onlineoncampus {
	position: absolute;
	top: 10%;
	left: 45%;
	font: arial;
	font-size: 38px;
	font-weight: bold;
	font-style: italic;
	background-color: navy;
	color: yellow;
}
div#academicstitle {
	position: absolute;
	top: 1%;
	left: 48%;
	font: arial;
	font-size: 24px;
	font-weight: bold;
	z-index: 4;
}
div#meetprofessors {
	position: absolute;
	top: 26%;
	left: 5%;
	font: arial;
	font-size: 2em;
	font-weight: bold;
	color: navy;
}
div#professors {
	position: absolute;
	top: 35%;
	left: 5%;
	width: 50%;
	font: arial;
	font-size: 1em;
	color: navy;
}
}