@charset "utf-8";

/* CSS Document */

a:hover {
	text-decoration: underline;
}

div#secondary-wrapper {
	background-color: transparent;
}

/* @group Navigation and Sites */

div#nav-sites {
	overflow: hidden;
	position: relative;
	background-image: url(/images/template/main/areas-bg.png);
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}

ul#areas {
	width: 50em;
	background-image: none;
	border-top-right-radius: 0;
}

ul#areas > li {
	width: 9.975em;
}

div#gateways {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 51.6em;
	font-size: 87.5%;
	padding-top: 1.25em;
	padding-left: .75em;
	padding-right: .75em;
	width: 15.5em;
	height: 28em;
	background-image: url(/images/template/main/gateway-fade-bg.png);
	background-position: left;
	background-repeat: repeat-y;
}

div#gateways h2, div#gateways h2 a {
	color: #84bce8;
}

div#gateways h2 {
	font-weight: bold;
	padding-bottom: 1em;
	background-image: url(/images/template/home/home_gateways-border.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#gateways ul {
	padding-left: 0;
	margin-bottom: 2.8em;
	color: #ffffff;
}

div#gateways li a {
	color: #ffffff;
}

div#gateways ul li {
	font-size: 93%;
	margin-top: .575em;
	margin-bottom: .575em;
}

/* @group Feature */

div#feature {
	position: relative;
	width: 44.4em;
	padding-left: .75em;
}

div#feature img {
	display: block;
	width: 42.625em;
	height: 21.125em;
	border: .5em solid #ffffff;
	background-color: #ffffff;
}

div.caption, ul.stories {
	position: absolute;
	z-index: 10;
}

div.caption {
	overflow: hidden;
	text-shadow: #000000 0 0 1em;
	padding: .625em;
	padding-top: .375em;
	max-height: 7em;
	width: 14.625em;
	left: 1.875em;
	top: 13.5em;
	background-image: url(/images/template/home/caption.png);
}

div.caption h2, div.caption h2 a {
	color: #ffffff;
}

div.caption h2 {
	font-weight: bold;
	font-size: 112.5%;
	line-height: 1.44em;
}

div.caption p, div.caption p a {
	color: #84bce8;
}

div.caption p {
	font-size: 75%;
}

ul.stories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	font-weight: bold;
	color: #ffffff;
	top: 21.4em;
	right: 3.85em;
}

ul.stories a {
	color: #ffffff;
	display: block;
}

ul.stories li {
	float: left;
	text-align: center;
	line-height: 1.4em;
	width: 1.3em;
	margin-left: .6em;
	background-color: #898989;
}

ul.stories li.open {
	background-color: #000000;
}

div#overlay {
	display: none;
	opacity: .5;
	position: absolute;
	z-index: 15;
	top: 0;
	left: 0;
	height: 100%;
	width: 44.4em;
	background-color: #000000;
}

/* @endgroup */

/* @endgroup */

/* @group Academics */

div.academics {
	position: relative;
	padding-left: 2em;
	padding-right: 1em;
	padding-top: 1.1875em;
	height: 8.625em;
	background-image: url(/images/template/home/content-bg.png);
	background-position: top;
	background-repeat: repeat-x;
}

div.academics img.shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 45.25em;
	height: 1.1875em;
}

p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 118.75%;
	line-height: 1.5em;
	width: 23.37em;
	float: left;
	color: #636363;
	margin-top: -.25em;
}

span.name, span.title {
	font-size: 63%;
}

span.name {
	font-weight: bold;
	color: #002868;
}

span.title {
	color: #207bc1;
}

div#schools {
	float: right;
	width: 28.5em;
}

div#schools h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 112.5%;
	padding-bottom: .44em;
	background-image: url(/images/template/home/colleges-border.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#schools ul {
	float: left;
	font-size: 81.25%;
	width: 17em;
}

div#schools ul + ul {
	float: right;
}

div#schools ul a {
	display: block;
	color: #207bc1;
	line-height: 1.7em;
	border-bottom: .1em solid #cfcfcf;
}

div#schools img {
	width: .38em;

	height: .77em;
}

/* @endgroup */

/* @group Carousel */

div.carousel-controls {
	position: relative;
}

div.carousel-controls h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.75em;
	padding-left: .8125em;
	padding-right: .8125em;
	margin-bottom: 1em;
	background-color: #207bc1;
}

img.previous,
img.next {
	position: absolute;
	top: .2em;
	z-index: 25;
	width: .9375em;
	height: 1.75em;
	cursor: pointer;
}

img.previous {
	left: -.375em;
}

img.next {
	right: -.25em;
}

/* @endgroup */

/* @group Communications */

ul.communications {
	clear: both;
	margin-left: .8125em;
	margin-right: .8125em;
	width: 58.25em;
}

