@media screen {

/* Banners code */
.container { font : normal 78%/1.6 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; text-align : left;}

.logo {margin:20px 0 10px 15px; border:0;}

/* =form */
.container .search { position : absolute; right : 20px; top : 20px; padding-left : 20px; border-left : 0px solid #ccc; text-align : right; }

/* =fieldset */
.container fieldset { overflow : hidden; padding : 0; border-width : 0px; }

/* =label */
.container label { font-weight : bold; padding-bottom : .25em; }
.container label, .container label span { display : block; }
.search label span { position : absolute; top : -9999px; border:1px solid #f00;}

/* = text */
.container input[type="text"] { width : 165px; padding : .15em 0; border : 1px solid #f5f5f5; border-top-color : #ccc; border-left-color : #ccc; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }
.container input[type="text"]:hover { border : 1px solid #ccc; border-top-color : #777; border-left-color : #777; }

/* = submit */
input[type="submit"] { padding : .15em .5em; background-color : #2e5288; border : 1px solid #2a2e32; border-top-color : #99a8b7; border-left-color : #99a8b7; font : bold 99% "Lucida Grande", Verdana, Arial, sans-serif; color : #fff; }

/* =container */
.container { position : relative; float : left; width : 100%; padding-top : 10px; background : url('wimages/body.png') repeat-x 0 0; }

/* =nav_main */
.nav_main { float : left; width : 100%; padding : 10px 0; border-top : 3px solid #6a88b3;}


/* = faculty */
.faculty { float : left; width : 100%; margin-bottom : 3px; background : url("http://www.liv.ac.uk/images/faculty.png") repeat 0 0; border-bottom : 10px solid #333; }
.faculty h2, .faculty h2 a, .faculty h2 a:visited { width : 40%; margin : 0; padding : 2px 10px 3px 0; font-size : 120%; font-weight : normal; color : #fff;text-decoration:none; } 
.faculty h2 a:hover {text-decoration:underline;}

/* = individual faculty background and border colours */
#f0 .faculty { background-color : #355e9A; border-bottom-color : #355e9A; }
#f1 .faculty { background-color : #8f53b3; border-bottom-color : #8f53b3; }
#f2 .faculty { background-color : #ef6c38; border-bottom-color : #ef6c38; }
#f3 .faculty { background-color : #0071b3; border-bottom-color : #0071b3; }
#f4 .faculty { background-color : #37b343; border-bottom-color : #37b343; }
#f5 .faculty { background-color : #cf2748; border-bottom-color : #cf2748; }
#f6 .faculty { background-color : #007ea1; border-bottom-color : #007ea1; }
#f7 .faculty { background-color : #e0e0e0; border-bottom-color : #d72f2c; }

/* = individual faculty h2 background colours */
#f0 .faculty h2 { background-color : #355e9A; color : #fff;padding:5px 15px; }
#f1 .faculty h2 { background-color : #9a65bb; color : #fff;padding:5px 15px;} 
#f2 .faculty h2 { background-color : #ef6c38; color : #fff;padding:5px 15px;}
#f3 .faculty h2 { background-color : #0071b3; color : #fff;padding:5px 15px;}
#f4 .faculty h2 { background-color : #37b343; color : #fff;padding:5px 15px;}
#f5 .faculty h2 { background-color : #cf2748; color : #fff;padding:5px 15px;}
#f6 .faculty h2 { background-color : #007ea1; color : #fff;padding:5px 15px;}
#f7 .faculty h2 { background-color : #efefef; color : #373737;padding:5px 15px; } 



		body {
			margin:0;
			background:#fff;
			position : relative;  margin : 0 auto; 
			width:100%;
			min-width:700px;
			font-family : Verdana, Arial, sans-serif;
		}
		
		a, a:link, a:visited {color:#000;}
		
		#skipnav {margin-left : -9999px;float:left;}
		
		#crumbtrail {float : left;width : 100%;min-width:700px;font : normal 70% Verdana, Arial, sans-serif;}

		#crumbtrail p {margin:3px 0 7px 175px;}
		
		/* Strange hack to get the top margin on the rh side line */

		#topmargin {position:absolute;right:155px; height:10px;width:10px;background:#fff;}
		
		#topmargin a {font:normal 1% arial;color:#fff;text-decoration:none;}
		
		/* Fix to get the menu appearing over #topmargin in IE6 */
		#temp_layout {z-index:10;}
		.container {z-index:1;}
				
		/* Will have to stick with one basic layout table for now.  IE6... */
		
		#temp_layout {float : left;border-collapse:collapse;padding:0;margin:0 0 20px 0;}
		
		#temp_layout td {vertical-align:top;margin:0;}
		
		#navigation {width:150px;padding:0 10px;font : normal 70% Verdana, Arial, sans-serif;}
		
		#main_content, #main_content_edit {padding:0 10px 10px 5px;font : normal 80% Verdana, Arial, sans-serif;}
		#main_content {width: 640px;}
		
		#main_content h1, #main_content edit h1 {
		font-size: 160%;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0.4em 0 0.2em 0;
		margin:15px 0 0 0;
		}
		
		#main_content_edit h1 {font-size:140%;}
		
		#additional, #additional_edit, #additional_tulip { padding:0px 5px 10px 10px;font : normal 80% Verdana, Arial, sans-serif;}
		
		#additional_tulip {font : normal 100% Verdana, Arial, sans-serif;}
		
		#additional h1, #additional h2, h2.bgheader, #additional p {width:145px;}
		
		#english_rh img {margin-bottom:10px;float:right;}
		
		#additional h1, #additional_edit h1, #additional_tulip h1 {font : bold 140% Verdana, Arial, sans-serif;}
		
		#additional blockquote#quotes_two {padding:25px 5px;margin:0;font : bold 100% Verdana, Arial, sans-serif;text-align:right;width:135px;}
		
		#additional span#quotes_one {display:block;width:145px;margin-top:20px;}
		
		#additional .corpquote {font : normal 80% Verdana, Arial, sans-serif;width:130px;}
		
		#navigation ul {
		list-style-type:none;
		padding:5px 0 20px 0;
		margin:0;
		width:150px;
		}

		#navigation li {
		margin:5px 0;
		padding:0 5px;
		}
		
		#navigation .menusub {
		padding:3px 5px 2px 15px;margin:0;
		}
		
		#navigation a, #navigation a:link, #navigation a:visited {text-decoration: none;}
		#navigation a:hover{text-decoration: underline;}
		#navigation1 a, #navigation a:link, #navigation a:visited {text-decoration: none;}
		#navigation1 a:hover{text-decoration: underline;}
		
		
		#footer {
			clear: both;
			font : normal 65% Verdana, Arial, sans-serif;
			padding:0 15px 10px 15px;		
		}		
		
		hr#footerline {
			clear: both;
			color:#999;
			height:1px;
			margin:10px 0;
			border-bottom:0;
		}
		
		#footer a, #footer a:link, #footer a:visited {color: black; text-decoration: none;}
		#footer a:hover{text-decoration: underline;}
				
		/* Both of these are for the external links boxes */
		.externalbox {
		padding:5px 5px 20px 5px;
		width:140px;
		background:#f9f6f0;
		}
		.externalbox1 {
		padding:5px 5px 20px 5px;
		width:150px;
		background:#f9f6f0;
		}
		
		#navigation .externalbox a, #navigation .externalbox a:link, #navigation .externalbox a:visited {color:#000;}
		#navigation .externalbox a:hover{color:#000;}
		
		#navigation h6 {
		font-size: 100%;
		font-weight:bold;
		background:#E9DEC7;
		margin:10px 0 0 0;
		padding:5px;
		width:140px;
		}
		#navigation1 h6 {
		font-size: 11px;
		font-weight:bold;
		background:#E9DEC7;
		margin:0px 0 0 0;
		padding:5px;
		width:150px!important;
		width:160px;
		}
		
		/* Summary text */
		.facultyintrotext, .introduction {
		color: #666666;
		font-weight: bold;
		}
		
		/* Slight correction to h2, h3 and h4 size */
		
		#main_content h2 {
		font-size: 130%;
		}
		
		#main_content h3 {
		font-size: 120%;
		}
		
		#main_content h4 {
		font-size: 110%;
		}
		
		.jmu_logo {margin:0 0 7px 100px;}
		
		.newstable {border:1px solid #fff; background:#def3fe;}
		
		/* For the edit layout - classes are slightly different, less padding so screen doesn't get too wide */
				
		#main_content_edit
		{
		padding-right: 0px;
		padding-left: 0px;
		}
		#additional_edit 
		{
		padding-right: 0px;
		padding-left: 0px;
		}
		
/* Styles still being used in content so copied over from the old templates */
	
.headingcolour {
	background-color: #DEF3FE;
	text-indent: 5px;}

.headingcolour_alt {
background-color: #f3ede0;
text-indent: 5px;}

/* CORPORATE QUOTE BOXES */
.corpquote {
	font-size: 84%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: auto;
}
.corpquotefooter {
	font-size: 80%;
	color: #000000;
	background-color: #CCCCCC;
} 

/* BLUE HEADING BACKGROUND */ 

.headingcolour {
	background-color: #DEF3FE;
	text-indent: 3px;
}

/* WHITE FONT FOR TABLE CAPTION */

.white {
	color: #FFFFFF;}
	
/* PROSPECTUS AREA */
.courselist {
	margin-top: 6px;
	margin-bottom: 6px;
}
.coursecode {
	color: #CC0066;
}
.courseseeref {
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
	margin-left: 15px;
}
.atoz {
	font-weight: bold;
}
a.atozlink {
	text-decoration: none;
}
.atozactive {
	color: #CC0066;
}

.courseheaderdefault {
	font-size: 160%;
	background-color: #006699;
	color: #FFFFFF;
}

.courseheaderresearch {
	font-size: 160%;
	background-color: #CC0000;
	color: #FFFFFF;
}

.side_quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #003480;
	font-weight: bold;
}

.formfieldbackground {
	background-color: #E2F0A4;
	font-family: Arial, Helvetica, sans-serif;
}

.float_left {
	float:left;
	margin:0px 10px 10px 0px;
	border:none
}

.float_right {
	float:right;
	margin:0px 0px 10px 10px;
	border:none
}

.tableBorder {
	padding: 2px 2px 2px 2px;
	border: 2px solid #C6E142;
}

/* STUDY SECTION */

.textheader {
color:#c22;
font-weight:bold;
}

a.textheader {
color:#c22;
font-weight:bold;
}

a:link.textheader, a:visited.textheader, a:hover.textheader, a:active.textheader {
color:#c22;
font-weight:bold;
}

.textheaderalt {
color:#008AEA;
font-weight:bold;
}

a.textheaderalt {
color:#008AEA;
font-weight:bold;
}

a:link.textheaderalt, a:visited.textheaderalt, a:hover.textheaderalt, a:active.textheaderalt {
color:#008AEA;
font-weight:bold;
}

/* JOB VACANCIES SECTION */
.top_border {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
}

li.jobcategorieslistitem {
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.hrfooter {
	background-color:#ECF9FF;
	color:#000000;
	padding: 4px;
}

/* POSTGRADUATE TAUGHT COURSES */

#tablecontainer table {
	border-collapse: collapse;
	border:1px solid  #687EAB;
	background-color:#FFFFFF;
	}

#tablecontainer th {
	padding: 5px 5px 5px 5px;
	text-align: left;
	}

