﻿@import url(styleGlobal.css);

body {
	background-color:#FFF;
	font:.75em/1.33 Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

/* Block Elements */
	h2 {
		margin:0 0 .35em 0;
		border-width:0 0 1px 0;
		padding:0 1px;
		background-color:transparent;
		color:#a23829;
		font:bold italic 145%/1.3 sans-serif;
	}
	h2 a, h2 a:link, h2 a:visited {
		color:#b35447;
		text-decoration:none;
	}
	h2 a:hover {
		text-decoration:underline;
	}
	h3 {
		margin-bottom:.5em;
		padding:2px 0;
		font-size:105%;
		border-color:#DDDDDD;
	}
	h4 {
		font:bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
		border-color:#DDDDDD;
	}
	hr {
		color:#878787;
		background-color:#878787;
	}
/* Inline Elements */
	a, a:link {
		color:#174999;
		text-decoration:underline;
	}
	a:visited {
		color:#3665b3;
	}
	a:hover {
		text-decoration:none;
	}
	a.offsite {
		color:#555588;
	}
	a.offsite:hover {
		color:#007700;
	}
/* Form Elements */
	fieldset.complexForm {
		border-width:1px;
		border-style:dashed solid solid dashed;
		border-color:#cccccc #f0f0f0 #f0f0f0 #f0f0f0;
	}
	fieldset.complexForm legend {
		border-width:1px;
		border-style:dashed solid dashed solid;
		border-color:#cccccc #f0f0f0 #e0e0e0 #f0f0f0;
		background:#FFF;
		font-weight:bold;
	}
	label {
		font-weight:bold;
	}
	input, textarea, button, select {
		color:#000;
		background-color:#F6F6F6;
	}
	select, button, .textInput, .fileInput, textarea, .textInputInline, .fileInput, input.dateInput {
		border:1px solid #000;
	}
	input[type='text'], input[type='file'], input[type='text'].textInputInline { /* Must separate out or IE breaks*/
		border:1px solid #000;
	}
	.submitInput, .buttonInput, .submitInput2, .submitInputDL, .submitInputDL2 {
		background-color:#F3F3EE;
		border:1px solid #000;
		font-weight:bold;
	}
	input[type='submit'], input[type='button'] { /* Must separate out or IE breaks*/
		background-color:#F3F3EE;
		border:1px solid #000;
		font-weight:bold;
	}
/* Table Elements */
	.sData td, .sData th {
		border:1px solid #333;
	}
/* Header Styles */
	#header {
		width:950px;
		height:66px;
		text-align:right;
		font-size:90%;
		background:#00549D;
	}
	#headerImage {
		float:left;
		margin:0;
		width:341px;
	}
	#topSearch {
		margin:3px 10px .4em 0;
	}
	#topSearch input.textInput {
		width:170px;
		margin:0 3px 0 0;
	}
	#advancedSearch {
		background:#CCCCC8;
	}
	.headerLinks {
		margin:6px 11px .7em 0;
		padding:0;
		color:#FFF;
	}
	.headerLinks a,.headerLinks a:link,.headerLinks a:visited {color:#EEE;}
	.headerLinks a:hover {color:#FFF;text-decoration:none;}
	.mailNotice {
		margin:2px 5px 0 0;
		padding:0;
		font-weight:bold;
	}
/* Top Navigation Styles */
	#topNavigation {
		clear:both;
		width:950px;
		text-align:right;
	}
	#topNavigation ul {
		margin:0;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding:0;
		list-style-type:none;
		float:left;
		width:100%;
		background:#8f8f8f;
	}
	#topNavigation ul li {
		display:inline;
	}
	#topNavigation ul li a, #topNavigation ul li a:link, #topNavigation ul li a:visited {
		color:#FFF;
		border-right:1px solid #000;
		text-decoration:none;
		float:left;
		padding:.4em 1em .35em;
		letter-spacing:1px;
	}
	#topNavigation ul li a:hover {
		color:#FFF;
		background:#89b0d2;
	}
/* Body Layout Styles */
	#shell {
		clear:both;
		width:950px;
		margin:0;
		padding:0;
	}
	#shellInterior {
		clear:both;
		width:930px;
		margin:10px 0;
		padding:10px;
		padding-left:15px;
	}
	#mainContent {
		float:left;
		width:616px;
		margin:15px 0 0 9px;
	}
