/* @override 
	http://www.sandiego.edu/css/usd/dept_landing.css */

@charset "utf-8";
/* CSS Document */

/* Styles only used for departmental landing templates */

/* @group Banners for Dept. Landing A and C */

ul#banners {
	clear: left;
	position: relative;
	overflow: hidden;
	font-size: 75%;
	margin-left: auto;
	margin-right: auto;
	width: 75.75em;
	height: 18.5em;
	padding-top: .08em;
	padding-bottom: .08em;
	border-bottom: .33em solid #072953;
}

ul#banners li {
	position: absolute;
}

ul#banners img {
	width: 75.75em;
	height: 18.5em;
}

/* @endgroup */


/* @group Dept. Landing B */

div.feature {
	font-size: 75%;
	width: 75.75em;
	height: 23.75em;
	margin-left: auto;
	margin-right: auto;
	padding-top: .1em;
	padding-bottom: .1em;
	border-bottom: .33em solid #072953;
	position: relative;
}

div.feature img {
	width: 48.5em;
	height: 23.75em;
	float: left;
}

div#featureText {
	color: #000000;
	width: 23.8em;
	height: 18.25em;
	float: right;
	padding-left: 1.67em;
	padding-right: 1.67em;
	padding-top: 1em;
	background-color: #e6e3dc;
	background-image: url(/images/template/dept/b-caption_bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: #ccc8c5 solid 4.5em;
	overflow: hidden;
}

div#featureText a {
	color: #0071bb;
}

div#featureText h2 {
	color: #0071bb;
	font-size: 200%;
	margin-bottom: .75em;
}

div#featureText p {
	line-height: 1.5em;
	font-size: 91.6%;
}

ul#featureList {
	position: absolute;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	top: 21em;
	left: 50.25em;
}

ul#featureList a {
	color: #ffffff;
	display: block;
}

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

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

body.b div#body-copy.no-modules {
	width: 75.75em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.15em;
}

/* @endgroup */

/* @group Modules Area */

div.module {
	overflow: hidden;
}

div#modules {
	overflow: hidden;
	width: 42.125em;
	margin-right: 1.625em;
}

div.copy div#modules {
	margin-right: 0;
}

div.sitenav div.module {
	height: 22.5em;
}

body.c div.sitenav div.module {
	height: auto;	
}

body.a div.sitenav div.module {
	height: auto;
}

div#modules div.module {
	float: left;
	width: 27.5em;
	height: 21.5em;
	background-color: #ffffff;
}

div#modules div.module + div.module {
	float: right;
}

div.module h2 {
	position: relative;
}

div.module h2 img {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	display: inline;
	width: 1.25em;
	height: 1.25em;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}

div.module {
	position: relative;
}

div#news ul, div#events ul {
	margin-left: .54em;
}

div#news ul li, div#events ul li {
	list-style-type: none;
	margin-bottom: .75em;
}

div#news ul p {
	font-size: 83%;
	color: #636363;
	margin: 0;
}

div#events ul li {
	clear: both;
}

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

div#news h3, div#events h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0;
	margin-top: -.25em;
}

div#events h3 {
	float: right;
	width: 19.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;
	color: #ffffff;
	line-height: 1em;
	text-transform: uppercase;
	width: 3.5em;
}

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

div.module p.more,
div.module p.share-feed {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 0;
	text-align: right;
	width: 26em;
	margin: 0;
	padding: .7em;
	padding-top: 0;
	background-color: transparent;
}

div#news p.more img,
div#events p.more img,
div.module p.share-feed img {
	display: inline;
	width: .6em;
	height: .8em;
	margin: 0;
	margin-right: .6em;
	padding: 0;
	background-color: #ffffff;
	border: none;
}

div.module p.more a:hover {
	text-decoration: none;
}

/* @endgroup */

div#footer {
	padding-top: 0;
}