/*
 * 3.0 Global CSS for Faculty of Arts and Social Sciences, Kingston University
 */


/* 
 * 3.1 Global html selectors and classes
 */


		/* reset margins and padding - cross browser compatibility */
		* { margin : 0px; padding : 0px; }
		
		/* force browsers to always display a vertical scrollbar */
		html { 
			height : 100%;
			margin-bottom : 1px;
		} 
		
		body {
			background : url('../img/bg-tile.gif') #f2f2f2 repeat-y left top; 
			font : 62.5%/1.25 "lucida grande",tahoma,verdana,arial,sans-serif;
			color : #666666;
		} 


		/*
		 * headings
		 */
		 
				/* the main site logo */
				h1 {
					float : left;
					display : inline; /* IE6 Double margin float bug fix */
					width : 362px;
					height : 50px;
					margin : 21px 0px 15px 15px; /* margin-bottom fixed for IE */
				}
				
				h1 a {
					display : block;
					width : 362px;
					height : 50px;
					text-decoration : none; /* firefox 1.0.7 fix */
				}
				
				/* main page headings */
				h2 {
					margin : 0px 0px 0.95em 0px;
					font-family : Arial, Helvetica, sans-serif;
					font-size : 2.9em;
					line-height : 1.1;
					font-weight : normal;
				}
				
				/* page subheadings, and content block headings */
				h3,
				form h3 {
					margin : 0px 0px 1em 0px;
					font-family : Arial, Helvetica, sans-serif;
					font-size : 1.8em;
					line-height : 1.1;
					font-weight : normal;
				}
				
				h4 {
					font-size : 1.3em;
					margin-top : 12px; /* Added by Alex */
					margin-bottom : 1px; /* Added by Alex */
				}
				
				h5 {
					font-size : 1.2em;
					margin-bottom : 0.2em;
				}
				
				h6 {
					font-size : 1.2em;
					margin-bottom : 0em;
				}


		/*
		 * forms
		 */
				/* reset all form fonts */
				form * {
					font-family : "lucida grande",tahoma,verdana,arial,sans-serif;
				}
			
				fieldset 	{ border : 0px; }
				legend 	{ display : none; }
	
				input {
					margin-bottom : 1.2em;
					font-size : 1em;
				}
				
				select {
					border : 1px solid #5295B7;
					margin-bottom : 1.2em;
					font-size : 1em;
				}
				
				option {
					padding : 1px 3px;
				}
			
				textarea {
					width : 21em;
					height : 6em;
					padding : 3px;
					border : 1px solid #5295b7;
					margin-bottom : 1.2em;										
					font-size : 1em;
				}
			
				label {
					display : block;
					padding-bottom : 0.5em;
					font-size : 1em;
				}


		/*
		 * tables
		 */
		 
				table {
					margin-top : 2em;
					margin-bottom : 2em;
					width : 100%;
					border-collapse : collapse;
					font-size : 1.2em;
				}
				
				th {
					padding : 5px 5px 5px 5px;
					text-align : left;
					vertical-align : top;
				}
				
				th.widthquarter 		{ width : 25%; }
				th.widthonethird 		{ width : 33%; }
				th.widthhalf 			{ width : 50%; }
				th.widthtwothirds 		{ width : 66%; }
				th.widththreequarters	{ width : 75%; }
				th.widthfull			{ width : 100%; }
				
				td {
					padding : 5px 5px 5px 5px;
					text-align : left;
					vertical-align : top;
				}
				
				td.buttonon {
					border : 1px solid #006599;
					text-align : center;
					color : #006599;
				}
				
				td.buttonoff {
					border-spacing: 10px;
					border : 1px solid #cccccc;
					text-align : center;
					color : #cccccc;
				}
				
				td.widthquarter 		{ width : 25%; }
				td.widthonethird 		{ width : 33%; }
				td.widthhalf 			{ width : 50%; }
				td.widthtwothirds 		{ width : 66%; }
				td.widththreequarters	{ width : 75%; }
				td.widthfull			{ width : 100%; }
				
				caption {
					margin-bottom : 0.2em;
				}
				
				table address { font-size : 1.0em; } /* Added by Ali */
				table ul { font-size : 1.0em; } /* Added by Ali */


		/*
		 * lists
		 */
		 
				ul, 
				dl, 
				ol {
					margin-bottom : 1.8em; /* Previously 0.3 changed by Alex */
					font-size : 1.2em;
				}
				
				ul {
					list-style : none;
				}
				
				ul li {
					margin-bottom : 0.5em; /* Previously 0.3 changed by Alex */
					padding-left : 8px;
					background : url('../img/bullet-blue.gif') transparent no-repeat 0px 0.45em; /* fixed for IE */
				}
				
				ul li a { }
				
				ol li {
					margin : 0px 0px 0.2em 30px; /* Left margin changed from 18px by Ali */
				}
				
				dt {
					font-weight : bold;
					margin-bottom : 3px; /* Added by Alex */
				}
				
				ol ul { font-size : 1em; margin-top : 5px; } /* Added by Alex */
				ul ul { font-size : 1em; margin-top : 5px; margin-bottom : 5px; } /* Added by Alex */
				ul ul li { margin-left : 8px; } /* Added by Alex */


		/*
		 * text
		 */
		 
				p,
				address {
					margin : 0px 0px 1.5em 0px;
					font-size : 1.2em;
					line-height : 1.4 !important; /* previously 1.2 changed by Alex */
					font-style : normal;
				}
				
				pre, tt {
					font-family: Courier, monospace;  /* Added by Ali */
					font-size : 1.2em;  /* Added by Ali */
				}
				
				.textsmall { font-size : 1.0em; } /* Added by Ali */
				
				.textleft { text-align : left; } /* Added by Ali */
				.textright { text-align : right; } /* Added by Ali */
				.textcenter { text-align : center; } /* Added by Ali */
				.textjustify { text-align : justify; } /* Added by Ali */


		/*
		 * images
		 */
		 
				img {
					border : none;
				}
				
				.imageleftcontent { float : left; margin : 0 6px 6px 0; text-align : left; } /* Added by Ali */
				.imagerightcontent { float : right; margin : 0 0 6px 6px; text-align : right; } /* Added by Ali */
				.imagecenter { display : block; margin : 10px auto 10px auto; } /* Added by Ali */


		/*
		 * misc 
		 */
		 
				.quotecell {
					background-color: #eaeeef;
					margin: 15px 10px 15px 10px;
					padding: 15px 10px 5px 10px;
					border : 0px solid #5295b7;
					color: #006599;
				}


		/*
		 * links
		 */
		 
		 		a {
					color : #006599;
					text-decoration : none; /* swapped with below in November 2012*/
					outline : none;
				}
				
				a:hover {
					text-decoration : underline;					
				}
				
				a:active {
					outline : none; /* remove dotted border around selected navigation in Firefox */
				}


		/*
		 * Global classes
		 */
		 
				/* print styles */
				.printonly { display : none; }
				
				/*
				 * clearfix - fixes float clearing issues
				 */
				 
						/* Gecko-based browsers */
						 .clearfix:after {
							content : "."; 
							display : block; 
							height : 0px; 
							clear : both; 
							visibility : hidden;
						}


				/*
				 * ul --> change | into | horizontal | navigation | links
				 */
				 
						ul.horiznavlist { }
						
						/* float selected element and all other links */
						ul.horiznavlist li {
							display : block;
							float : left;
							padding : 0px 0.5em 0px 0.5em;
							border-right : 1px solid #999;
							background : none; /* remove default bullet */
							white-space : nowrap; /* stop links from being broken in half */
						}
						
						/* remove left padding from first item in a list */
						ul.horiznavlist li.first {
							padding-left : 0px !important;
						}
						
						/* remove right padding from last item in a list */
						ul.horiznavlist li.last {
							padding-right : 0px !important;
							border-right : 0px solid #fff !important;
						}


				/*
				 * horizontal rule (hr) - allows universal control
				 */
				 
						hr {
							clear : both;
							height : 1px;
							color : #cccccc; /* needed for IE */
							background-color : #c4c4c4; /* needed for gecko and opera */
							border : 0px solid #cccccc; /* necessary to ensure hr is only 1px high in all browsers */
							padding : 0px;
							margin : 1.8em 0px 1.8em 0px;
						}


				/*
				 * forms : extra classes
				 */
				 
					 	/* place the submit button below the text input area */
						input.button {
							border : 1px solid #5295B7;
							background : #fff;
							color : #5295B7;
							padding : 0px; /* fixed for IE */
							font-weight : bold;
							font-size : 1.2em;
							font-family : Arial, Helvetica, sans-serif;
							width : 50px; /* Commented Backslash fix hides rule from IE5-Mac - button needs a width \*/
							overflow : visible;
							width : auto; /* end IE5 Mac hide */
						}
						
						input.text {
							border : 1px solid #5295B7;
							padding : 2px;
						}
						
						input.readonly {
							border : 1px solid #cccccc;
							padding : 2px;
							color : #999999;
						}
						
						input.radio {
							width:20px !important;
							margin-bottom:0 !important;
						}
						
						input.checkbox {
							width:20px !important;
							margin-bottom:0 !important;
						}
						
						label.error {
							font-weight : bold;
							color : #006599;
						}


						/* 
						 * forms : input container - used to align form elements inline
						 */
						 
								.inputcontainer {
									padding-bottom : 0em;
									border-bottom : 1px solid #e5e5e5;
									margin-bottom : 2em;
								}
								
								/* label inside an input container is inline */
								.inputcontainer label { 
								}
								
								.inputcontainer input.text { 
									width : 98%; /* Changed by Ali */
								}


						/*
						 * forms : input row - position everything within in a row 
						 */
						 
								.inputrow * {
									float : left;
								}
								
								.inputrow input {
									margin-right : 5px;
								}
								
								/* fixed for IE */
								.inputrow label {
									margin-right : 15px;
								}


