/* body and headings are non-color specific */

	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; }
	
	h1, h2, h3, h4 { color: #C03; }
	

	/* main wrapper has a set width, margins set to auto will center the div on the page */
	#wrap {
		text-align: left;
		width: 780px;
		margin: auto;
		position: relative }


/* non-section specific header styles */

	#homelink img { width: 124px; height: 68px; position: absolute; left: 0; top: 0; }
	#centerofheader img {  width: 456px; height: 68px; position: absolute; left: 124px; top: 0; }

	#header p {
		text-align: right;
		position: absolute;
		right: 13px;
		top: 14px;
		font-size: .7em; color: #FFF; }
	
	#header p a { color: #FFF; text-decoration: none; }  #header p a:hover { text-decoration: underline; }

/* breadcrumbs and shadow of header -- non-color-specific */
				
	#breadcrumbbar {
		position: relative;
		background-color: #C03;
		width: 780px;
		height: 17px; }
		
		#breadcrumbbar p { 
			text-align: right;
			position: absolute;
			right: 13px;
			top: 2px;
			font-size: .7em; color: #FFF; }
		
		#breadcrumbbar a { color: #FFF; text-decoration: none; } 
		#breadcrumbbar a:hover { text-decoration: underline; }
	
	#shadowbar {	background-image: url(/images/toplevelnavimages/bar_shadow_bg.gif);
		background-repeat: repeat-x; width: 780px; height: 11px;   }

/* individual site headings are non-color-specific */
	
	h1.siteheading { margin: 20px 0 15px 13px; padding: 0; color: #666; font-size: 18px; line-height: .2; }

/* div for third level top menu bar */
#topmenubar { position: relative; }

/* maincontainer is not-color-specific */

	#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-bottom: 10px; }
	
		#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; }		

	#sidebarfeed  { clear: both;  margin: 15px 0; padding: 12px 0; border: 1px solid #666; }
	#sidebarfeed h2 { color: #666; font-size: 14px;  font-weight: bold; margin: 10px; }
	#sidebarfeed ul { margin: 0 20px; padding-bottom: 10px; }
	#sidebarfeed li { padding: 4px 0; }
	#sidebarfeed a { color: #666; text-decoration: underline; }
	#sidebarfeed a:hover { color: #000; }

		
		
		.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;
			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; font-size:10px; }
			
				#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; font-size: 11px;}
		
		#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; }
			
/* non-color-specific typography and link styles */

a.breadcrumb {
	font-size: .75em; 
	color: #FFF;
	text-decoration: none; }
	a.breadcrumb:hover { text-decoration: underline; }

a.clarkred { color: #C03; }
	a.clarkred:hover { text-decoration: underline; }

.subhead1 {
	font-size: 1em;
	font-weight: 900;
	color: #FFF; }

/* gray box for calling out and highlighting notes */
.graybox { width: 90%; margin: 10px 0 20px 10px; background-color: #F3F3F4; padding: 10px; border: 1px solid #EAEAEB; }

.graybg { background-color: #F3F3F4; }
.red { color: #C03; }
.blue { color: #006699; }
.white { color: #FFF; }

table.graybg { background-color: #F3F3F4; }
	table.graybg { padding: 10px; }
	
/* samples menu for 3/2 Engineering in Physics, could be used for other sites too, its a horizontal, list-item based 
menu with a red triangle on hover and active, also used in the Physics History pages */			

	ul#redtrianglemenu { 
		list-style-type: none; margin: 10px 0 20px 0; padding: 0; 
		text-align: left; }
		ul#redtrianglemenu li { 
			display: block; border: 1px solid #EAEAEB; 
			list-style-type: none; display: inline; padding: 4px 5px 4px 4px; }
			ul#redtrianglemenu li a { 
				text-decoration: none; padding: 2px 15px 0 10px; margin: 0; }
			ul#redtrianglemenu li a:hover { 
				text-decoration: none; 
				background: url(/assets/specialtyimages/red_trianglearrow_small.gif) no-repeat top left; }
			ul#redtrianglemenu li.active { border: 1px solid #C03 }
			ul#redtrianglemenu li.active a { background: url(/assets/specialtyimages/red_trianglearrow_small.gif) no-repeat top left; }
			ul#redtrianglemenu li.active a:hover { color: #666; }