body
{
	font-family: arial;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	margin-top: 40px;
	background: #7F7F7F url('../images/bgTile.jpg') repeat-x top center;
}

a {color: #fff; text-decoration: none;}
a:hover {color: #FF0000;}

.banner
{
	width: 800px;
	height: 100px;
	margin: auto;
}

.XAlogo
{
	width: 300px;
	height: 100px;
	margin: auto;
}

.portal
{
	width: 900px;
	height: 160px;
	margin: auto;
}

	.portal div {float: left;}
	.portal a {display: block; width: 300px; height: 160px;}

	.sinclair {width: 300px; height: 160px; background: url('../images/navigation.jpg') repeat 0px 0px;}
	.wsu {width: 300px; height: 160px; background: url('../images/navigation.jpg') repeat -300px 0px;}
	.ud {width: 300px; height: 160px; background: url('../images/navigation.jpg') repeat -600px 0px;}
	
	.sinclair:hover {background-position: 0px -160px; cursor: pointer;}
	.wsu:hover {background-position: -300px -160px; cursor: pointer;}
	.ud:hover {background-position: -600px -160px; cursor: pointer;}
	
.footer
{
	margin: 50px auto;
	text-align: center;
}

#wsu:hover {color: #008000;}
#ud:hover {color: #0000FF;}