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

body, html, div, h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, table, th, tr, td, blockquote, form, fieldset, label {
	margin: 0; padding: 0; line-height: 1.2;  }
	
body { 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	min-width: 780px; color: #666;  font-size: 100%; 
	background: #FFF url(/assets/level3images/header.jpg) no-repeat top center; }

h1, h2, h3, h4 { color: #C03; }

#wrap { width: 780px; height: auto; position: relative; margin: 0 auto; }
	
	#header { width: 100%; height: 125px; position: relative; }
	
			#header a#homelink { 
				display: block; width: 280px; height: 100px; position: absolute; top: 23px; left: 0; 
				text-indent: -9999px; overflow: hidden; }

	#breadcrumbbar { height: 23px; width: auto; position: absolute; top: 0; right: 68px; }
		#breadcrumbbar p { line-height: 23px; text-align: right; font-size: .70em; color: #FFF; }
			#breadcrumbbar a { color: #FFF; text-decoration: none; } 
			#breadcrumbbar a:hover { text-decoration: underline; }

/* main navigation styles */	
	
	#nav { 
		width: 100%; height: 46px; position: relative;
		background: #F3F3F4 url(/assets/hybridnavimages/mainnav_bg.jpg) repeat-x top left; }
		
		#nav ul { list-style-type: none; }
			#nav ul li { float: left; display: block; height: 23px; text-align: center; }
				#nav li a.home { width: 65px; }
				#nav li a.students { width: 75px; }
				#nav li a.alumni { width: 121px; }
				#nav li a.admissions { width: 90px; } 
				#nav li a.academics { width: 142px; }
				#nav li a.research { width: 77px; } 
				#nav li a.calendars { width: 133px; }
				#nav li a.resources { width: 77px; }

			#nav li a {
				color: #222222;
				display: block;
				height: 23px;
				float: left;
				line-height: 23px;
				border: 0;
				text-decoration: none;
				overflow: hidden; font-size: 10px !important; }
			
			#nav li.on a:hover { color: #FFF; background-color: #BEB99B; }
			#nav li.off:hover a { color: #FFF; background-color: #A0996D; }

			#nav li.off ul  { 
				position: absolute;
				top: 23px; left: 0;
				height: 23px;
				 _height: 24px; 
				width: 780px; background-color: #A0996D; }
			
			#nav li.on ul  { 
				position: absolute;
				top: 23px; left: 0;
				height: 23px;
				 _height: 24px; 
				width: 780px; background-color: #BEB99B; }
			
			#nav li.off ul {  display: none; }
			#nav li.on ul { display: block; z-index: 1000;  }
			 

			#nav li.off:hover ul, #nav li.over ul {
					display: block;
					z-index: 6000; 
					 }

			#nav li.off:hover { color: #FFF !important; background-color: #BEB99B; }

					#nav li ul li:first-child { padding-left: 16px; }
					#nav li.on a { color: #FFF; background-color: #BEB99B; }
		
					#nav li.off ul a, #nav li.on ul a, #nav li.over a
						{ color:#FFF; padding-right: 19px; overflow: hidden; }
						#nav ul li li a:hover { color: #222 !important; }
					
					#nav li.on li#active a { color: #222; }
						
						/* end main navigation styles */

	
	h1.siteheading { margin: 25px 0 15px 13px; padding: 0; color: #666; font-weight: 100; font-size: 18px; line-height: .2; }					
	
	
/* maincontainer */

	#maincontainer { width: 767px; margin: 7px 0 0 13px; background: url(/assets/specialtyimages/maincontentline.gif) no-repeat top left; }
	#maincontainer_nobar { width: 767px; margin: 7px 0 0 13px; background: none; }
	#maincontainerfullpage { width: 767px; margin: 7px 0 0 13px; background: url(/assets/specialtyimages/maincontentlinefull.gif) repeat-x top left; }
	
/* sidebar styles that are non-color-specific colors */

	#sidebar {	line-height: 1.2; float: right; width: 252px; margin: -7px 0 10px 0; }
	
		#sidebar br { line-height: .75em; }
		#sidebar a.white { color: #FFF; }
	
		#sidebar form { width: 252px; height: auto; }
	
				fieldset.search {
					margin: 0;
					padding: 0 0 4px 6px;
					border: 1px solid #999; }
					
				legend.search {
					color: #6A747C;
					font-weight: bold; 
					margin-bottom: 3px; 
					font-size: 11px; }
					
				label.search { display: block; margin-bottom: 2px; }
				input.search { font-size: 11px; }		


		/* UDM Menu ---  Necessary!!!! --- expanding menu styling -- colors can be changed to accommodate single color styling throughout the site */
		ul#udm { line-height: 1.2; font-family: 'verdana',arial,helvetica,sans-serif; font-size: 11px !important; list-style-type: none; }
		#udm ul {
			margin-left:0 !important;
			margin-top:1px !important;
			width:247px !important;
			list-style-type: none;
			line-height: 1.2 !important; 
			}
		 #udm ul li a { font-size: 11px !important; }
		/* styling the active state for submenu items */
		#udm ul li#active a { color: #7DA040; font-weight: bold !important; text-decoration: none; }


		
		
		.handwrittenquote { border-left: 2px solid #C03; margin: 7px 0 7px 0; }
			.handwrittenquote p.quote { 
				font-family: 'Bradley Hand ITC', Times New Roman, serif;
				padding: 3px 14px 20px 20px; 
				font-size: 18px; 
				font-style: italic; 
				font-weight: bold; 
				line-height: 1.4;
				color: #000; }
			.handwrittenquote p.quoted { 
				padding: 0 20px 0 0;
				font-size: 11px; color: #666; text-align: right; }
			.handwrittenquote br { line-height: 1; }
			.handwrittenquote img.open { vertical-align: text-bottom; border: none; }
			.handwrittenquote img.close { vertical-align: text-top; border: none; }


		.sidebartable { font-size: 11px; }
		.sidebartable img { padding: 0 4px 0 0; margin: 0; }
		.sidebartable td a { color: #666; text-decoration: underline; }
		.sidebartable td a:hover { color: #000; }
		.sidebartable td.gray { 
					color: #666;
					padding: 4px 10px 7px 7px; background-color: #F3F3F4; }
			 #sidebar td.gray h3 { color: #666; margin: 0 0 4px 0; padding: 0; font-size: 12px; }
		
		.sidebarimg {
			font-size: 11px;
			background-color: #F3F3F4;
			border: 1px #EAEAEB solid;
			padding: 6px 0 8px 0;
			text-align: center;
			width: 250px; }
			
			.sidebarimg img { border: none; }
			.sidebarimg p { margin: 0; padding: 4px 6px 6px 15px; text-align: left; }
			.sidebarimg p.center { text-align:center }
			.sidebarimg a { color: #666; }
			.sidebarimg a:hover { color: #000; }
			.sidebarimg ol, .sidebarimg ul { margin: 5px 6px 6px 40px; text-align: left; }
		
		.sidebarimgnoborder {
			font-size: 11px;
			text-align: center;
			width: 252px; }

		.sidebarimgfull {
			font-size: 11px;
			padding:0;
			margin:0 0 0 0;
			border:0; }
			
			.sidebarimgfull p { margin: 0; padding: 4px 6px 6px 15px; text-align: left; }
			.sidebarimgfull p.center { text-align:center }
			.sidebarimgfull a { color: #666; }
			.sidebarimgfull a:hover { color: #000; }			
			
		
		#sidebar img.sidebar { padding: 0; margin: 0 0 15px 0; border: none; }

	
		.sidebarnav {
			font-size: 11px;
			width: 250px;
			background: #F3F3F4 url(/assets/sidebar/gray_bg.gif) no-repeat top left;
			border: 1px #EAEAEB solid;
			padding-bottom: 5px; }
			
				.sidebarnav h3 {
					margin-top: 0;
					margin-bottom: .85em;
					position: relative;
					top: 4px;
					left: 5px;
					font-size: 12px;
					color: #6A747C; }
				
				.sidebarnav p { 
					margin: 0;
					padding: 4px 6px 3px 15px; }
				
				.sidebarnav a {
					color: #666;
					text-decoration: none; }
				
				.sidebarnav a:hover {
					color: #000;
					text-decoration: underline; }
					
				.sidebarnav table { 
					position: relative;
					left: 8px;
					margin-left: 10px;  }
				
				.sidebarnav tr { vertical-align: top; }
				
				.sidebar td {
					font-size: 11px;
					color: #666;
					padding-right: 6px; }
		
		.yellowstickie { 
				font-size: 11px;
				margin: 10px 0; padding: 0 0 50px 0;
				width: 252px;
				background: url(/assets/specialtyimages/yellowstickie.jpg) no-repeat bottom left; }
				
				.yellowstickie h3 { margin: 0; padding: 20px 28px 4px 28px; color: #C03; font-size: 12px; font-weight: bold; }
				.yellowstickie img { border: none; padding: 4px 28px 5px 28px; }
				.yellowstickie p { margin: 0 28px 10px 35px; }
				.yellowstickie a { color: #666; text-decoration: underline; }
				.yellowstickie a:hover { color: #000; }
				
		.bluepostit {
			margin: 10px 0; padding: 0;
			width: 250px; height: 236px;
			background: url(/assets/specialtyimages/bluepostit.gif) no-repeat top center; }
			
			.bluepostit h3 { margin: 0; padding: 20px 28px 4px 28px; color: #FFF; font-size: 12px; font-weight: bold; }
			.bluepostit p { margin: 0 28px 10px 35px; padding-top: 75px; color: #FFF; font-size: 16px; }
			.bluepostit a { color: #FFF; text-decoration: underline; }
			.bluepostit a:hover { color: #F3F3F4; }
			.bluepostit img { margin: 47px 0 0 40px; }

		.sidebarimgtext { font-size: 11px; width: 252px; height: auto; background-color: #FFF; border: none; margin: 0; }
			.sidebarimgtext img { float: left; margin: 0 12px 10px 0; border: none; }
			.sidebarimgtext h3 { color: #666; font-weight: bold; margin: 0 7px 8px 0; }
			.sidebarimgtext p { margin: 0 7px 7px 0; }
			.sidebarimgtext a { text-decoration: underline; color: #666; }
			.sidebarimgtext a:hover { color: #000; }
			

/* non-color-specific content styles */


	#content {
		position: relative;
		margin: 7px 260px 0 0;
		background: none; }
		
	#contentfullpage {
		position: relative;
		margin: 7px 20px 0 0;
		background: none;
		padding: 10px 0 0 0;  }		
		
		#imageheader { margin:0; padding:0; }
		#imageheader img { 
			margin: 0; padding: 0;
			border: none; background-color: #FFF; }
		
		#imageheader124 {
			width:500px; height: 124px;
			margin: 0; padding: 5px 0 0 0;
			border: none; background-color: #FFF; }
		
		#imageheader157 {
			width:500px; height: 157px;
			margin: 0; padding: 5px 0 0 0;
			border: none; background-color: #FFF; }
			
		#imageheader162 {
			width:500px; height: 162px;
			margin: 0; padding: 5px 0 0 0;
			border: none; background-color: #FFF; }
		
		#contenttext { line-height: 1.8; padding: 10px 15px 0 0; margin: 0; }
			
				#contenttext h1 { padding: .5em 0 1.3em 0; font-size: 14px; }
				#contenttext h2 { padding: .6em 0 1em 0; font-size: 12px; font-weight: normal; }
				#contenttext h2.white { padding: .6em 0 1em 0; font-size: 12px; color: #FFF; }
				#contenttext h3 { font-size: 11px; color: #666; margin: 0; padding: 0 0 .3em 0; font-weight: bold; }
				#contenttext h3.red { color: #C03; }
				#contenttext p, th, td, li, blockquote, dl, dd, dt { font-size: 11px;  }
				#contenttext p { padding: 0 10px 14px 0; }
				#contenttext p.center { text-align: center; }
				#contenttext dt { font-weight: bold; padding: 4px 0; }
				#contenttext dd { margin: 0; padding: 0 0 16px 8px; }
					#contenttext dd ol, #contenttext dd ul { margin: 5px 10px 10px 40px; }
				#contenttext table { margin-bottom: 12px; }
				#contenttext blockquote { margin: 10px 10px 15px 20px; padding: 0; line-height: 1.4; }
				#contenttext td.white { color: #FFF; font-weight: bold; vertical-align: middle; text-align: center; }
				
				#contenttext ul, #contenttext ol { padding: 5px 0 5px 40px; }
				  #contenttext ul li, #contenttext ol li { padding: 3px 0; line-height: 1.2; }
				 
				 #contenttext ul.plain, #contenttext.plain ol { padding: 5px 0 5px 20px; list-style-type: none; }
				  #contenttext ul.plain li, #contenttext.plain ol li { padding: 4px 0; line-height: 1.2; }
							
				#contenttext a { color:#666666; text-decoration: underline; }
				#contenttext a:hover { color: #000; text-decoration: underline; }
				
				#contenttext a.lightgray { color:#666; text-decoration: none; }
				#contenttext a.lightgray:hover { color: #666; text-decoration: underline; }
				
				#contenttext table.schedule td { padding: 3px 1px; }
				
				#contenttext table.graybox { padding: 10px; background-color: #f3f3f4; border: none; width: 95%; }
				
				#contenttext table#grey { 
					width: 100%; }
					#contenttext table#gray tr { vertical-align: top; }
					#contenttext table#gray th { background-color: #F3F3F4; padding: 3px 2px; text-align: left; color: #666; font-weight: bold; }
					#contenttext table#gray td { padding: 4px 2px; border: 1px solid #EAEAEB; border-collapse: collapse; }

				#contenttext ul.redtriangle { list-style-type: none; padding: 10px; }
					#contenttext ul.redtriangle li { 
						list-style-type: none; 
						background: url(/assets/specialtyimages/red_trianglearrow_small.gif) no-repeat top left; 
						padding: 3px 0 3px 15px; }

		#contenttext .handwrittenquotefull { margin: 10px 40px; }
			#contenttext .handwrittenquotefull p.quote { 
				font-family: 'Bradley Hand ITC', Times New Roman, serif;
				padding: 0 0 25px 0; 
				font-size: 18px; 
				font-style: italic; 
				font-weight: bold; 
				line-height: 1.4;
				color: #000; }
			#contenttext .handwrittenquotefull p.quoted { font-size: 11px; color: #666; text-align: right; }
			#contenttext .handwrittenquotefull br { line-height: 1; }
			#contenttext .handwrittenquotefull img.open { vertical-align: text-bottom; border: none; }
			#contenttext .handwrittenquotefull img.close { vertical-align: text-top; border: none; }

				

/* specialty pushpin backgrounds */
	.yellowpushpin, .redpushpin, .bluepushpin { width: 470px; height: 250px; margin: 0; padding: 0 0 0 0; position: relative; }
		.yellowpushpin { background: url(/assets/specialtyimages/yellow_pushpin.gif) no-repeat top left; }
		.redpushpin { background: url(/assets/specialtyimages/red_pushpin.gif) no-repeat top left; }
		.bluepushpin { background: url(/assets/specialtyimages/blue_pushpin.gif) no-repeat top left; }
		
	.yellowpushpin img, .redpushpin img, .bluepushpin img { position: absolute; top: 55px; left: 30px; border: none; }
	.yellowpushpin .text, .redpushpin .text, .bluepushpin .text { position: absolute; top: 55px; left: 270px; }
	.yellowpushpin a, .redpushpin a, .bluepushpin a { color: #666; text-decoration: underline; }
	.yellowpushpin a:hover, .redpushpin a:hover, .bluepushpin a:hover { color: #000; }

/* multimedia list styles */
	#contenttext ul.video, #contenttext ul.audio, #contenttext ul.photo, #contenttext ul.info { 
		list-style-type: none; padding: 10px; }
		
		#contenttext ul.video li, #contenttext ul.audio li, #contenttext ul.photo li, #contenttext ul.info li { 
			padding: 3px 3px 0 35px; font-size: .9em; line-height: 1.4; }
			
			#contenttext ul.video li { background: url(/assets/specialtyimages/filmicon.gif) no-repeat top left; }
			#contenttext ul.audio li { background: url(/assets/specialtyimages/soundicon.gif) no-repeat top left; }
			#contenttext ul.photo li { background: url(/assets/specialtyimages/photoicon.gif) no-repeat top left; }
			#contenttext ul.info li { background: url(/assets/specialtyimages/infoicon.gif) no-repeat top left; }
		

	.videosidebar {
			width: 250px;
			background-color: #F3F3F4;
			border: 1px #EAEAEB solid;
			padding-bottom: 5px; }
	
	td.videosidebar { font-size: 11px; }

/* footer is non-color-specific */
	#footer {	
		clear: both;   
		color: #C0C0C3; 
		text-align: right;
		line-height: 1.2; 
		padding: 0;
		font-size: 10px;
		font-family: verdana, arial, helvetica, sans-serif;
		margin: 18px 0;   }
		
		#footer a {
			font-size: 10px;
			color:#C0C0C3;
			text-decoration: none; }
		#footer a:hover {
			text-decoration: underline; }


/*  expanding list menu */

.treemenu ul { margin: 15px 0 30px 15px; }

.treemenu {
	margin : -22px 0px 0px 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style : none; }

.treemenu ul {
	list-style : none;
	margin : 0px 0px;
	padding : 0px 10px; }

	.treemenu li { line-height: 120%; }

		.treemenu li ul {
			border: 1px black solid;
			background-color: #f3f3f4 }	

				.treemenu li ul li {
					display : inline;
					font-size: 1em;
				}

	.treemenu p {
		font-size:1em;} 

	.treemenu a {
		display : block;
		padding-left : 18px;
		padding-bottom: 5px;
		text-decoration : none;
		color:#00F
	}

	.treemenu p a {
		display: inline;
		padding: 0px;
		text-decoration: underline;
	}

	.treemenu .treeopen {
		background-image: url(/admissions/css/listmenu/twist_open1.gif);
		background-repeat : no-repeat;
		background-position: top left;
	}		

	.treemenu .treeclosed {
		background-image: url(/admissions/css/listmenu/twist_close1.gif);
		background-repeat : no-repeat;
		background-position: top left;
	}

/*  not using this but keep it for future in case --
.treemenuSide {
	margin : 0px -8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	list-style : none;	
	color: white;
}

.treemenuSide UL {
	list-style : none;
	margin : 0px 10px;
	padding : 0px 10px;
	color: white;
}

.treemenuSide LI {
	display : inline;
	color: white;
}

.treemenuSide A {
	display : block;
	padding-left : 18px;
	padding-bottom: 5px;
	text-decoration : none;
	color: white;
}

.treemenuSide .treeopen {
	background-image: url(../images/twist_open2.gif);
	background-repeat : no-repeat;
	background-position: top left;
}		

.treemenuSide .treeclosed {
	background-image: url(../images/twist_close2.gif);
	background-repeat : no-repeat;
	background-position: top left;
}
*/

.elementText {
	font-size: 10px; }

	li.elementText ul{
		border:none; display:compact; }

		li.elementText ul li{
			display:list-item; }

			li.elementText ul li a{
				display:inline; }


.elementTextSide {
	font-size: 10px;
	color: white; }

a.innerLink {
	text-decoration: underline;
	padding-left: 0px;
	display: inline; }

a.innerLinkSide {
	text-decoration: underline;
	padding-left: 0px;
	display: inline;
	color: white; }

td.treeContainer {
	padding-left: 5px;
	padding-bottom: 5px; }