/*
 * 3.2 Global ids / areas
 */
		/*
		 * Jump links - accessibiltity friendly links at the top of every page
		 */
		 
				ul#jumpLinks {
					margin-bottom : 0px;
				}
				
				/* hide the skip navigation when not currently selected */
				ul#jumpLinks li {
					list-style-type : none;
					display : inline;
					background : none;
					padding-left : 0px;
				}
				
				ul#jumpLinks li a {
					position : absolute;
					top : -9999px;
					left : -9999px;
					padding-left : 0px;
					margin-bottom : 0px;
					background : none;
				}
				
				ul#jumpLinks li a:focus, 
				ul#jumpLinks li a:active {
					position : absolute;
					margin : 0;
					top : 0;
					left : 0px;
					background-color : #e1edf8;
					border-bottom : 1px solid #ccc;
					display : block;
					width : 99.2%;
					padding : 1px 4px 1px 0;
					font-size : 0.85em;
					text-align : right;
				}
				
				ul#jumpLinks li a:hover {
					background-color : #fff;
					border-bottom : 1px solid #fff;
				}


		/*
		 * wrapper - surrounds all visible page content
		 */
		 
				#wrapper { }


		/*
		 * Header - top section containing navigation
		 */
		 
				#headerwrap {
					background : url('../img/maintabnav-bg.gif') #f5f5f5 repeat-x left bottom;
					width : 100%; /* full page width */
				}
				
				#header {
					background : url('../img/maintabnav-bg.gif') #f5f5f5 repeat-x left bottom;
					width : 975px;
					position : relative;
					margin : 0 auto 0 auto;
				}


				/*
				 * Header : search area
				 */
				 
						#header #headersearch {
							float : right;
							display : inline; /* IE6 Double margin float bug fix */
							width : 21.5em; 
							background : #eaeeef;
							margin : 0px 15px 0px 10px;
							padding : 10px 10px 0px 10px; /* fixed for IE */
						}
						
						#header #headersearch label {
							margin-bottom : 0em;
							padding-bottom : 6px;
							font-family : Arial, Helvetica, sans-serif;
							color : #006599;
							font-size : 1.5em; /* fixed for IE */
						}
						
						#header #headersearch input.text {
							width : 13.7em;
							margin : 0px 0.2em 0.55em 0px; /* bottom margin for alignment with button */
						}
						
						#header #headersearch input.button {
							margin-bottom : 0.4em; /* for alignment with text input */
						}
						
						#header #headersearch ul {
							margin-bottom : 1.7em; /* fixed for IE */
							font-size : 1.2em;
							font-weight : bold;
						}
						
						#header .notabsnohori ul {
							margin-bottom : 0.7em !important; /* fixed for IE */
							font-size : 1.2em;
							font-weight : bold;
						}
						
						#header #headersearch ul li a {
							padding-left : 0px;
							margin-bottom : 0px;
							background : none;
						}


				/*
				 * Header : site wide nav
				 */
				 
						#header ul#sitewidenav {
							clear : left;
							margin : 15px 0px 10px 15px; /* top and bottom fixed for IE */
							font-family : Arial, Helvetica, sans-serif;
							font-size : 1.4em;
						}
						
						#header #sitewidenavnone {
							clear : left;
							margin : 15px 0px 10px 15px; /* top and bottom fixed for IE */
							font-family : Arial, Helvetica, sans-serif;
							font-size : 1.4em;
						}
						
						#header ul#sitewidenav li a {
							text-decoration : none;
							padding-left : 0px;
							margin-bottom : 0px;
							background : none;
						}

						/* display the selected sitewidenav section */
						#header ul#sitewidenav li a:hover {
							color : #666;
						}


				/*
				 * Header : Main navigation 
				 */ 
				 
						#header #mainnav {
							height : 45px; /* fixed for IE */					
							padding-left : 15px;
						}
						
						#header #mainnavnone {
							height : 5px; /* fixed for IE */					
							padding-left : 15px;
						}
						
						/* float both lists in the main nav - 5x tabs, and blank */
						#header #mainnav ul {
							float : left;
						}


						/* 
						 * header : main navigation : tabbed nav
						 */
						 
								#header #mainnav ul#maintabnav {
									width : 945px;
									height : 45px;
									margin : 0px;
									padding : 0px;
								}
								
								#header #mainnav ul#maintabnav li {
									display : inline;
									padding : 0px;
									margin : 0px;
									background : none; /* remove default bullet */
								}
								
								ul#maintabnav li a {
									display : block;
									float : left;
									height : 45px;
									width : 189px;
									padding : 0px;
									margin-bottom : 2px;
									background : url('../img/maintabnav-tabs.gif') transparent no-repeat;
									text-indent : -9999px;
								}


								/*
								 * header : main navigation : tabbed nav : individual items (static class set in JS to stop default rollover)
								 */
								 
										ul#maintabnav li#tabcourses a,
										ul#maintabnav.static li#tabcourses a:hover { 
											background-position : 0px 0px; 
										}
										
										ul#maintabnav li#tabresearch a, 
										ul#maintabnav.static li#tabresearch a:hover { 
											background-position : -189px 0px; 
										}
										
										ul#maintabnav li#tabfaculty a,
										ul#maintabnav.static li#tabfaculty a:hover { 
											background-position : -378px 0px; 
										}
										
										ul#maintabnav li#tabschools a,
										ul#maintabnav.static li#tabschools a:hover { 
											background-position : -567px 0px; 
										}
										
										ul#maintabnav li#tabactivities a,
										ul#maintabnav.static li#tabactivities a:hover { 
											background-position : -756px 0px; 
										}
										
										ul#maintabnav li#tabcourses a:hover,
										.courses ul#maintabnav li#tabcourses a,
										.courses ul#maintabnav.static li#tabcourses a:hover { 
											background-position : 0px -40px; 
										}
										
										ul#maintabnav li#tabresearch a:hover,
										.research ul#maintabnav li#tabresearch a,
										.research ul#maintabnav.static li#tabresearch a:hover { 
											background-position : -189px -40px; 
										}
										
										ul#maintabnav li#tabfaculty a:hover,
										.faculty ul#maintabnav li#tabfaculty a,
										.faculty ul#maintabnav.static li#tabfaculty a:hover { 
											background-position : -378px -40px; 
										}
										
										ul#maintabnav li#tabschools a:hover,
										.schools ul#maintabnav li#tabschools a,
										.schools ul#maintabnav.static li#tabschools a:hover { 
											background-position : -567px -40px; 
										}
										
										ul#maintabnav li#tabactivities a:hover,
										.activities ul#maintabnav li#tabactivities a,
										.activities ul#maintabnav.static li#tabactivities a:hover { 
											background-position : -756px -40px; 
										}


								/*
								 * header : main navigation : tabbed nav : styles for smooth scrolling rollover
								 */
								 
										ul#maintabnav.static {
											position : relative;
											overflow : hidden;
										}
										
										ul#maintabnav.static li a { 
											position : absolute;
											height : 85px;
											margin-bottom : 0px;
											bottom : -40px;
										}
										
										ul#maintabnav.static li#tabcourses a 		{ left : 0px; } 
										ul#maintabnav.static li#tabresearch a 		{ left : 189px; } 
										ul#maintabnav.static li#tabfaculty a		{ left : 378px; } 
										ul#maintabnav.static li#tabschools a		{ left : 567px; } 
										ul#maintabnav.static li#tabactivities a		{ left : 756px; } 


						/*
						 * header : main navigation : blank
						 */
								
								#header #mainnav li#tabblank {
									background : none; /* remove default bullet */
									display : block;
									height : 1px;
									width : 1px;
									margin : 15px 0px 0px 0px; /* fixed for IE */
								}


		/*
		 * main content area - contains section navigation and content area
		 */
		 
				#maincontent { 
					background : #ffffff; /* allow bg grey to extent to the bottom of short pages */
					
				}


		/*
		 * content wrap - ensures central content stays at the correct width
		 */
		 
				#contentwrap {
					background : #ffffff;
					width : 975px;
					padding-top : 30px;
					padding-bottom : 10px;
					position : relative;
					margin : 0 auto 0 auto;
				}


		/*
		 * Section Navigation (winthin each section, far left, below tabs)
		 */
		 
				#sectionnav {
					float : left;
					display : inline; /* IE6 Double margin float bug fix */
					width : 225px;
					margin : 0px 15px 1em 13px;
				}
				
				#sectionnav ul {
					margin-bottom : 2.4em;
					font-size : 1.2em;
				}
				
				#sectionnav ul li {
					padding-left : 8px;
				}
				
				#sectionnav ul li a { 
					font-weight : bold;		
							
				}
				
				
				/* styles for sub-navigation elements */
				#sectionnav ul ul {
					margin : 0.3em 0px 0.6em 0px; /* Changed top margin from 0.2 by Alex */
					font-size : 1em;
				}
				
				#sectionnav ul ul li {
					margin-left:0.6em; /* Added by Alex */
				}
				
				/* reset styles for unselected sub-navigation elements */
				#sectionnav ul li.open li a,
				#sectionnav ul li.selected li a,
				#sectionnav ul li.selectedopen li a,
				#sectionnav ul li.open li.selectedopen li a {
					text-decoration : none; /* swapped with below Nov 2012 */
					color : #006599;
				}
				
				#sectionnav ul li.open li a:hover,
				#sectionnav ul li.selected li a:hover,
				#sectionnav ul li.selectedopen li a:hover,
				#sectionnav ul li.open li.selectedopen li a:hover {
					text-decoration : underline;
				}


				/* 
				 * Section Navigation : selected element
				 */
				 
						#sectionnav ul li.selected {
							background-image : url('../img/bullet.gif');
						}
						
						#sectionnav ul li.selected a,
						#sectionnav ul li li.selected a {
							text-decoration : none;
							color : #666666;					
						}


				/*
				 * Section Navigation : open element
				 */
				 
						#sectionnav ul li.open {
							background-image : url('../img/bullet-blue-down.gif');
							background-position : 0px 0.6em; /* lower than standard bullet */
							padding-left : 8px;
							font-style : normal;
						}


				/*
				 * Section Navigation : selected & open element
				 */
				 
						#sectionnav ul li.selectedopen {
							background-image : url('../img/bullet-down.gif');
							background-position : 0px 0.6em; /* lower than standard bullet */
							padding-left : 8px;
						}
						
						#sectionnav ul li.selectedopen a,
						#sectionnav ul li.open li.selectedopen a,
						#courses .contentblock ul li.selectedopen a {
							text-decoration : none;
							color : #666666;
						}


		/*
		 * Content area
		 */
		 
				#content {
					float : left;
					width : 705px;
					margin : 0px 0px 3em 0px;
				}


				/*
				 * Content area : teaser
				 */			
				 
						#topcontent {
							margin-bottom : 2em; 
						}
						
						#topcontent .panelcontainer {
							float : left;
							width : 225px; 
						}
						
						#topcontent #teaser {
							float : left;
							width : 465px;
							min-height : 335px;
							margin-right : 15px; 
						}
						
						#topcontent #teaser .slide {
							display : none;
							position : relative;
							width : 465px;
							min-height : 335px;
							background-repeat : no-repeat;
							background-position : left top;
							background-color : transparent; 
						}
						
						#topcontent #teaser .slide.first {
							display : block; 
						}
						
						#topcontent #teaser .slide .slidetextwrap {
							position : absolute;
							left : 0;
							top : 210px;
							width : 362px;
							padding : 15px 15px 0 15px;
							border-bottom : 0;
							height : 111px;
							background-color : #000000;
							opacity : 0.8;
							filter : alpha(opacity=80); /* For IE8 and earlier */
						}
						
						#topcontent #teaser .slide .slidetext {
							min-height : 90px;
							padding : 5px 10px 10px 10px; 

						}
						
						#topcontent #teaser .slide .slidetext h2 {
							margin : 0 0 .2em 0;
							color : #0092d6;
							font-size : 2.4em; 
						}
						
						#topcontent #teaser .slide .slidetext h2 a {
							text-decoration : none;
							background : none;
							padding-right : 0;
							color : #0092d6;
						}
						
						#topcontent #teaser .slide .slidetext p {
							font-weight : bold;
							margin-bottom : .4em;
							color : #ffffff;
						}
						
						#topcontent #teaser .slide .slidetext a {
							color : #0092d6;
						}


				


				/*
				 * Content area : content blocks
				 */
				 
						.contentblock {
							padding-bottom : 1.2em;
							margin-bottom : 1.4em;
							border-bottom : 1px solid #666;
						}/*
				 * Content area : column layouts
				 */			
				 
						#leftcol {
							float : left;
							margin-right : 15px;
							width : 225px;
						}
						
						/* two column layout */
						#content.twocol #leftcol { 
							width : 465px;
						}
						
						/* one column layout */
						#content.onecol #leftcol { 
							width : 705px;
						}
						
						#centrecol {
							float : left;
							margin-right : 15px;
							width : 225px;
						}
						
						#rightcol {
							float : left;
							width : 225px
						}
						
						/* two column layout */
						#content.twocol #rightcol { 
							width : 225px;
						}
						
						/* one column layout */
						#content.onecol #rightcol { 
							width : 225px;
							visibility : hidden;
						}


						/*
						 * Content area : content blocks : border colours for different sections
						 */
						 
								.courses .contentblock {
									border-bottom-color : #e42322;
								}
								
								.research .contentblock {
									border-bottom-color : #f0891b;
								}
								
								.faculty .contentblock {
									border-bottom-color : #ffcc00;
								}
								
								.schools .contentblock {
									border-bottom-color : #0c802e;
								}
								
								.activities .contentblock {
									border-bottom-color : #324a97;
								}


						/*
						 * Content area : content blocks : headings
						 */
						 
								/* reversed headings */
								.contentblock .contentheader {
									background : url('../img/top-right.png') #87A3B2 no-repeat right top;
									color : #ffffff;
								}
								
								.contentblock .contentheader h3 {
									padding : 0.25em 0.5em 0.35em 0.4em; /* fixed for IE */
									background : url('../img/top-left.png') transparent no-repeat left top;
								}
								
								.contentblock .contentheader h3 a {
									display : block;
									padding-right : 1em;
									background : url('../img/arrow.png') transparent no-repeat right 0.2em;
									color : #ffffff;
									text-decoration : none;
								}
								
								.contentblock .contentheader img {
									display : block;
									padding : 0.35em 0em 0em 0em; /* fixed for IE */
									margin-bottom : 1.4em;
									background : url('../img/top-left.png') transparent no-repeat left top;
								}


						/*
						 * Content area : content blocks : text content
						 */
						 
								.contentblock p,
								.contentblock ul {
									margin-bottom : 0.2em;
								}
								
								.contentblock dd a,
								.contentblock li a {
									font-weight : bold;
								}
								
								/* remove bold from section of link - for emphasis */
								.contentblock li a em,
								.contentblock li em a {
									font-weight : normal;
									font-style : normal;
								}


						/*
						 * Content area : content blocks : Supporting information blocks (green, not blue) 
						 */
						 
								.contentblock.supportinginfo {
									border-bottom-color : #76A095;
								}
								
								.contentblock.supportinginfo .contentheader {
									background-color : #76A095;
								}
								
								.contentblock.supportinginfo a {
									color : #488072;
								}


				/*
				 * Content area : contact us area
				 */
				 
						#contactus { }
						
						#contactus h2 { /* Changed from h3 for accessibility */
							font-size : 1.8em; /* Added by Ali to replicate h3 */
							padding-bottom : 0.2em;
							border-bottom : 1px solid #b4b4b4;
						}
						
						#contactus address,
						#contactus p,
						#contactus ul {
							margin-bottom : 0.2em;
						}
						
						#contactus ul li a { }
						
						/* extra 2px left margin when inside the section nav area, for wider 'down' arrow in nav */
						#sectionnav #contactus {
							margin-left : 2px;
						}


				/*
				 * Right hand column image
				 */
				 
					.rightcol-image { 
						padding-bottom : 1.5em;
						margin-bottom : 1.5em;
						border-bottom : 0px solid #b4b4b4;
					}
					
					.rightcol-image-below { 
						padding-top : 1.5em;
						margin-top : 1.5em;
						border-top : 1px solid #b4b4b4;
					}


				/*
				 * Useful links - links with arrows
				 */
				 
						ul.usefullinks { }
						
						ul.usefullinks li { 
							padding : 0px;
							margin : 0px;
							background : none; /* remove default bullet */
						}
						
						ul.usefullinks li a { 
							display : block;
							padding : 3px 0px 3px 26px;
							margin-bottom : 0.4em;
							background : url('../img/usefullink-arrow.gif') transparent no-repeat 0px 0px;
						}
						
						/* down arrow not right arrow */
						ul.usefullinks li.download a {
							background-image : url('../img/usefullink-arrow-down.gif');
						}


		/*
		 * Footer - grey area below main content
		 */
		 
				/* bg img here when browser is wider than 975px */
				#footerwrapper {
					background : url('../img/footer-bg-tile.gif') #f2f2f2 repeat-x left top;
				}
				
				#footer {
					background : url('../img/footer-bg-tile.gif') #f2f2f2 repeat-x left top;
					padding : 28px 0px 50px 0px; /* full width - no padding left or right */
					width : 975px; /* full width */
					margin : 0 auto 0 auto;
				}
				
				/* full width */
				#footer h2 {
				}
				
				/* short footer - no sitemap */
				#footer.short { }


				/*
				 * footer : sitemap
				 */
				 
						#footer #sitemap .col {
							float : left;
							width : 225px;
							margin-right : 15px;
						}
						
						#footer #sitemap .col#col1 {
							padding-left : 15px;
						}
						
						#footer #sitemap .col#col4 {
							margin-right : 0px;
						}
						
						#footer #sitemap h2 {
							margin : 0px 0px 0.2em 0px;
							font-size : 2.5em;
							color : #006599;
						}
						
						/* add a border underneath certain lists within the sitemap */
						#footer #sitemap dl.border {
							padding-bottom : 1.8em;
							border-bottom : 1px solid #d9d9d9;
						}
						
						#footer #sitemap dd {
							text-indent : 10px;
							margin-bottom:2px; /* Added by Alex */
						}


				/*
				 * footer : 'legal' list 
				 */
				 
						#footer ul#legal {
							width : 705px;
							margin : 10px 0px 0px 255px;
							border-top : 1px solid #d9d9d9;
							padding : 1em 0px 0px 0px;
						}
						
						/* no top border when no sitemap present */
						#footer.short ul#legal {
							margin : 0px;
							border-top : 0px;
							padding : 0px 0px 0px 255px;
						}
						
						#footer ul#legal li a {
							padding-left : 0px;
							margin-bottom : 0px;
							background : none;
						}


