﻿/* GLOBAL STYLES
------------------------------------- */
#doc {
	color:#333;
	border-left:1px solid #b3b3b3;	
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	}
hr {
	display:none;
	}
.hr {
	border-bottom:.6em solid #00356f;
	}
bd {
	position:relative;
	}

/* DIV CLEAR -- ADD IDs AS NECESSARY
------------------------------------- */
#ft.super:after, #channelHead:after, #channelBody:after, #actions.bottom:after, #mainContentDetail:after, #bd:after, #ft.super:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
	}

	
	
/* MAIN WEBSITE CONTENT
------------------------------------- */
#contentActions {
	width:2px;
	background-color:#00356f;
	border-left:422px solid #fff;
	border-right:172px solid #ffc;
	display:block;
	float:right;
	/*position:relative;*/
	min-height:400px;
	z-index:1000;
	}
#mainContent {
	margin-left:-434px;
	padding:30px 10px 25px 23px;
	width:400px;
	float:left;
	position:relative;
	}
	
#mainContentRight {
	float: right;
	width: 159px;
	margin: 185px 0 20px 0;
	border-left: 1px dotted #404040;
	text-align: center;
	padding: 0 15px 15px;
	}
		#mainContentRight img {
			margin: 15px 0 0 0;
			display: block;
			width: 146px;
			height: 77px;
			padding: 7px 9px 10px;
			background: url(/images/RCimagebg.gif) no-repeat top left;
			}
		#mainContentRight h4 {
			font-size: 11px;
			display: inline;
			color: #0063b0;
			margin: 0 5px 0 0;
			}
		#mainContentRight p {
			display: inline;
			font-size: 11px;
			color: #6d6f71;
			margin: 0 0 20px 0;
			}
	
	
#mainContentBlock {
	margin: 0 190px 0 180px;
	padding-top: 175px;
	}
	#mainContentBlock #mainContent {
		margin:0;
		position: relative;
		padding: 20px 15px;
		width: auto;
		}
#mainContentDetail {
	float:right;
	}
	#mainContentDetail #mainContent {
		margin:0;
		position:relative;
		padding-right:19px;
		width:560px;
		}
	h4.CBheader {
		margin:0 0 .8em 0;
		font-family:Georgia,'Times New Roman',serif;
		font-size:14px;
		text-transform: uppercase;
		color: #58595b;
		font-weight:bold;
		letter-spacing: .05em;
		border-bottom: 1px dotted #c0c1c2;
		}
	span.CBheaderLarge {
		font-size: 20px;
		}
	h5.CBheader {
		font-family:Georgia,'Times New Roman',serif;
		margin:2em 0 .2em 0;
		font-size: 13px;
		color: #58595b;
		font-weight:bold;
		border-bottom:1px dotted #e0e0e0;
		padding-bottom: 2px;
		width: auto;
		clear:right;
		}
	#mainContent h2 {
		margin:0 0 .8em 0;
		font-family:Georgia,'Times New Roman',serif;
		font-size:182%;
		font-weight:bold;
		letter-spacing:-.04em;
		}
	#mainContent h3 {
		margin:2em 0 .2em 0;
		font-size:122%;
		font-weight:bold;
		border-bottom:1px dotted #00356f;
		width:70%;
		clear:right;
		}
	#mainContent h4 {
		margin:1em 0 .2em 0;
		font-weight:bold;
		color:#666;
		}
	#mainContent p.quote, #mainContent blockquote {
		margin:1em 1.5em;
		border-left:2px solid #00356F;
		border-right:2px solid #00356F;
		padding:.2em .5em;
		text-align:center;
		font-style:italic;
		color:#6f6f6f;
		background-color:#efefef;
		}
	#mainContent p {
		font-size:85%;
		margin:0 0 .5em 0;
		line-height:1.4em;
		}
	#mainContent ul, #mainContent ol {
		font-size:85%;
		margin:0 0 .6em 0;
		}
	#mainContent li {
		list-style:outside square;
		padding:.3em 0;
		margin:0 0 0 25px;
		}
		#mainContent ol li {
			list-style-type:decimal;
			}
		#mainContent ul ul {
			font-size:100%;
			}
	#mainContent img, #mainContent img.border {
		float:right;
		margin:5px 5px 8px 12px;
		border:1px solid #ccc;
		padding:5px;
		}
	#mainContent img.border {
		}
	#mainContent ul#treemenu1 li {
		list-style:none outside;
		margin:.8em 0;
		padding:0 0 0 2em;	
		}
