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

/* @group Reset */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, font, strike, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*	added since vertica-align was causing text alignment issues in IE7 that is not correctable by restyling -sonhoang 2-22-2010 */
img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong {
	font-weight: normal;
}

/* @end */

/* @group General */
body {
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 100%;
	background: url(/cas/images/cas/header_background.png) repeat-x top;
}

div#container {
	width: 60.625em; /* 16 x 60.625 = 970px */
	margin: 0 auto;
}

a {
	color: #207BC1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Header */
body#department,
body#landing {
	background: url(/cas/images/cas/header_background_dept.jpg) repeat-x top;
}

div.header {
	height: 7.375em; /* 16 x 7.375 = 118px */
	margin-left: .625em; /* 16 x 0.625 = 10px */
	margin-right: .625em; /* 16 x 0.625 = 10px */
}

div.header p {
	text-transform: uppercase;
	font-size: .625em; /* 16 x 0.625 = 10px */
	padding-top: 5.4em; /* 10 x 5.4em = 54px */
}

div.header p.logo,
div.header h1 {
	float: left;
	margin: 0;
}

div.header p.logo {
	padding-top: 0;
	font-size: 1.5em;
}

div.header h1 {
	font-size: 2em;
}

/* program/department headlines */
div.header h1.program,
div.header h1.department {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
}

div.header h1.program {
	clear: right;
	margin-top: .5em;
}

h1.program a,
h1.department a {
	color: black;
	text-decoration: none;
}

/* Share this button */
div.header a.a2a_dd img {
	float: right;
	clear: right;
	padding-top: 0.9375em; /* 16 x 0.9375em = 15px */
}

/* @group Search Box */
form.search {
	position: relative;
	margin-top: .75em;
}

form.search input {
	display: block;
}

form.search input.terms {
	font-size: 65%;
	line-height: 1.8em;
	width: 16em;
	height: 1.8em;
	padding-left: .5em;
	padding-right: .5em;
	background-image: url(/cas/images/temp/search-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: none;
	border-radius: .5em;
	border-width: 0;
	position: absolute;
	right: 7em;
	top: 0;
}

form.search input.search,
form.search input.submit {
	position: absolute;
	top: 0;
	right: 1em;
	font-size: 65%;
	width: 4.75em;
	height: 1.9em;
}

form.search input.submit {
	z-index: 5;
	color: #ffffff;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

form.search input.submit:active {
	top: .1em;
	right: .1em;
}

/* hide automatic google icon on cas/search.php searches */

img.searchlogo {
	display: none;
}

/* @end */

/* @group Global Nav */
ul.global {
	list-style-type: none;
	float: right;
	padding-top: 0;
	text-transform: uppercase;
}

ul.global a {
	font-size: .563em; /* 16 x 0.563em = 9px */
	text-decoration: none;
	color: #505050;
	padding-right: .3em; /* 9 x 0.3em = 2.7px */
	padding-left: .8em; /* 9 x 0.8em = 6.4px */
}

ul.global li + li a {
	border-left: thin solid #505050;
}

ul.global a:hover {
	text-decoration: underline;
}

ul.global li {
	display: inline;
}

/* @end */

/* @group User Groups */
body#department ul.usergroups,
body#landing ul.usergroups {
	display: none;
}

ul.usergroups {
	list-style-type: none;
	float: right;
	font-size: .625em; /* 16 x 0.625em = 10px */
	padding-top: 3.9em; /* 10 x 3.9em = 39px */
	clear: right;
	width: 52em; /* 10 x 45em = 450px */
	text-align: right;
}

ul.usergroups li {
	display: inline;
	padding-top: 1em; /* 16 x 1em = 16px */
	padding-bottom: 1em; /* 16 x 1em = 16px */
}

ul.usergroups li a {
	color: #207BC1;
	font-weight: bold;
	text-decoration: none;
	padding-left: 1.2em; /* 16 x 1.2em = 19.2px */
	padding-right: .9em; /* 16 x .9em = 14.4px */
	padding-top: 1.5em; /* 16 x 1.5em = 24px */
	padding-bottom: 1.5em; /* 16 x 1.5em = 24px */
}

ul.usergroups li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Primary Navigation */
ul#areas {
	font-size: .6em; /* 16 x 0.6em = 9.6px */
	width: 74.48em; /* 9.6 x 74.48em = 715.008px */
	float: left;
	background: url(/cas/images/cas/primary_nav_bg.png) repeat-y;
}