/*
 * 3.3 Site / area-specific styles
 */


		/*
		 * Home page
		 */
		 
				.home { }


		/*
		 * Courses pages
		 */
		 
				.courses { }


		/*
		 * Research pages
		 */
		 
				.research { }


		/*
		 * Faculty pages
		 */
		 
				.faculty { }


		/*
		 * Schools pages
		 */
		 
				.schools { }


		/*
		 * Activities pages
		 */
		 
				.activities { }


		/*
		 * Content Area : Content blocks : Specific content block styles
		 */
		 
				/*
				 * Content Area : Content blocks : News
				 */

						/* position the RSS link */
						.contentblock#news p#rsslink {
							position : relative;
							margin : -23px 0px 7px 0px; /* bring container up */
							top : -7px; /* just move icon - fixed for IE */
							left : 415px;
						}
						
						/* style the RSS link */
						.contentblock#news p#rsslink a {
							display : block;
							width : 15px;
							height : 15px;
							background : url("../img/icon-rss.gif") transparent no-repeat left top;
							text-indent : -9999px;
							text-decoration : none;
						}


						/* kate steps */
						
						#katesteps {
						margin-bottom:20px;
						}						
						
						#katestepsbig {
						margin-bottom:20px;
						}
						
						#katequotes {
						margin-bottom:20px;
						}
						
						#katefastfacts {
						padding-top:8px;
						margin-bottom:20px;
						}
						
						#katefactsandfigures {
						margin-bottom:20px;
						}
						
						.stepitem {
							padding-bottom : 0.9em;
							border-bottom : 1px solid #b4b4b4;
							margin-bottom : 0.8em;
						}
						
						.stepitem ul {
						margin-top:10px !important;
						margin-bottom:0px !important;
						}
						
						.courses .stepitem {
						border-bottom:1px solid #e42322 !important;
						}
						.research .stepitem {
						border-bottom:1px solid #f0891b !important;
						}
						.faculty .stepitem {
						border-bottom:1px solid #ffcc00 !important;
						}
						.schools .stepitem {
						border-bottom:1px solid #0c802e !important;
						}
						.activities .stepitem {
						border-bottom:1px solid #324a97 !important;
						}
						
						#katefastfacts {
						border-top:1px solid #b4b4b4;
						}
						.courses #katefastfacts {
						border-top:1px solid #e42322 !important;
						}
						.research #katefastfacts {
						border-top:1px solid #f0891b !important;
						}
						.faculty #katefastfacts {
						border-top:1px solid #ffcc00 !important;
						}
						.schools #katefastfacts {
						border-top:1px solid #0c802e !important;
						}
						.activities #katefastfacts {
						border-top:1px solid #324a97 !important;
						}
						
						.stepitem h3 a {
						color:#5F5F5F !important;
						text-decoration:none !important;
						}
						
						#katequotes .stepitem h3 {
						font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
						font-size:1.3em !important;
						font-weight:bold !important;
						}
						
						#katequotes .stepitem h4 {
						margin-top:0px !important;
						}
						
						.stepitem.last {
							padding-bottom : 0px;
							border-bottom : 0px;
							margin-bottom : 0px;
						}
						
						.stepitem img {
							float : left;
							margin : 3px 15px 0px 0px;
						}
						
						#katequotes .stepitem img {							
							margin : 3px 12px 0px 0px !important;
						}
						
						.stepitem .steptext {
							float : left;
							width : 225px;
						}
						
						.stepitem .steptext p {
							margin-bottom : 0px;
						}
						
						#katefactsandfigures .stepitem p {
							margin-bottom : 8px;
						}
						#katefactsandfigures .stepitem h3 {
						margin-bottom:0 !important;
						}
						
						.stepitem .steptext p a {
							font-weight : bold;
						}						
						
						.stepitem .steptextmain {
							float : left;
							width : 315px;
						}
						
						#katequotes .stepitem .steptextmain {
							width : 345px !important;
						}
						
						#katestepsbig .stepitem .steptextmain {
							float : left;
							width : 240px;
						}
						
						.stepitem .steptextmain p {
							margin-bottom : 0px;
						}
						
						.stepitem .steptextmain p a {
							font-weight : bold;
						}


				/*
				 * Content Area : Content blocks : A-Z list block
				 */
				 
						.contentblock#azlist p {
							margin-bottom : 0.8em;
						}
						
						.contentblock#azlist ul {
							font-size : 1.2em;
						}
						
						.contentblock#azlist ul li {
							display : inline;
							list-style : none;
							margin : 0px;
							padding : 0px;
							background : none;
						}
						
						.contentblock#azlist ul li a {
							display : block;
							float : left;
							width : 1.2em;
							padding : 2px;
							margin : 2px;
							background : #e4e4e4;
							color : #666;
							text-decoration : none;
							text-align : center;
						}
						
						.contentblock#azlist ul li a:hover {
							background : #cccccc;
						}


		 /*
		 * Teaser, buttons, share
		 */
		 
				#teaser .slide .slidetext {
					padding:0!important;
					background:none!important;
					min-height:0!important
				}
				
				#teaser-nav {
					position:absolute;
					width:230px;
					height:17px;
					top:334px;
					left:265px
				}
				
				#teaser-nav.nav-no-tabs {
					top:291px!important;
				}
				
				#teaser-nav #left-arrow, #teaser-nav #right-arrow {
					float:left;
					width:11px;
					height:22px;
					cursor:pointer
				}
				
				#teaser-nav #left-arrow {
					padding:0 4px 0 0
				}
				
				#teaser-nav #right-arrow {
					padding:0 0 0 4px
				}
				
				#teaser-nav #choose-slide {
					list-style:none;
					display:block;
					margin:0;
					padding:0
				}
				
				#teaser-nav #choose-slide li {
					display:inline;
					float:left;
					width:13px;
					height:20px;
					cursor:pointer;
					margin:0 5px 0 5px!important;
					list-style:none;
					background-image:url('../img/simplefade-white-circle.png')!important;
					background-repeat:no-repeat!important;
					padding:0!important
				}
				
				#teaser-nav #choose-slide li.fssActive {
					background-image:url('../img/simplefade-blue-circle.png')!important
				}
				
				#teaser-nav #choose-slide li a {
					display:block;
					width:13px;
					height:20px
				}
				
				#teaser-nav .slide-circle {
					float:left;
					width:11px;
					height:11px;
					cursor:pointer;
					padding:5px 5px 0 5px
				}
				
				#alex-share-buttons {
					float:left;
					width:209px;
					padding:5px 8px 0px 8px;
					background-color:#F5F5F5;
				}
				
				#alex-follow-buttons {
					float:left;
					width:209px;
					padding:5px 8px 5px 8px;
					background-color:#F5F5F5;
				}
				
				#alex-share-buttons p {
					padding:0;
					margin:0 0 10px 0;
				}
				
				.alex-buttons {
					height:105px;
					margin-bottom:8em;
				}
				
				.ic_container {
					vertical-align:baseline;
					position:relative;
					margin-bottom:4em;
					height:105px;
				}
				
				.ic_container a {
					display:block;
				}
				
				.ic_caption {
					position:absolute;
					overflow:hidden;
					margin:0px;
					padding:5px 5px 5px 5px;
					left:0px;
					right:0px;
					cursor:default;
					background-image:url('../img/teaser-black-overlay.png');
					cursor:pointer;
					width:215px;
				}
				
				.ic_caption a {
					color:#fff;
					text-decoration:none;
				}
				
				.ic_caption h3 {
					padding:0px;
					margin:0px 0 0px 0;
				}
				
				.ic_caption h3 a {
					background-image:url('../img/arrow.png');
					background-position:right;
					background-repeat:no-repeat;
				}
				
				.ic_text {
					padding:0px;
					margin:5px 0 0 0;
				}
				
				.twitter-button {
					display: block;
					height: 20px;
					background: url('../img/twitter-buttons.png') no-repeat scroll 0 0 transparent;
				}
				
				.twitter-button span {
					left: -999em;
					position: absolute;
				}
				
				.twitter-button:hover {
					background-position:0 -21px;
				}
				
				.twitter-button:active {
					background-position:0 -42px;
				}


		 /*
		 * Research repository
		 */
		 
				.ep_view_blurb {
					margin : 0px 0px 1.5em 0px;
				}
				
				.person_name {
					margin : 0px 0px 1.5em 0px;
					font-style : normal;
					font-weight : bold;
				}
				
				.ep_view_timestamp {
					margin : 0px 0px 1.5em 0px;
					padding : 5px 0px 5px 0px;
					border-bottom : 1px solid #87a3b2;
				}


		 /*
		 * Lightbox
		 */
		 
				#lightbox{
					position: absolute;
					left: 0;
					width: 100%;
					z-index: 100;
					text-align: center;
					line-height: 0;
				}
				
				#lightbox img{
					width: auto;
					height: auto;
				}
				
				#lightbox a img{
					border: none;
				}
				
				#outerImageContainer{
					position: relative;
					background-color: #fff;
					width: 250px;
					height: 250px;
					margin: 0 auto;
				}
				
				#imageContainer{
					padding: 10px;
				}
				
				#loading{
					position: absolute;
					top: 40%;
					left: 0%;
					height: 25%;
					width: 100%;
					text-align: center;
					line-height: 0;
				}
				
				#hoverNav{
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					z-index: 10;
				}
				
				#imageContainer>#hoverNav{
					left: 0;
				}
				
				#hoverNav a{
					outline: none;
				}
				
				#prevLink, #nextLink{
					width: 49%;
					height: 100%;
					background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
					display: block;
				}
				
				#prevLink{
					left: 0; float: left;
				}
				
				#nextLink{
					right: 0; float: right;
				}
				
				#prevLink:hover, #prevLink:visited:hover{
					background: url('../img/lightbox-prevlabel.gif') left 15% no-repeat;
				}
				
				#nextLink:hover, #nextLink:visited:hover{
					background: url('../img/lightbox-nextlabel.gif') right 15% no-repeat;
				}
				
				#imageDataContainer{
					font: 10px Verdana, Helvetica, sans-serif;
					background-color: #fff;
					margin: 0 auto;
					line-height: 1.4em;
					overflow: auto;
					width: 100%	
				}
				
				#imageData{
					padding:0 10px;
					color: #666;
				}
				
				#imageData #imageDetails{
					width: 70%;
					float: left;
					text-align: left;
				}
				
				#imageData #caption{
					font-weight: bold;
				}
				
				#imageData #numberDisplay{
					display: block;
					clear: left;
					padding-bottom: 1.0em;
				}
				
				#imageData #bottomNavClose{
					width: 66px;
					float: right; 
					padding-bottom: 0.7em;
					outline: none;
				}
				
				#overlay{
					position: absolute;
					top: 0;
					left: 0;
					z-index: 90;
					width: 100%;
					height: 500px;
					background-color: #000;
				}


		 /*
		 * Quicktime player
		 */
		 
				.qtplaybutton {
					background-color : #141414;
					cursor : pointer;
					font-weight : bold;
					font-size : 1.25em;
					opacity : 0.8;
					filter : alpha(opacity=80);
					-moz-border-radius : 1em;
					-webkit-border-radius : 1em;
					position : relative;
					top : 50%;
					zoom : 100%;
					padding : .5em 1em;
					color : white;
				}
				
				.qtplaybackground {
					background-color : #ffffff;
					opacity : 0.0;
					filter : alpha(opacity=0);
					position : absolute;
					top : 0px; left: 0px;
				}


		 /*
		 * Sub-sites with custom elements
		 */

		body.writing {
			background : #0099cc; 
		}
		/*body.crmep {
			background : #ed1c24; 
		}*/
		body.iss {
			background : #2ab967; 
		}
		
		body.chk {
			background : #ff7f17; 
		}
		
		body.crescid {
			background : #851be8; 
		}
		
		body.pru {
			background : #666262; 
		}
		body.genocide {
			background : #60594a; 
		}
		body.iccip {
			background : #663366; 
		}

				.writing h1 {
					width : 420px;
					height : 70px;
				}
				.crmep h1 {
					width : 464px;
					height : 70px;
				}
				.iss h1 {
					width : 394px;
					height : 70px;
				}
				
				.chk h1 {
					width : 450px;
					height : 70px;
				}
				
				.crescid h1 {
					width : 450px;
					height : 70px;
				}
				.pru h1 {
					width : 344px;
					height : 70px;
				}
				.genocide h1 {
					width : 240px;
					height : 70px;
				}
				.iccip h1 {
					width : 160px;
					height : 70px;
				}

				.writing h1 a {
					display : inline;
					width : 420px;
					height : 70px;
				}
				.crmep h1 a {
					display : inline;
					width : 464px;
					height : 70px;
				}
				.iss h1 a {
					display : inline;
					width : 394px;
					height : 70px;
				}
				.chk h1 a {
					display : inline;
					width : 450px;
					height : 70px;
				}
				
				.crescid h1 a {
					display : inline;
					width : 450px;
					height : 70px;
				}
				
				.pru h1 a {
					display : inline;
					width : 344px;
					height : 70px;
				}
				.genocide h1 a {
					display : inline;
					width : 240px;
					height : 70px;
				}
				.iccip h1 a {
					display : inline;
					width : 160px;
					height : 70px;
				}

				.writing .quotecell {
					background-color: #d9e2ea;
					margin: 25px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 0px solid #68ace5;
					color: #00539f;
				}
				/*.crmep .quotecell {
					background-color: #eeeeee;
					margin: 25px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 0px solid #000000;
					color: #333333;
				}*/
				.iss .quotecell {
					background-color: #fff2cc;
					margin: 25px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 0px solid #f0891b;
					color: #f0891b;
				}
				
				.chk .quotecell {
					background-color: #b6caff;
					margin: 25px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 0px solid #032d9d;
					color: #032d9d;
				}
				
				.crescid .quotecell {
					background-color: #b6caff;
					margin: 25px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 0px solid #032d9d;
					color: #032d9d;
				}
				
				.pru .quotecell {
					background-color: #666262;
					margin: 0px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 0px solid #99cc66;
					color: #ffffff;
				}
				.genocide .quotecell {
					background-color: #ffffff;
					margin: 0px 0px 25px 0px;
					padding: 5px 72px 5px 72px;
					border : 5px solid #d77012;
					color: #666666;
				}
				.iccip .quotecell {
					background-color: #ccccff;
					margin: 0px 0px 25px 0px;
					padding: 15px 30px 5px 30px;
					border : 5px solid #68ace5;
					color: #993399;
				}

				.writing .quotecellright {
					background-color: #d9e2ea;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #68ace5;
					color: #00539f;
				}
				/*.crmep .quotecellright {
					background-color: #eeeeee;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #000000;
					color: #333333;
				}*/
				.iss .quotecellright {
					background-color: #fff2cc;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #f0891b;
					color: #f0891b;
				}
				
				.chk .quotecellright {
					background-color: #b6caff;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #032d9d;
					color: #032d9d;
				}	
				
				.crescid .quotecellright {
					background-color: #b6caff;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #032d9d;
					color: #032d9d;
				}		
				
				.pru .quotecellright {
					background-color: #666262;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #99cc66;
					color: #ffffff;
				}
				.genocide .quotecellright {
					background-color: #60594a;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #d77012;
					color: #ffffff;
				}
				.iccip .quotecellright {
					background-color: #ccccff;
					margin: 0px 0px 20px 0px;
					padding: 15px 5px 5px 5px;
					border : 0px solid #68ace5;
					color: #993399;
				}

						.writing ul.horiznavlist li {
							border-right : 1px solid #68ace5;
						}
						/*.crmep ul.horiznavlist li {
							border-right : 1px solid #000000;
						}*/
						.iss ul.horiznavlist li {
							border-right : 1px solid #f0891b;
						}
										
						.chk ul.horiznavlist li {
							border-right : 1px solid #032d9d;
						}
						
						.crescid ul.horiznavlist li {
							border-right : 1px solid #032d9d;
						}
											
						.pru ul.horiznavlist li {
							border-right : 1px solid #99cc66;
						}
						.genocide ul.horiznavlist li {
							border-right : 1px solid #d77012;
						}
						.iccip ul.horiznavlist li {
							border-right : 1px solid #68ace5;
						}

				.writing #headerwrap {
					background : url('../img/header-bg-lightblue-tile.gif') #0099cc repeat-x left bottom;
				}
				/*.crmep #headerwrap {
					background : url('../img/header-bg-black-tile.gif') #ed1c24 repeat-x left bottom;
				}*/
				.iss #headerwrap {
					background : url('../img/header-bg-crescid-tile.png') #2ab967 repeat-x left bottom;
				}
				
				.chk #headerwrap {
					background : url('../img/header-bg-orange-tile.png') #ff7f17 repeat-x left bottom;
				}
				
				.crescid #headerwrap {
					background : url('../img/header-bg-mauve-tile.png') #851be8 repeat-x left bottom;
				}
				.pru #headerwrap {
					background : url('../img/header-bg-lightgreen-tile.gif') #666262 repeat-x left bottom;
				}
				.genocide #headerwrap {
					background : url('../img/header-bg-orange-tile.gif') #60594a repeat-x left bottom;
				}
				.iccip #headerwrap {
					background : url('../img/header-bg-lightblue-tile.gif') #663366 repeat-x left bottom;
				}

				.writing #header {
					background : url('../img/header-bg-lightblue-tile.gif') #0099cc repeat-x left bottom;
				}
				/*.crmep #header {
					background : url('../img/header-bg-black-tile.gif') #ed1c24 repeat-x left bottom;
				}*/
				.iss #header {
					background : url('../img/header-bg-crescid-tile.png') #2ab967 repeat-x left bottom;
				}
				
				.chk #header {
					background : url('../img/header-bg-orange-tile.png') #ff7f17 repeat-x left bottom;
				}
				
				.crescid #header {
					background : url('../img/header-bg-purple-tile.png') #851be8 repeat-x left bottom;
				}
				
				.pru #header {
					background : url('../img/header-bg-lightgreen-tile.gif') #666262 repeat-x left bottom;
				}
				.genocide #header {
					background : url('../img/header-bg-genocide-banner.gif') #ffffff repeat-x left bottom;
				}
				.iccip #header {
					background : url('../img/header-bg-iccip-banner.gif') #663366 repeat-x left bottom;
				}

						.writing #header #headersearch {
							background-color : #0099cc;
							border : 0px dashed #68ace5;
						}
						/*.crmep #header #headersearch {
							background-color : #ed1c24;
							border : 0px dashed #000000;
						}*/
						.iss #header #headersearch {
							background-color : #2ab967;
							border : 0px dashed #f0891b;
						}
						
						.chk #header #headersearch {
							background-color : #ff7f17;
							border : 0px dashed #032d9d;
						}
						
						.crescid #header #headersearch {
							background-color : #851be8;
							border : 0px dashed #6166fe;
						}
						
						.pru #header #headersearch {
							background-color : #666262;
							border : 0px dashed #99cc66;
						}
						.genocide #header #headersearch {
							background-color : #60594a;
							border : 1px solid #d77012;
						}
						.iccip #header #headersearch {
							background-color : #663366;
							border : 1px solid #68ace5;
						}

						.writing #header #headersearch label,
						/*.crmep #header #headersearch label,*/
						.iss #header #headersearch label,
						.chk #header #headersearch label,
						.crescid #header #headersearch label,
						.pru #header #headersearch label,
						.genocide #header #headersearch label,
						.iccip #header #headersearch label {
							color : #ffffff;
							font-size : 1.2em;
						}

						.writing #header #headersearch ul,
						/*.crmep #header #headersearch ul,*/
						.iss #header #headersearch ul,
						.chk #header #headersearch ul,
						.crescid #header #headersearch ul,
						.pru #header #headersearch ul,
						.genocide #header #headersearch ul,
						.iccip #header #headersearch ul {
							font-weight : normal;
						}

						.writing #header .notabsnohori ul,
						/*.crmep #header .notabsnohori ul,*/
						.iss #header .notabsnohori ul,
						.chk #header .notabsnohori ul,
						.crescid #header .notabsnohori ul,
						.pru #header .notabsnohori ul,
						.genocide #header .notabsnohori ul,
						.iccip #header .notabsnohori ul {
							font-weight : normal;
						}

						.writing #header #headersearch a,
						/*.crmep #header #headersearch a,*/
						.iss #header #headersearch a,
						.chk #header #headersearch a,
						.crescid #header #headersearch a,
						.pru #header #headersearch a,
						.genocide #header #headersearch a,
						.iccip #header #headersearch a {
							text-decoration : none;
							color : #ffffff;
						}

						.writing #header #headersearch a:hover {
							color : #d9e2ea;
						}
						/*.crmep #header #headersearch a:hover {
							color : #eeeeee;
						}*/
						.iss #header #headersearch a:hover {
							color : #ff3300;
						}
						.chk #header #headersearch a:hover {
							color : #032d9d;
						}
						.crescid #header #headersearch a:hover {
							color : #032d9d;
						}
						.pru #header #headersearch a:hover {
							color : #ffcc33;
						}
						.genocide #header #headersearch a:hover {
							color : #ffcc33;
						}
						.iccip #header #headersearch a:hover {
							color : #ccccff;
						}

						.writing #header ul#sitewidenav {
							font-size : 1.3em;
						}
						/*.crmep #header ul#sitewidenav {
							font-size : 1.3em;
						}*/
						.iss #header ul#sitewidenav {
							font-size : 1.3em;
						}
						
						.chk #header ul#sitewidenav {
							font-size : 1.3em;
						}
						.crescid #header ul#sitewidenav {
							font-size : 1.3em;
						}
						.pru #header ul#sitewidenav {
							font-size : 1.4em;
						}
						.genocide #header ul#sitewidenav {
							font-size : 1.4em;
							font-weight : bold;
						}
						.iccip #header ul#sitewidenav {
							font-size : 1.4em;
							font-weight : bold;
						}

						.writing #header ul#sitewidenav li a {
							color: #d9e2ea;
						}
						/*.crmep #header ul#sitewidenav li a {
							color: #ffffff;
						}*/
						.iss #header ul#sitewidenav li a {
							color: #ffffff;
						}
						
						.chk #header ul#sitewidenav li a {
							color: #ffffff;
						}
						.crescid #header ul#sitewidenav li a {
							color: #ffffff;
						}
						
						.pru #header ul#sitewidenav li a {
							color: #ffffff;
						}
						.genocide #header ul#sitewidenav li a {
							color: #ffffff;
						}
						.iccip #header ul#sitewidenav li a {
							color: #ffffff;
						}

						.writing #header ul#sitewidenav li a:hover {
							color : #ffffff;
						}
						/*.crmep #header ul#sitewidenav li a:hover {
							color : #ffcccc;
						}
						.iss #header ul#sitewidenav li a:hover {
							color : #f0891b;
						}*/
						
						.iss #header ul#sitewidenav li a:hover {
							color : #006599;
						}

						.chk #header ul#sitewidenav li a:hover {
							color : #032d9d;
						}
						
						.cresid #header ul#sitewidenav li a:hover {
							color : #032d9d;
						}
						
						.pru #header ul#sitewidenav li a:hover {
							color : #ffcc33;
						}
						.genocide #header ul#sitewidenav li a:hover {
							color : #ffcc33;
						}
						.iccip #header ul#sitewidenav li a:hover {
							color : #ccccff;
						}

								.writing .contentblock {
									border-bottom-color : #68ace5;
								}
								/*.crmep .contentblock {
									border-bottom-color : #ed1c24;
								}*/
								.iss .contentblock {
									border-bottom-color : #2ab967;
								}
								
								.chk .contentblock {
									border-bottom-color : #032d9d;
								}
								
								.crescid .contentblock {
									border-bottom-color : #6166fe;
								}
								
								.pru .contentblock {
									border-bottom-color : #666262;
								}
								.genocide .contentblock {
									border-bottom-color : #60594a;
								}
								.iccip .contentblock {
									border-bottom-color : #663366;
								}

								.writing .contentblock .contentheader {
									background-color : #68ace5;
								}
								/*.crmep .contentblock .contentheader {
									background-color : #ed1c24;
								}*/
								.iss .contentblock .contentheader {
									background-color : #2ab967;
								}
								
								.chk .contentblock .contentheader {
									background-color : #ff7f17;
								}
								
								.crescid .contentblock .contentheader {
									background-color : #ff7f17;
								}
								.pru .contentblock .contentheader {
									background-color : #666262;
								}
								.genocide .contentblock .contentheader {
									background-color : #60594a;
								}
								.iccip .contentblock .contentheader {
									background-color : #663366;
								}

				.writing #footerwrapper {
					background : url('../img/footer-bg-lightblue-tile.gif') #0099cc repeat-x left top;
				}
				/*.crmep #footerwrapper {
					background : url('../img/footer-bg-black-tile.gif') #ed1c24 repeat-x left top;
				}*/
				.iss #footerwrapper {
					background : url('../img/footer-bg-crescid-tile.png') #2ab967 repeat-x left top;
				}
				
				.chk #footerwrapper {
					background : url('../img/footer-bg-orange-tile.png') #ff7f17 repeat-x left top;
				}
				
				.crescid #footerwrapper {
					background : url('../img/footer-bg-mauve-tile.png') #851be8 repeat-x left top;
				}
				
				
				.pru #footerwrapper {
					background : url('../img/footer-bg-lightgreen-tile.gif') #666262 repeat-x left top;
				}
				.genocide #footerwrapper {
					background : url('../img/footer-bg-orange-tile.gif') #60594a repeat-x left top;
				}
				.iccip #footerwrapper {
					background : url('../img/footer-bg-lightblue-tile.gif') #663366 repeat-x left top;
				}

				.writing #footer {
					background : url('../img/footer-bg-lightblue-tile.gif') #0099cc repeat-x left top;
				}
				/*.crmep #footer {
					background : url('../img/footer-bg-black-tile.gif') #ed1c24 repeat-x left top;
				}*/
				.iss #footer {
					background : url('../img/footer-bg-crescid-tile.png') #2ab967 repeat-x left top;
				}
				
				.chk #footer {
					background : url('../img/footer-bg-orange-tile.png') #ff7f17 repeat-x left top;
				}
				
				.crescid #footer {
					background : url('../img/footer-bg-mauve-tile.png') #851be8 repeat-x left top;
				}
				
				.pru #footer {
					background : url('../img/footer-bg-lightgreen-tile.gif') #666262 repeat-x left top;
				}
				.genocide #footer {
					background : url('../img/footer-bg-orange-tile.gif') #60594a repeat-x left top;
				}
				.iccip #footer {
					background : url('../img/footer-bg-lightblue-tile.gif') #663366 repeat-x left top;
				}

						.writing #footer ul#legal,
						/*.crmep #footer ul#legal,*/
						.iss #footer ul#legal,
						.chk #footer ul#legal,
						.crescid #footer ul#legal,
						.pru #footer ul#legal,
						.genocide #footer ul#legal,
						.iccip #footer ul#legal {
							color:#ffffff;
						}

						.writing #footer.short ul#legal,
						/*.crmep #footer.short ul#legal,*/
						.iss #footer.short ul#legal,
						.chk #footer.short ul#legal,
						.crescid #footer.short ul#legal,
						.pru #footer.short ul#legal,
						.genocide #footer.short ul#legal,
						.iccip #footer.short ul#legal {
							color:#ffffff;
						}

						.writing #footer ul#legal li a,
						/*.crmep #footer ul#legal li a,*/
						.iss #footer ul#legal li a,
						.chk #footer ul#legal li a,
						.crescid #footer ul#legal li a,
						.pru #footer ul#legal li a,
						.genocide #footer ul#legal li a,
						.iccip #footer ul#legal li a {
							color:#ffffff;
						}



		/*
		 * faculty/staff/cv.php
		 */
		 
				/* h2 fix for Research Output section  */
				
						.ep_view_page h2 {
							margin-top:1em;
						}