#mainContent table {
	clear:right;
	margin:.5em 0 0 0;
	}
	#bd.cb #mainContent table td,
	#bd.cr #mainContent table td,
	#bd.pd #mainContent table td,
	#bd.sd #mainContent table td,
	#bd.sh #mainContent table td,
	#bd.cb #mainContent table th,
	#bd.cr #mainContent table th,
	#bd.pd #mainContent table th,
	#bd.sd #mainContent table th,
	#bd.sh #mainContent table th {
		border-bottom:1px solid #cfcfcf;
		vertical-align:middle;
		padding:0 .5em 0 .2em;
		line-height:2em;
		font-size:77%;
		}
		
div.main2col {
	position: relative;
	}
div.main2col_left {
	width: 180px;
	}
div.main2col_right {
	position: absolute;
	top: 0;
	left: 195px;
	width: 180px;
	}
	
		

/* CONTENT NAVIGATION
------------------------------------- */
#contentNavValue {
	float:left;
	width:172px;
	z-index: 50;
	}
#contentNav {
	font-size:85%;
	background-color:#cfcfcf;
	margin:1.5em 0 3em 0;
	border-right:3px solid #00356f;
	border-bottom:1px solid #666 !important; 
	}
	#contentNav h4 {
		background-color:#666;
		color:#fff;
		padding:.5em .5em .5em 1.2em;
		font-weight:bold;
		text-transform:uppercase;
		}	
	#contentNav li a {
		padding:.4em .5em .4em 1.2em;
		border-top:1px solid #666;
		display:block;
		text-decoration:none;
		color:#333;
		_height:1%;
		}
	#contentNav li a.active {
		font-weight:bold;
		}	
#contentNav li li a {
		padding:.4em .5em .4em 2.2em;
		font-weight:normal;
		background-color:#e5e5e5;
		}
	#contentNav li li a.active {
		background-color:#fff;
		margin:0 -.25em 0 0;
		_padding-right:.3em;
		border-right:.25em solid #fff;
		}
#contentNav li a.active:hover {
		background-color:#0a50ff;
		color:#fff;
		}

/* CONTENT PULLDOWN
------------------------------------- */
#pulldown {
	width:200px;
	border-top:2px solid #00356f;
	border-bottom:2px solid #00356f; 
	margin:0 0 0 10px;
	padding:3px 13px 6px;
	background-color:#efefef;
	position:relative;
	float:right;
	z-index:10000;
	}
	#pulldown a {
		font-size:77%;
		}
	#pulldown select, #pulldown input {
		font-size:77%;
		margin:8px 0 0 0;
		vertical-align:middle;
		}
	#pulldown select {
		width:170px;
		}
	#mainContentDetail #UpdatePanel1 {
		float:left;
		}
	#mainContentDetail #UpdatePanel1 h3 {
		clear:none;
		}
		
/*  NON-CHANNEL STYLES (Office Of, News, About...)
------------------------------------- */
h3.banner a {
	color:#fff;
	background-color:#968a7e;
	text-align:center;
	height:1%;
	font-size:182%;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding:.4em 0;
	display:block;
	text-decoration:none;
	}
	h3.banner a:hover {
		background-color:#0a50ff;
		}
	h3.banner a:active {
		background-color:green;
		}
	/* Styles the Print and Email links for Content Blocks */	
	div#emailprint {
	  	padding: 20px 20px 0px 0px;
	  	text-align: right;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		  }
		  #emailprint a {
			color: #000;
			border-bottom: 1px dotted #000;
			text-decoration: none;
			font-size: 10px;
		  }
		  #emailprint a:hover {
			color: #0a50ff;
			border-bottom: 0px;
			text-decoration: none;
		  }
		
/* CONTENT SIDE VALUES
------------------------------------- */
#value {
	margin:0 6px 2em 19px;
	font-size:85%;
	}
	#value a, .valueRegular {
		border-top:1px dotted #00356f;
		border-bottom:1px dotted #00356f;		
		background-color:#ffc;
		padding:1em .5em 1em 1em;
		display:block;
		text-decoration:none;
		color:#666;
		}
	#value strong {
		padding:0 5px 2px 0;
		font-family:Georgia,'Times New Roman',serif;
		font-weight: bold;
		font-size:100%;
		display:block;
		}
	#value .valueRegular a {
		border:0;
		display:inline;
		background-color:transparent;
		padding:0;
		font-style:italic;
		color:#0a50ff;
		border-bottom:1px dotted #0a50ff;
		}
	#value p {
		margin:0 0 .5em 0;
		}
	#value img {
		float:right;
		border:1px solid #666;
		margin:.3em;
		}
		
			