body#department ul#areas,
body#landing ul#areas {
	background: url(/cas/images/cas/primary_nav_bg_dept.png) left top no-repeat;
}

ul#areas a {
	display: block;
	color: white;
}

body#department ul#areas a,
body#landing ul#areas a {
	color: #002469;
}

body#department ul#areas li:hover a,
body#landing ul#areas li:hover a {
	color: white;
}

ul#areas a:hover {
	text-decoration: none;
}

ul#areas li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}

ul#areas li a {
	font-weight: bold;
}

ul#areas li ul li a {
	font-weight: normal;
}

ul#areas li ul li {
	font-size: 1.1em;
}
ul#areas li ul li ul li {
	font-size: 1em;
}
ul#areas li + li {
	background-image: url(/cas/images/cas/primary_nav_li_border.png);
	background-position: left;
	background-repeat: no-repeat;
}

/* @group open bar */
/* set up bar across open section */
/* puts space for the bar across every menu */

ul#areas > li > a {
	border-top: solid transparent .3em;
	padding-top: .8em;
/*	pixel use due to aligning to background image above */
	margin-top: 6px;
	margin-left: 2em;
	/* 10/30/09 mandersen reduced margin so that we can fit more in the navigation bar margin-right: 2em; */
	margin-right: 1.5em;
	padding-left: 0;
	padding-right: 0;
	height: .9em;
}

/* sets the border across the open menu */
ul#areas > li.open > a {
	border-top-color: #85B0DA;
	color: #8497B9;
}

/* admin pages are blue and need it on the bottom */

body#administration ul#areas > li {
	height: 4.375em;
	line-height: 4.375em;
}

body#administration ul#areas > li > a {
	height: 3.875em;
	margin: 0;
	border-top: none;
	border-bottom: solid transparent .5em;
	padding: 0;	
	padding-left: 2em;
	padding-right: 2em;
}

body#administration ul#areas > li.open > a {
	border-bottom-color: #1A75CF;
}

/* @end */

body#department ul#areas li,
body#landing ul#areas li {
	background-image: none;
}

body#department ul#areas li:hover,
body#landing ul#areas li:hover,
ul#areas li:hover {
	background: url(/cas/images/cas/primary_nav_li_bg.png) repeat-x;
}

ul#areas a, ul#areas li.open li.open {
	padding: 0 2em 0 2em; /* 16 x 2em = 32px */
	padding-top: 1.7em; /* 16 x 1.625em = 27.2px */
	padding-bottom: 1.7em; /* 16 x 1.625em = 27.2px */
}

ul#areas li li:hover a:hover, ul#areas li.open li.open {
	background: #002469;
}

ul#areas li ul {
	position: absolute;
	display: none;
	width: 18.7em;
	padding-bottom: 1.5em;
	padding-top: .8em;
	opacity: .95;
}
ul#areas li ul li ul {
	width: 17em;
}
ul#areas li li {
	padding: 0;
	text-transform: none;
	font-weight: normal;
	width: 17em;
	background: none;
}

ul#areas li li a, ul#areas li.open li.open {
	width: 13em;
	/* reset the padding for list links */
	padding-top: 0;
	padding-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

ul#areas li li.open {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	width: 15em;
	background: #002469;
}

ul#areas li li a:hover {
	background: none;
}

ul#areas li li:hover {
	background-color: #0d3374;
}

ul#areas li:hover ul {
	display: block;
	background: #052a6e;
	z-index: 5;
}

ul#areas ul ul {
	margin: -3em 0 0 17em;
}

ul#areas ul li.open ul {
	margin: -3em 0 0 15em;
}

ul#areas, ul#areas ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

ul#areas li:hover ul ul {
	display: none;
}

ul#areas li li:hover ul {
	display: block;
}

/* @end */
/* @end */