/* courses - modules description */
	/* had to add these to overwrite previous ones */
.modulecontent p, 
.modulecontent a,
.modulecontent ul,
.modulecontent ul li, 
.modulecontent ul li p,
.modulecontent table       
	{
	font-size:12px !important;
	
	}	







/* Radu added these*/

/* news item pic left */
#news.contentblock .newsitem {
    border-bottom: 0px solid #B4B4B4;
    margin-bottom: 0.8em;
    padding-bottom: 0.9em;
}
#news.contentblock .newsitem.last {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#news.contentblock .newsitem img {
    float: left;
    margin: 3px 15px 0 0;
}
#news.contentblock .newsitem .newstext {
    float: left;
    width: 225px;
}
.healthleftcol .newsitem .newstext {
    width: 270px !important;
}
#news.contentblock .newsitem .newstext p {
    margin-bottom: 0;
}
#news.contentblock .newsitem .newstext p a {
    font-weight: bold;
}
#news.contentblock .newsitem .newstextmain {
    float: left;
    width: 335px;
}
#news.contentblock .newsitem .newstextmain p {
    margin-bottom: 0;
}
#news.contentblock .newsitem .newstextmain p a {
    font-weight: bold;
}

/* 2 cols clear fix */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
}


/* my 2 cols */
		
				 
						#leftcol1 {
							float : left;
							margin-right : 15px;
							width : 225px;
						}
						
					
						
						
						#rightcol1 {
							float : right;
							width : 225px;
						}
						


		/*
				 Useful links - links with arrows
				 */
				 
						ul.usefullinks2 { }
						
						ul.usefullinks2 li { 
							display : block;
							padding : 3px 0px 3px 26px;
							margin-bottom : 0.4em;
							background : url('../img/usefullink-arrow.gif') transparent no-repeat 0px 0px;
						}
						
						/*ul.usefullinks2 li a { 
							display : block;
							padding : 3px 0px 3px 26px;
							margin-bottom : 0.4em;
							background : url('../img/usefullink-arrow.gif') transparent no-repeat 0px 0px;
						}*/
						
						/* down arrow not right arrow */
						ul.usefullinks2 li.download a {
							background-image : url('../img/usefullink-arrow-down.gif');
						}



      /*  NEW events formatting - main column full listing */
	  
	 	    #block.mainevent {
					background-color: #eaeeef;
					margin: 15px 10px 15px 10px;
					padding: 15px 10px 5px 10px;
					/*border : 0px solid #5295b7;*/
					color: #006599;;
					
					border-bottom:solid #9cbcd1 1px; 
					/*box-shadow:#666 1px 1px 2px;*/
					-webkit-border-radius: 5px 5px 1px 1px;
					border-radius: 5px 5px 1px 1px;
				}
		
			#block	h3 {
					margin : 0px 0px 0px 0px;
					font-family : Arial, Helvetica, sans-serif;
					font-size : 1.6em;
					line-height : 1.2em;
					font-weight : bold;
					
					
					background : url('../img/bullet-blue.gif') transparent no-repeat 0px 0.45em; /* fixed for IE */
					padding-left:10px;
					
				}
				
				
			#block	h4 {
					margin : 0px 0px 10px 0px;
					font-family : Arial, Helvetica, sans-serif;
					font-size : 2px;
					line-height : 4px;
				
					
					border-bottom:dotted #324a97 1px;
					width:100%;
				}
				
			#block	h5 {
					
					border-bottom:dotted #324a97 1px;
					width:100%;
					margin-bottom:7px;
				}
				
			#block	ul {	height:95px; 
							line-height : 1.5em !important;
			
			}
				

			#block .imagerightcontent1 { float : right; margin : 0 0 3px 6px; text-align : right; 
					
					background-color:#fff; 
					padding:2px; 
					border:#324a97 1px solid;} 
					
			#block .imagerightcontent1:hover {
					padding:3px; 
					border:#324a97 1px solid;} 		
					
				
			#block .imageleftcontent1 { float : left; margin : 0px 12px 6px -4px; text-align : left; 
				
					background-color:#fff; 
					padding:2px; 
					border:#324a97 1px solid;
					
					-webkit-border-radius: 5px 5px 5px 5px;
					border-radius: 5px 5px 5px 5px;
					
					} 
					
			#block .imageleftcontent1:hover {
					padding:2px; 
					border:#fff 1px solid;} 		
					
			
					
			.imagecenter1 { display : block; margin : 10px auto 10px auto; 
					
					background-color:#fff; 
					padding:2px; 
					border:#324a97 1px solid;}
				
				
			#block	p {
					margin : 0px 0px 1.5em 0px;
					font-size : 1.2em;
					line-height : 1.5em !important; /* previously 1.2 changed by Alex */
					font-style : normal;
					
				}
				
				
			.textsmall1 { font-size : 1.0em; } 	
			.textleft1 { text-align : left; } 
			.textright1 { text-align : right; } 
			.textcenter1 { text-align : center; } 
			.textjustify1 { text-align : justify; }
				
				
		 
		 	#block	a {
					color : #006599;
					text-decoration : none; /* swapped with below in November 2012*/
					outline : none;
				}
				
			#block	a:hover {
					text-decoration : underline;
										
				}
				
			#block	a:active {
					outline : none; /* remove dotted border around selected navigation in Firefox */
				}
	
	
	
		/*  NEW events formatting - main column full listing */
		
		
		/*  NEW PLASMA formatting - main column full listing */
	  
	 	    #block1.mainevent1 {
					/*background-color: #eaeeef;*/
					margin: 30px 10px 15px 10px;
					padding: 0px 10px 5px 10px;
					/*border : 0px solid #5295b7;*/
					color: #006599;;
					
					/*border:dotted #9cbcd1 2px;*/ 
					border:dotted #cdcdcd 1px;
					/*box-shadow:#666 1px 1px 2px;*/
					-webkit-border-radius: 5px 5px 5px 5px;
					border-radius: 5px 5px 5px 5px;
					height:220px;
				}
		
			#block1	h3 {
					margin : 0px 0px 0px 0px;
					font-family : Arial, Helvetica, sans-serif;
					font-size : 28px;
					line-height : 20px;
					/*font-weight : bold;*/
					font-variant:small-caps;
					
					
					/*background : url('../img/bullet-blue.gif') transparent no-repeat 0px 0.45em; *//* fixed for IE */
					padding-left:10px;
					padding-top:20px;
					
					
				}
				
				
			#block1	h4 {
					margin : 0px 0px 10px 0px;
					font-family : Arial, Helvetica, sans-serif;
					font-size : 2px;
					line-height : 12px;
				
					
					border-bottom:dotted #324a97 1px;
					width:100%;
				}
				
			#block1	h5 {
					
					border-bottom:dotted #324a97 1px;
					width:100%;
					margin-bottom:7px;
				}
				
			#block1	ul {	/*height:95px; */
							line-height : 24px !important;
			
			}
				

			#block1 .imagerightcontent11 { float : right; margin : 0 0 3px 6px; text-align : right; 
					
					background-color:#fff; 
					padding:2px; 
					border:#324a97 1px solid;} 
					
			#block1 .imagerightcontent11:hover {
					padding:3px; 
					border:#324a97 1px solid;} 		
					
				
			#block1 .imageleftcontent11 { float : left; margin : 0px 12px 6px -4px; text-align : left; 
				
					background-color:#fff; 
					padding:2px; 
					border:#324a97 1px solid;
					-webkit-border-radius: 5px 5px 5px 5px;
					border-radius: 5px 5px 5px 5px;
					} 
					
			#block1 .imageleftcontent11:hover {
					padding:2px; 
					border:#fff 1px solid;} 		
					
			
					
			.imagecenter11 { display : block; margin : 10px auto 10px auto; 
					
					background-color:#fff; 
					padding:2px; 
					border:#324a97 1px solid;}
				
				
			#block1	p {
					margin : 20px 0px 10px 0px;
					font-size : 18px;
					line-height : 22px !important; /* previously 1.2 changed by Alex */
					font-style : normal;
					
				}
				
				
			.textsmall11 { font-size : 1.0em; } 	
			.textleft11 { text-align : left; } 
			.textright11 { text-align : right; } 
			.textcenter11 { text-align : center; } 
			.textjustify11 { text-align : justify; }
				
				
		 
		 	#block1	a {
					color : #006599;
					text-decoration : none; /* swapped with below in November 2012*/
					outline : none;
				}
				
			#block1	a:hover {
					text-decoration : underline;
										
				}
				
			#block1	a:active {
					outline : none; /* remove dotted border around selected navigation in Firefox */
				}
	
	
	
		/*  NEW plasma formatting - main column full listing */

		/* NEW staff list height */
		.staffheight {
				height:120px !important;
		}
		
		.staffheight1 {
				min-height:200px !important;
				max-height:320px !important;
		}
/* end Radu */