/* CONTENT SIDE ACTIONS / IMAGES
------------------------------------- */
#actions {
	padding:4em 0;
	margin-right:-172px;
	float:right;
	width:174px;
	display:inline;
	position:relative;
	z-index:5000;
	}
	#actions.bottom {
		float:left;
		margin:0;
		border-top:1px dotted #00356f;
		background-color:#ffc;
		width:100%;
		padding:0;
		}	
	#actions h3 {
		font-size:136%;
		font-weight:bold;
		padding:0 5px 0 0;
		margin:0 10px 10px 15px;
		border-right:4px solid #0a50ff;
		color:#666;
		line-height:80%;
		}
		#actions.bottom h3 {
			display:none;
			}
		#actions h3 small {
			display:block;
			padding:2px 0 0 0;
			font-size:85%;
			font-weight:normal;
			line-height:95%;
			}
		#actions li {
			padding:10px 0 0 0;
			display:block;
			}
		#actions li a {
			font-size:85%;
			position:relative;
			padding:10px 15px;
			color:#666;
			display:block;
			text-decoration:none;
			z-index:10000;
			}
		#actions strong {
			padding:0 .4em .2em 0;
			font-family:Georgia,'Times New Roman',serif;
			font-weight:bold;
			}
		#actions img {
			float:left;
			margin:0 5px 0 0;
			padding:2px 0 0 0;
			position:relative;
			}
		#actions em, #value em {
			font-style:italic;
			color:#0a50ff;
			}
			#actions a:hover em, #value a:hover em {
				color:#8adbff;
				}
		#actions.bottom li {
			padding:0;
			float:left;
			width:33.3%;
			}
		#actions.bottom li a {  /* hovers, actives at bottom */
			display:block;
			text-decoration:none;
			padding:1em 1em 1.5em 1em;
			color:#666;
			}
			
/* CHANNEL HEADER
------------------------------------- */
#channelHead {
	position:relative;
	float:left;
	display:inline;
	}
#channelHeadImage {
	height:16.5em;
	overflow:hidden;
	border-right:3px solid #00356f;
	float:left;
	}
#channelHeadContent {
	padding:10px;
	float:right;
	width:343px;
	}
#channelHeadContent h2 {
	font-size:231%;
	line-height:100%;
	font-weight:bold;
	padding:0 0 8px 8px;
	font-family:Georgia,'Times New Roman',serif;
	color:#00356f;
	}
	#channelHeadContent h2 em, #channelHeadContent h2 small {
		display:block;
		font-family:'Lucida Grande',Geneva,Verdana,Arial,sans-serif;
		font-size:50%;
		padding:7px 0 0 0;
		color:#666;
		font-style:italic;
		}
		#channelHeadContent p {
			margin:7px 0 0 8px;
			font-size:90%;
			font-weight:bold;
			}
#channelHead #programSelect {
	padding:.4em;
	background-color:#8adbff;
	border:2px solid #00356f;
	color:#0a50ff;
	font-weight:bold;
		}
	#channelHead label, #channelHead select, #channelHead input {
		vertical-align:middle;
		margin:0 .3em 0 0;
		}
	#channelHead select {
		width:192px;
		}
	
/* CHANNEL BODY
------------------------------------- */
#channelBody {
	border-right:220px solid #ffffd8;
	display:block;
	float:left;
	position:relative;
	}
#channelSubheads {
	width:552px;
	padding:5px 0 15px 5px;
	float:left;
	position:relative;
	}
	#channelSubheads h3 a {
		color:#00356f;
		text-decoration:none;
		line-height:105%;
		display:block;
		padding:0 8px;
		font-size:152%;
		font-weight:bold;
		margin:.5em 0 .5em 8px;
		height:4.2em;
		} 
		#channelSubheads h3 a:hover {
			background-color:#0a50ff;
			color:#fff;
			}
			#channelSubheads h3 a:hover em, #channelSubheads h3 a:hover small {
				color:#8adbff;
				}
	#channelSubheads h3 {
		display:inline;
		float:left;
		}
		#channelSubheads h3 em, #channelSubheads h3 small {
			display:block;
			font-family:arial,helvetica,clean,sans-serif;
			font-size:65%;
			line-height:135%;
			font-weight:normal;
			padding:.2em 0 0 0;
			color:#666;
			font-style:normal;
			}
		.csGreen {
			width:310px;
			border-left:8px solid #73be1e;
			}
		.csPurple {
			width:175px;
			border-left:8px solid #ba00ff;
			}
		.csBlue {
			width:175px;
			border-left:8px solid #8adbff;
			}
		.csYellow {
			width:310px;
			border-left:8px solid #fede58;
			}	