/* @group Navigation */
div#navigation {
	background: #e8e8e8;
	width: 12.5em; /* 16 x 12.5em = 200px */
	float: left;
}

div#navigation p,
div#contact_info p {
	padding-top: .5em; /* 16 x 0.5em = 8px */
	padding-bottom: .5em; /* 16 x 0.5em = 8px */
	line-height: 1.4em; /* 16 x 1.4em = 22.4px */
}

div#navigation h2 {
	font-weight: bold;
	font-size: 75%;
	color: #ffffff;
	background-color: #8D8D8D;
	padding: .5em 1em;
	margin: 1em 0 .75em 0;
}

div#navigation h2:after,
div#contact_info h2:after {
	content: ":";
}

div#navigation h3,
div#contact_info h3 {
	color: #999;
	text-transform: uppercase;
	padding: 1em 1.5em;
	font-size: 62.5%;
}

div#navigation p,
ul.destination_links {
	font-size: 68.75%; /* 11px / 16 = .6875 --> 68.75% */
}

div#navigation p {
	padding: 0 1.5em;
}

img.chair,
img.portrait {
	margin: .3em 0 0 1em;
}

div.map {
	margin: 0 1.3em .8em 1.3em;
	padding-top: .95em;
	border-top: thin solid #b7b7b7;
}

img.portrait {
	padding-top: 1em;
}

ul.destination_links {
	line-height: 2em;
	list-style-type: none;
	padding: 0 2em;
}

div#navigation div.social_nav {
	background-color: #d4d2ce;
	padding: 0 0 .75em 0;
	height: 5em;
}

div.social_nav ul.social {
	width: 100%;
	height: 1em;
	margin-left: .5em;
}

div.social_nav ul.social li {
	width: 15%;
	text-align: center;
	list-style: none;
	float: left;
}

div.social_nav ul img {
	width: 1.25em;
	height: 1.25em;
}

div#FaceBookLikeButton {
	clear: both;
	margin: .75em 0 0 .75em;
}
/* Promotion Boxes */
div.promo_box {
	background-color: #fff;
	padding-top: .75em;
}

div#navigation div.promo_box h2,
div#navigation div.give_box p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 131.25%; /* 21px / 16 = 1.3125 --> 131.25% */
}

div#navigation div.promo_box h2:after {
	content: ".";
}

div.promo_box img {
	margin-top: .75em;
	width: 10.5em;
	height: 1.875em;
}

div.give_box,
div.newsletter_box {
	padding: .75em;
}

div.give_box {
	border: .25em solid #e9e9e9;
}

div#navigation div.give_box h2 {
	background-color: #fff;
	color: #002868;
}

div#navigation div.give_box p {
	color: #207bc1;
}

div.newsletter_box {
	border: .25em solid #efefef;
}

div.newsletter_box,
div#navigation div.newsletter_box h2 {
	background-color: #efefef;
}

div#navigation div.newsletter_box h2 {
	color: #dba051;
	margin-bottom: .25em;
}

div#navigation div.newsletter_box p {
	padding: 0;
	color: #333;
	font-size: 75%; /* 12px / 16 = .75 --> 75% */
}

/* @end */
/* @end */

/* @group Main Links */
ul.main_links {
	padding-top: 1em;
}

ul.main_links li {
	font-size: 68.75%; /* 11px / 16 = .6875 --> 68.75% */
	padding: 2em; /* 11.2 x 2em = 22.4px */
	padding-top: .6em; /* 11.2 x .6em = 6.72px */
	padding-bottom: .6em; /* 11.2 x .6em = 6.72px */
	display: block;
	border-bottom: .1em solid #d9d9d9;
}

ul.main_links li.open {
	background-image: url(/cas/images/cas/navBullet.png);
	background-position: .6em .65em;
	background-repeat: no-repeat;
	color: #002469;
}

ul.main_links li.open ul {
	list-style-type: none;
	margin-right: -2em;
}

ul.main_links li.open ul li {
	border: none;
	padding-bottom: 0;
	padding-left: 1.1em;
	padding-top: .7em;
	font-size: 100%;
}

ul.main_links li.open ul li.open {
	background-image: none;
}