/* Front Page Styles */
	#mainContent #welcome {
		background:#EEE;
		border:1px solid purple;
		padding:5px;
		margin:0
	}
	#mainContent #welcome2 {
		margin:0 3px 0 2px;
		padding:1px 0 3px 0;
		border:0;
		border-bottom:1px solid #000;
		background-color:#FFF;
		font-size:115%;
		font-style:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#A13627;
	}
	#fpColumn1 {
		clear:both;
		float:left;
		width:190px;
		margin:5px 0 0 2px;
		padding:5px 5px 0 2px;
		background:#F5F5F5;
	}
	#fpColumn1 img {
		border:1px solid #000;
	}
	#fpColumn1 #DidYouKnow {
		font-size:110%;
	}
	#fpColumn1 #Pathway {
		background:#E8E8E8;
		padding:1.2em 4px;
		margin:2.5em -3px 0;
		border-top:1px solid #DDD;
		font-size:80%
	}
	#fpColumn1 #Pathway img {
		border:none;
		margin:5px 0 7px;
	}
	#fpColumn1 p {
		font-size:90%;
		margin-left:3px;
	}
	#fpColumn2 {
		float:left;
		width:400px;
		margin:10px 0 0 10px;
		padding-left:5px;
	}
	#fpColumn2 #fpContent p {
		font-size:113%;
	}
	#fpColumn2 #fpContent ul {
		margin-left:3px;
		padding-left:0;
		margin-bottom:1.2em;
	}
	#fpColumn2 #fpContent ul li {
		padding-bottom:5px;
	}
	#fpColumn2 #fpContent ul img {
		margin-right:3px;
		vertical-align:-1px;
	}
	#fpColumn2 h2, #fpColumn1 h2 {
		margin-left:-1px;
		padding-left:1px;
	}
	#fpColumn3 {
		float:left;
		width:295px;
		margin:15px 0 0 20px;
		padding-left:5px;
	}
	#fpColumn3 h2 {
		margin-left:-5px;
	}
	#fpColumn3 h4 {
		margin:.27em 0;
	}
	#fpColumn3 h4 a {
		color:#555;
		text-decoration:none;
	}
	#fpColumn3 h4 img {
		margin:0;
	}
	#fpColumn3 img {
		margin:.5em .6em .5em 0;
	}
	#fpColumn3 ul, #fpColumn2 ul {
		margin-left:20px;
	}
	#fpColumn3 .recentDate {
		float:left;
		width:15%;
		padding:3px 0 3px 10px;
	}
	#fpColumn3 .recentItem {
		float:right;
		width:75%;
		padding:3px 8px 3px 0;
	}
	.quickLaunch {
		margin:5px 0 15px 0;
		font-size:90%;
	}
	.quickLaunch optgroup.opt1 {
		background:#D6D6D6;
	}
	.quickLaunch optgroup.opt2 {
		background:#EFEFEF;
	}
/* Scrolly Div Styles */
	#slideshow_wrapper{
		overflow:hidden;
		background:#F7F7F7;
		width:613px;
		height:186px;
	}
	#slideshow_elements {
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:0;
		top:0;
		display:block;
	}
	#slideshow_elements li {
		float:left;
		height:90px;
		width:204px;
		margin:0;
		border:1px solid #000;
		border-width:1px 0;
		font-size:90%;
		line-height:normal;
	}
	#slideshow_elements li p {
		height:80px;
		padding:1px 3px 3px 55px;
	}
	li#sd1{
		border-color:#A23829;
		background:url(/portal/images/scroll_welcome.jpg) left no-repeat;
	}
	li#sd2 {
		border-color:#FAB100;
		background:url(/portal/images/scroll_student.jpg) left no-repeat;
	}
	li#sd3 {
		border-color:#8EA100;
		background:url(/portal/images/scroll_faculty.jpg) left no-repeat;
	}
	li#sd4 {
		border-color:#032E64;
		background:url(/portal/images/scroll_research.jpg) left no-repeat;
	}	
	li#sd5 {
		border-color:#711A99;
		background:url(/portal/images/scroll_partner.jpg) left no-repeat;
	}
	li#sd6 {
		border-color:#AF8222;
		border-right-width:1px;
		background:url(/portal/images/scroll_courses.jpg) left no-repeat;
	}
	.slide_controls {
		text-align:right;
		margin-top:2px;
		padding-top:1px;
		vertical-align:middle;
	}
	.slide_controls a {
		color:darkgreen;
		text-decoration:none;
		padding:0 3px 1px;
		margin:0 3px;
		border:1px solid black;
	}