#channelFeature {
	margin-right:-220px;
	width:196px;
	padding:12px 12px 0 12px;
	float:right;
	position:relative;
	}
	#channelFeature h4 {
		color:#00356f;	
		font-weight:bold;
		text-transform:uppercase;
		width:100%;
		line-height:75%;
		border-bottom:1px solid #999;
		margin:0 0 .5em 0;
		}
	#channelFeature p {
		font-size:85%;
		line-height:130%;
		margin:0 0 1em 0;
		}
	#channelFeature img {
		float:right;
		margin:0 0 8px 8px;
		border:1px solid #666;
		}
		
/* FORMS
------------------------------------- */
fieldset {
	border:1px dotted #00356f;
	padding:1em;
	margin:1em 0;
	}
	fieldset.agreement {
		border:1px dotted red;
		}
 fieldset legend {
		font-size:122%;
		font-weight:bold;
		padding:0 1em;
		background-color:#fff;
		}
	#mainContent fieldset p {
		font-size:85%;
		margin:0 0 .7em 0;
		}
	#mainContent fieldset.agreement p {
		background-color:#ffc;
		}
	#mainContent fieldset li {
		font-size:85%;
		list-style:none outside;
		}
	fieldset input, fieldset textarea, fieldset select {
		background-color:#ffc;
		border:1px solid #ccc;
		padding:.1em;
		}
		fieldset.agreement input {
			background-color:#fff;
			border-color:red;
			}
		fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
		background-color:#fff;
		}
	fieldset textarea {
		margin:0 0 1em 0;
		}
		
/* Dig Deeper stuff */

fieldset.deeper {
	background: #455660 url('/uploadedImages/external/undergraduate/admissions/dig-deeper_bg.gif') bottom right no-repeat;
	border:1px solid #84939E;
	height:550px;
	}
	fieldset.deeper p, fieldset.deeper li {
		color:#fff;
		font-weight:bold;
		}
	fieldset.deeper legend {
		background-color:#84939E;
		padding:.2em 1em;
		color:#fff;
		border:1px solid #fff;
		}
		fieldset.deeper input {
			margin:0 .5em 0 .2em;
			}
	#mainContent fieldset.deeper img {
		border:0;
		}
				
/* SUPER FOOTER
------------------------------------- */
#ft.super {
	border-top:.3em solid #00356f;
	padding:1.2em 0 .7em 0;
	}
	#ft_nav, #ft_news, #ft_copy, #ft_logos {
		border-left:4px solid #ebebeb;
		font-size:77%;
		padding:0 0 0 15px;
		margin:0 0 0 20px;
		float:left;
		display:inline;
		}
		#ft.super h5 {
			font-family:Georgia,'Times New Roman',serif;
			font-weight:bold;
			font-size:110%;
			color:#666;
			margin:0 0 .2em 0;
			}
		#ft.super li {
			line-height:110%;
			margin:0 0 .4em 0;
			}
		#ft.super ul, #ft.super p {
			margin:0 0 .7em 0;
			}
		#ft acronym {
			border-bottom-style:dashed;
			}
	#ft_nav {width:120px}	
	#ft_news {width:160px}	
	#ft_copy {width:180px}
		#ft_logos img {height:50px}
		
/* GENERAL LINKS, HOVERS, STUFF...
------------------------------------- */
#mainContent a, #ft_nav a, #ft_news a, #ft_copy a, #channelHeadContent p a, #channelFeature p a, #calendar a, #mainContentDetail p a, #pulldown a {
	color:#0a50ff;
	text-decoration:none;
	border-bottom:1px dotted #0a50ff;
	}
	#mainContent a:visited, #ft_nav a:visited, #ft_news a:visited, #ft_copy a:visited {
		color:#00356f;
		}
	#mainContent a:hover, #contentNav li a:hover, #actions.bottom li a:hover, #value a:hover, #actions li a:hover, #ft_nav a:hover, #ft_news a:hover, #ft_copy a:hover, #channelHeadContent p a:hover, #channelFeature p a:hover, #pulldown a:hover {
		background-color:#0a50ff;
		color:#fff;
		border-bottom:0;
		z-index:20000
		}
		#value a:hover {
			border-bottom:1px solid #0a50ff;
			}
	
/* CHANNEL COLOR CONTROLS
------------------------------------- */
.online {color:#f90;}
.ug {color:#ba0000;}
.dc {color:#007947;}
.grad {color:#002673}
.how, #navTertiary a.how {color:#8dbe1e;}
.what, #navTertiary a.what {color:#8ac7ff;}
.where, #navTertiary a.where {color:#ff7223;}

/* PROGRAM TEMPLATE FORMATTING
------------------------------------- */
#ProgramMain table td {
	vertical-align: top !IMPORTANT;
	width: 50% !IMPORTANT;
	border-bottom: 0px !IMPORTANT;
}
#ProgramMain table ul {
	font-size:100% !IMPORTANT;
}