#tablecontainer tr.stripe td {
	border-top: 1px solid #687EAB;
	border-bottom: 1px solid #687EAB;
	background-color:#DBE2F1;
	}
	
#tablecontainer tr.altstripe td {
    background-color:#fff;

}	

#tablecontainer td {
	border-bottom: 1px solid #CCC;
	padding:5px 5px 5px 5px;
	}

#tablecontainer td:first-child {
	width: 190px;
	}

#tablecontainer td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}
	
	
#pg_image img {
	border:3px solid #687EAB;
	}



#tablecontainer 
{
float:left;
padding-top:0;
padding-left:15px;
padding-right:40px;
background-color:#fff;
padding-bottom:10px;
}


#clear {
clear:left;
border-top:1px solid #687EAB;
}


.wherenext {
background-color:#DBE2F1;
border-top:1px solid #687EAB;
border-bottom:1px solid #687EAB;
padding-top:15px;
padding-left:15px;
padding-right:40px;

}



.wherenext h4, .wherenext p {
padding-left:10px;
padding-top:10px;

}

.notlist
{
list-style:none;
}

.wherenext a:hover {
color:#006699;
}

/* BUSINESS GATEWAY RIGHT COLUMN HEADER */

#rightcolumn h2.bgheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 170%;
	color: #ad291f;
	font-weight: bold;
}

/* COURSE INFORMATION UG*/

table.coursetable {
	border-width: 2px;
	border-style: solid;
	border-color: #C9D4E0;
	border-collapse: collapse;
}
table.coursetable th {
	border-width: 1px;
	padding: 5px; 
	border-color: #C9D4E0;
	background-color: #C9D4E0;
	font-size: 160%;
	color:#2e5288;
}
	
table.coursetable td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #C9D4E0;
	background-color: white;	
}

table.coursetable td.coursealt {
	border-width: 1px;
	padding: 5px;
	background-color: #C9D4E0;
	font-size: 120%;
	font-weight: bold;
	color: #2e5288;
	
}
		
}