li.communications {
	height: 19.5em;
	width: 59.25em;
}

div.panel {
	overflow: hidden;
	float: left;
	width: 13.8125em;
	margin-bottom: 2em;
	border-bottom: .125em solid #969696;
}

div.panel + div.panel {
	margin-left: 1em;	
}

div.panel h2 {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	height: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .8125em;
	padding-right: .5em;
	margin-bottom: .375em;
	background-color: #969696;
	overflow: hidden;
}

div.panel a {
	color: #207bc1;
}

div.panel h2 a {
	color: #ffffff;
	display: block;
}

div.usdmag h2 a {
	display: inline;
}

div.panel h2 img {
	position: absolute;
	top: .5em;
	right: .5em;
	width: 1.25em;
	height: 1.25em;
}

div.stories span.weak {
	font-size: 87.5%;
	font-weight: normal;
}

span.issue {
	font-size: 75%;
	font-weight: normal;
	text-transform: uppercase;
}

div.panel div.content {
	background-color: #ffffff;
	position: relative;
	height: 16.5em;
}

div.panel div.content a.thumbnail {
	display: block;
	padding-top: .5em;
}

div.panel div.content a.thumbnail img {
	display: block;
	width: 12.1875em;
	height: 5.6875em;
	padding: .3em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
	border: .0625em solid #cccccc;
}

div.panel p.more {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	text-align: right;
	width: 19.5em;
	padding: .7em;
	padding-top: 0;
	background-color: #ffffff;
}

div.panel p.more img {
	display: inline;
	width: .6em;
	height: .8em;
	margin-right: .6em;
	padding: 0;
}

div.panel li h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 87.5%;
}

div.stories div.content,
div.usdmag div.content {
	overflow: hidden;
	font-family: Georgia,"Times New Roman",Times,serif;
	height: 15em;
	padding-bottom: 1.5em;
}

div.stories p.lead {
	font-size: 75%;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	margin-left: .93em;
	margin-right: .93em;
	margin-bottom: .75em;
	margin-top: 1.2em;
	color: #636363;
}

div#news ul,
div#events ul {
	overflow: hidden;
	height: 14.5em;
	padding-top: .5em;
	margin-left: .8125em;
	margin-right: .8125em;
}

div#news ul li,
div#events ul li {
	line-height: 1.3em;
	margin-bottom: .75em;
}

div#news ul p {
	font-size: 62.5%;
	color: #636363;
}

div#news span.date {
	color: #969696;
}


div#events ul li {
	clear: both;
}

div#events p.date {
	float: left;
	position: relative;
	font-size: 56.25%;
	width: 4.2em;
	height: 4.6em;
	margin-bottom: 2em;
	background-image: url(/images/template/home/events-bg.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div#events h3 {
	float: right;
	width: 11em;
	margin-top: -.25em;
	margin-bottom: 1em;
}

div#events p.date span {
	display: block;
	text-align: center;
}

div#events span.month {
	position: absolute;
	z-index: 5;
	top: .15em;
	left: 0;
	line-height: 1em;
	text-transform: uppercase;
	color: #ffffff;
	width: 3.5em;
}

div#events span.day {
	color: #969696;
	font-size: 200%;
	width: 1.6em;
	height: 1.167em;
	background-color: #ffffff;
	border: .1em solid #969696;
	border-top-width: .7em;
}

div.usdmag h3,
div.stories h3 {
	margin-left: .75em;
	margin-right: .75em;
}

div.usdmag h3.extra {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	color: #969696;
	text-transform: uppercase;
	margin-top: 1.2em;
	margin-bottom: .5em;
	margin-left: 1.2em;
	margin-right: 1.2em;
}

div.usdmag h4 {
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
	font-size: 75%;
	margin-bottom: .75em;
	margin-left: .92em;
	margin-right: .92em;
	padding-left: 1em;
}

div.usdmag h4 img {
	position: absolute;
	left: 0;
	top: .25em;
	width: .7em;
	height: .7em;
}

div#explore img {
	width: 11.9375em;
	height: 6.5625em;
	margin-bottom: 0;
}

p.explore {
	font-size: 62.5%;
	margin-left: 1em;
	margin-right: 1em;
	line-height: 2.4em;
	color: #969696;
	text-transform: uppercase;
}

div#explore ul {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

div#explore li {
	border-top: .0625em solid #ffffff;
}

div#explore li h3 {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #969696;
}

div#explore li h3 a {
	color: #ffffff;
	display: block;
	padding-left: .875em;
	padding-right: .875em;
	line-height: 2em;
}

/* @endgroup */

/* @group Footer */

div#footer {
	padding-top: 4.2em;
}

div#footer p span {
	background-color: #f2f2f2;
}

div#reference li {
	background-color: #f2f2f2;
}

/* @endgroup */