/* Footer Classes */
	#footer {
		background:#FFF;
		width:950px;
	}
	#footerBar {
		color:#FFF;
		background:#747A7E;
	}
	#footerBar a, #footerBar a:link, #footerBar a:visited {
		color:#FFF;
	}
	#footerBar {
		padding:3px 4px 3px 3px;
	}
	#footerTerms {
		clear:both;
		padding:3px 4px 3px 3px;
	}
/* General Classes */
	.detail {
		font-size:95%;
	}
	.fineprint {
		font-size:90%;
	}
	.error {
		color:#ff0000;
	}
	.rightArea {
		float:right;
		display:inline;
		text-align:right;
		margin:.5em .5em 1em 1em;
		padding:5.5px;
		background-color:#FFF;
		border:1px solid black;
	}
	.breadcrumbs {
		margin:.25em 0 .5em;
		font-size:95%;
		font-style:italic;
	}
	.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {
		text-decoration:none;
	}
	.internalNav {
		padding:3px .25em;
		font-size:90%;
		text-align:right;
		font-style:italic;
	}
	.internalNav2 {
		margin:.2em 0 1.2em 0;
		text-align:center;
		font-size:80%;
	}
	.internalNav3 {
		margin:1.8em 0;
		padding:1em 0;
		border-top:1px solid #EEEEEE;
		text-align:left;
		font-size:85%;
	}
	.internalNav4 {
		margin:0 0 1em 0;
		padding:3px;
		border:0;
		text-align:left;
		background-color:#F6F6F6;
		font-size:95%;
		line-height:1.5;
	}
	.internalNav5 {
		float:right;
		display:inline;
		text-align:right;
		margin:0 0 1em 1em;
		padding:5.5px;
		border:1px solid black;
		font-size:80%;
		font-weight:bold;
		line-height:160%;
		background-color:#FFF;
	}
	.forwardLinks a, .forwardLinks a:link, .forwardLinks a:visited, .forwardLinks a:hover {
		font-weight:bold;
		text-decoration:none;
	}
	table.customFull, div.customFull, p.customFull {
		width:100%;
	}
	.deStrong {
		font-weight:lighter;
	}
	.deEm {
		font-style:normal;
	}
	.deBTM {
		margin-top:0;
		margin-bottom:0;
	}
	.deBM {margin-bottom:0;}
	.imgKey {
		margin:.2em 0;
		text-align:center;
		font-size:80%;
	}
	.required {
		color:#b00000;
	}
	.marked1 {
		color:#347C17;
	}
	.marked2 {
		color:#E66C2C;
	}
	.bgcolor0 {
		background-color:transparent;
	}
	.bgcolor1 {
		background-color:#E5E5E5;
	}
	.bgcolor2 {
		background-color:#EEE;
	}
	.bgcolor3 {
		background-color:#D3D3D3;
	}
	.bgcolor4 {
		background-color:#C6C6C6;
	}
	.bgcolor5 {
		background-color:#A6A6A6;
	}
	.unavail {
		width:950px;
	}
	
@media (max-width: 975px) {
	#header, #shell, #footer, #topNavigation { width:auto }
	#fpColumn3 {margin: 15px 0 0 2%;padding-left: 0;width: 30%;}
	#mainContent {margin: 15px 0 0 1%;width: 66%;}
	#mainContent img {width: 100%;height: auto;}
}
@media (max-width: 950px) {
	#fpColumn1 {display:none}
	#fpColumn2 {width:95%}
	#shellInterior {width:auto}
}
@media (max-width: 580px) {
	#mainContent, #fpColumn2 { width:auto }
}
@media (max-width: 500px) {
	#header { height: auto;padding-bottom: .25em;text-align: left;}
	#headerImage {float:none;}
}
@media (max-width: 380px) {
	#headerImage img {width: 100%; max-width: 100%; height: auto;}
}