ul.main_links li li,
ul.main_links li.open li a {
	color: #646464;
}

/* @end */

/* @group Content */
div#content {
	width: 59.375em; /* 16 x 59.375em = 950px */
	padding-top: .9375em; /* 16 x 0.9375em = 15px */
	margin-left: .625em; /* 16 x 0.625em = 10px */
	clear: both;
}

/* @end */

/* @group Breadcrumb */
div#content_box ul.breadcrumb {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

div#content_box ul.breadcrumb li {
	font-size: 69%; /* 9px / 13 = .69 --> 69% */
	display: inline;
	color: #8d8d8d;
	margin-left: 0;
}

div#content_box ul.breadcrumb li a {
	color: #8d8d8d;
}

div#content_box ul.breadcrumb li + li {
	padding-left: 1.5em;
	background: url(/cas/images/cas/breadCrumbArrow.png) left no-repeat;
}

/* @end */

/* @group Quicklinks */
div.footerLinks {
	font-size: .625em; /* 16 x 0.625em = 10px */
	width: 97em; /* 10 x 97em = 970px */
	padding-top: 1.5em;
	padding-bottom: 2em;
	clear: both;
}

div.group {
	margin-left: .625em; /* 16 x 0.625em = 10px */
	float: left;
	width: 100%;
	border-bottom: .1em solid #c8c8c8;
	margin-bottom: 2em;
	padding-bottom: 2em;
}

ul.choices {
	height: 2em;
	text-transform: uppercase;
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: thin solid #c8c8c8;
}

ul.choices li {
	display: inline;
}

ul.choices li.unchosen {
	cursor: pointer;
	color: #207BC1;
	font-weight: normal;
	margin-left: 1em;
	margin-top: 0;
}

ul.choices li.chosen {
	font-weight: normal;	
	margin-left: 1em;
	font-style: italic;
}

ul.choices li + li {
	padding-left: 1em;
	border-left: thin solid #CCCCCC;
}

div.group ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.group li {
	float: left;
	font-weight: normal;
	margin: 0 0 0 1.875em;
	padding: .125em 0 0 0;
	display: block;
}

div.group li li {
	float: none;
	font-weight: normal;
	margin: 0;
}

/* @end */

/* @group Footer */
div#footer {
	font-size: .625em; /* 16 x 0.625em = 10px */
	margin-top: 2em;
	clear: both;
	margin-bottom: 5em;
	height: 9em;
}

div.footerLogo {
	float: left;
	width: 45%;
	text-align: right;
}

div.footerInfo {
	width: 55%;
	float: right;
	padding-top: 1.5em;
	clear: right;
	line-height: 1.7em;
	margin-bottom: 2em;
}
div.footerInfo a {
	color: black;
	text-decoration: underline;
}
div.footerLinks li.chosen {
	font-style: normal;
	color: #555555;
}
body.D1 div.footer {
	font-size: 62.5%;
	width: 93em;
	background-color: white;
	opacity: .8;
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 2em;
	position: absolute;
	/*	each page that uses D1 template must adjust top depending on number of slides used, change margin in CSS of page itself */
	top: 69.9em;
	left: 2em;
}

body.D1 div.footer a {
	text-decoration: underline;
	color: black;
}

div.footerInfo p {
	padding-left: 2em;
}

div#usd ul a {
	color: #555555;
}

div.footerLinks ul ul a {
	color: #555555;
}

div.footerLinks ul strong a {
	font-weight: normal;
	color: black;
}

div.footerLinks ul {
	padding-top: 0;
	line-height: 1.7em;
	font-weight: normal;
}

div.footerLinks ul.choices {
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: .1em solid #c8c8c8;
}

p.quicklinks {
	float: left;
	padding-right: 1em;
	font-size: 115%;
}

p.url {
	margin-bottom: .5em;
}

p.url a {
	color: #7f7f7f;
	text-decoration: none;
}

div#usd ul {
	padding-right: 1.5em;
}

div#cas ul {
	padding-right: .1em;
}

div#departments ul {
	padding-right: 3em;
}

div#majors ul, div#minors ul {
	padding-right: 4.5em;
}
/* @end */