/* homepage CSS styles */
#header{background: #027dc3 url(../graphics/header/headerDarkLightBkg.jpg) no-repeat center;}
#middle {
	background: #e9e9e9;
	background-image: none;}
.nav-left li a {background-color: #027dc3;}
.nav-left li a:hover {background: #027dc3 url(../graphics/arrows/arrowDarkBlue.gif) no-repeat left;}
.nav-left li.current a {background: #027dc3 url(../graphics/arrows/arrowDarkBlue.gif) no-repeat left;}
#extras{background-color: #e9e9e9;}
#extInfo{
	background: #e9e9e9;
	height: 165px;}
html>body #extInfo{
	height: 165px;}
*:first-child+html #extInfo{height: 165px;}	
.content {background: #fff;}
.content h1 {color: #00173d;}
#footer {background: url(../graphics/footer/footerLightDarkBkg.jpg) no-repeat center top;}	
.homeBanner{
		width: auto;
		border: 1px solid #09193B;
		background: #fff url(../graphics/homepage/homeBanner.jpg) no-repeat bottom left;
		min-height: 253px;
		padding-left: 280px;
		padding-bottom: 10px;
		padding-right: 5px;
		margin: -10px 0 0 -10px;}
.homeBanner h2{
		padding-top: 0;
		font-size: 1.1em;
		color: #09193B;}
.homeBanner ul{
		list-style-image: url(../graphics/arrows/arrowLightBlue.gif);
		margin-top: 20px;
		margin-left: 15px;
		padding-bottom: 30px;}
.homeBanner ul li{
		margin: 0 0 10px 0;
		padding-left: 10px;
		line-height: 1.2em;}
.homeBanner ul li a{
		margin-bottom: 10px;
		color: #09193B;
		font-weight: bold;
		text-decoration: underline;}
.homeBanner ul li a:hover{
		margin-bottom: 10px;
		color: #09193B;
		font-weight: bold;
		text-decoration: none;}
.aboutBox{
		float: left;
		width: 170px;
		height: 165px;
		margin-right: 34px;}
.aboutBox span{display: none;}		
.aboutBox a{
	display: block;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 165px;
	background: #0c7ec2 url(../graphics/homepage/aboutBox.jpg) no-repeat bottom left;		
	background-color: #0c7ec2;	}
.aboutBox a:hover{background: #0c7ec2 url(../graphics/homepage/aboutBoxHover.jpg) no-repeat bottom left;}
.graduateBox{
		width: 170px;
		height: 165px;
		float: left;
		margin-right: 34px;
		background: #0c7ec2 url(../graphics/homepage/graduateBox.jpg) no-repeat bottom left;}
.graduateBox span{display: none;}		
.graduateBox a{
	display: block;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 165px;
	background-color: #0c7ec2;
	background-image: url(../graphics/homepage/graduateUndergraduateBox.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.graduateBox a:hover{
	background-color: #0c7ec2;
	background-image: url(../graphics/homepage/graduateUndergraduateBoxHover.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}	
.employersBox{
		width: 170px;
		height: 162px;
		float: left;
		background: #0c7ec2 url(../graphics/homepage/employersBox.jpg) no-repeat bottom left;}
.employersBox span{display: none;}
.employersBox a{
	display: block;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 165px;
	background: #0c7ec2 url(../graphics/homepage/employersBox.jpg) no-repeat bottom left;		
	background-color: #0c7ec2;}
.employersBox a:hover{background: #0c7ec2 url(../graphics/homepage/employersBoxHover.jpg) no-repeat bottom left;}