/**************************************************************************************
WEBSERV1-MAIN.CSS


**************************************************************************************/

/* Start of webserv1-layout.css - 101764 */

/*********************************************************************************
 webserv1-layout.css
 
 This stylesheet provides the layout for legacy content on the University of Surrey website
 
 Created by: Matt Farrow, m.farrow@surrey.ac.uk
 Last modified: 23 April 2013
 
 Other stylesheets provide text formatting, left menu format and colour schemes
 
*********************************************************************************/ 

/* This is the top row - logo and search box */

#masthead {
	width: 54em;
	}
								
#logo {
	width: 38.27em;
	float: left;
	/*padding: 0.95em 0em 0.75em 1em;*/
	}

#logo img {
	width: 11.25em;
	height: 6.06em;
	}

#search {
	width: 15em;
	float: left;
	padding: 2em 0em 0em 0.5em;
	}
	
#q {
	border: 1px solid #ccc;
	color: #555;
	width: 12em;
	}
								
#search_button {
	margin-bottom: -4px;
	}
	
	
/* This is the second row - title banner/quote, image and dropdown menus */

#banner {
	width: auto;
	height: 6.25em;
	background-color: #ddd;
	clear: both;
	}

#banner_container {
	width: 54em;
	height: 6.25em;
	}

#banner1 {
	width: 11.25em;
	background-color: #aaa;
	float: left;
	height: 6.25em;
	}

#banner1 img {
	width: 11.25em;
	height: 6.25em;
	}

#banner2 {
	width: 27em;
	background-color: #ddd;
	float: left;
	height: 6.25em;
	}

#banner2 img {
	width: 27em;
	height: 6.25em;
	}								

#banner3 {
	width: 15em;
	background-color: #ddd;
	float: left;
	height: 4.25em;
	padding: 1.5em 0em 0em 0.5em;
    font-family: Arial, Helvetica, sans-serif
	}

#banner3 form {
	margin-top: 0;
	margin-bottom: 0.7em;
	}
								
#banner3 form select {
	width: 11em;
	}
							
#banner3 .dropdown_button {
	margin-bottom: -0.2em;
	}
								
.menu_dropdown	{
	border: 1px solid #ccc;
	}
	
	
/* This is the breadcrumb navigation */

#breadcrumb {
	padding: 0.2em 0em 0.2em 1em;
	background-color: #ccc;
	}								
								

/* This is the main content */

#main_content {
	width: 56em;
	clear: both;
	margin-top: 1em;
	}
								
#column1 {
	width: 11.25em;
	float: left;
	background-color:#fff;
	}
	
#column2 {
	width: 25.5em;
	float: left;
	background-color:#fff;
	padding-right: 1em;
	padding-left: 1em;
	word-wrap: break-word;
	}
								
#column2.column2_wide {
	width: 36em;
	word-wrap: break-word;
	}
								
#column3 {
	width: 11.5em;
	float: left;
	background-color:#fff;
	}	
	
	
	
/* This is the footer */

#footer	{
	clear: both;
	background-color: #ccc;
	margin-top: 0.009em;
	padding: 0.2em 0.2em 0.2em 1em;
	font-size: 1.1em
	}
	
#footer2 {
	clear: both;
	padding: 0.4em 0.4em 0.4em 1em;
	}	

/* End of of webserv1-layout.css - 101764 *//* Start of webserv1-leftmenu.css - 101765 */

/************************************************************************
 webserv1-leftmenu.css
 
 This stylesheet provides the formatting for the left-hand menus of legacy web pages from webserv1
 
 Other stylesheets provide text formatting and layout
 Colours are overridden by the specific colour CSS files eg red.css
 
 FONT SIZES
 ----------
 Font sizes smaller than 1em have been specified as an equivalent percentage
 due to problems caused by IE when reducing font size. If font sizes are specified
 in ems, the reduction in size occurs at a much higher rate and the text quickly
 becomes illegible. 
 
************************************************************************/ 

.menu_header {
	margin: 0;
	font-weight: bold;
	color: #fff;
	background-color: #888;
	font-size: 80%;
	padding: 0.4em 0.4em 0.4em 1em;
	border-bottom: 2px solid #fff;
	}

.menu_header a {
	color: #fff;
	text-decoration: none;
	}

.menu_header a:hover {
	text-decoration: underline;
	}

#leftmenu {
	background-color: #aaa;
	}
						
#leftmenu a {
	text-decoration: none;
	color: #ffffff;
	}
						
#leftmenu a:hover {
	text-decoration: underline;
	}
						
#leftmenu ul {
	list-style: none;
	margin: 0em;
	padding: 0em;
	}
						
#leftmenu li {
	display: inline;
	}

#leftmenu ul li a {
	display: block;
	border-bottom: 2px solid #fff;
	padding-left: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 70%;
	}

#leftmenu ul li li a {
	padding-left: 1.6em;
	background-color: #ccc;
	color: #000;
	}

#leftmenu ul li li li a	{
	padding-left: 2.2em;
	background-color: #dedede;
	}
	
#leftmenu ul li li li li a {
	padding-left: 2.8em;
	background-color: #eaeaea;
	}

								
#leftmenu .currentPageLink {
	font-weight: bold;
								}

/* End of of webserv1-leftmenu.css - 101765 *//* Start of webserv1-textformat.css - 101766 */

/************************************************************************************
 webserv1-textformat.css
 
 This stylesheet provides the main text formating for legacy pages of the University of Surrey website
 
 Other stylesheets provide layout, menus and colour schemes
 
 Created by: Matt Farrow, m.farrow@surrey.ac.uk
 Last modified: 16 March 2007
 
 FONT SIZES
 ----------
 Font sizes smaller than 1em have been specified as an equivalent percentage
 due to problems caused by IE when reducing font size. If font sizes are specified
 in ems, the reduction in size occurs at a much higher rate and the text quickly
 becomes illegible.
 
************************************************************************************/ 


/* Generic stuff */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	margin: 0em 0em 1em 0em;
	/*font-size: 1.1em;*/
	/*font-size: 1.25em;*/
	font-size: 125%;
	font-weight: normal;
	line-height: 150%;
	}
	
h2 {
	margin-top: 1em;
	/*font-size: 0.9em;*/
	font-size: 1em;
	}		
	
h3 {
	/*font-size: 0.8em;*/
	font-size: 90%;
	margin-top: 1.4em;
	margin-bottom: 0.4em;
	padding-bottom: 0em;
	}

h4 {
	font-size: 80%;
	margin-top: 1em;
	margin-bottom: 0.4em;
	padding-bottom: 0;
	}


p, #column2 li {
	line-height: 1.7em;
	font-size: 73%;
	/*font-size: 0.73em;*/
	color: #222;
	margin-top: 0em;
	}	

#column2 ul	{
	padding: 0;
	margin: 1em;
	}


/* Specific formatting */

/* Breadcrumbs */
								
#breadcrumb p {
	/*font-size: 0.6em;*/
	font-size: 60%;
	margin: 0;
	padding: 0;
	}
								
#breadcrumb a {
	color: #444;
	text-decoration: none;
	}
								
#breadcrumb a:hover {
	text-decoration: underline;
	}
	
	
	
/* Column three stuff */

.factbox {
	background-color: #ccc;
	}

.factbox h2 {
    padding: 0.2em 0.4em 0.2em 0.4em;
	background-color: #888;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	}

.factbox h3 {
	padding: 0.4em 0.4em 0.2em 0.4em;
	margin: 0;
	font-size: 80%;
	}

.factbox p {
    padding: 0.2em 0.4em 0.2em 0.4em;
	}	
		
.factbox ul {
	margin-left: 1.4em;
	padding-left: 0;
	}
	
.factbox li {
	font-size: 73%;
	line-height: 150%;
	margin-bottom: 0.8em;
	padding-right: 0.4em;
	}



.factbox_header {
	background-color: #888;
	color: #fff;
	padding: 0.2em;
	margin: 0;
	font-size: 80%;
	}
								
.factbox_body {
	background-color: #ccc;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin-bottom: 0.5em;
	}
								
.factbox_body h3 {
	font-size: 70%;
	margin-bottom: 0em;
	}

.factbox_body p	{
	font-size: 70%;
	margin-bottom: 0em;
	margin-top: 0.4em;
	}	
	
	
	
/* Footer Stuff */

#footer p, #footer2 p {
	/*font-size: 0.6em;*/
	font-size: 60%;
	padding: 0;
	margin:0;
	color: #444;
	}
	
#footer a {
	text-decoration: none;
	font-weight: bold;
	}
	
#footer a:hover {
  text-decoration: underline;
  }	
	
#footer2 a {
	/*color: #0066cc;*/
	text-decoration: none;
	font-size: 1.1em;
	}
								
#footer2 a:hover {
	text-decoration: underline
	}	
	
	
acronym, abbr, .abbr {
	border-bottom: 1px dotted;
	cursor: help;
	}	

/* End of of webserv1-textformat.css - 101766 */
/************************************************************************
 webserv1-main.css
 
 This is the old main stylesheet from webserv1 used for legacy pages
 
 It imports stylesheets that handle layout, menus and text formatting.
 Other stylesheets provide colours
 
************************************************************************/ 

/* Accessibility stuff */

#skip_nav {
	position: absolute;
	top: 0;
	left: -10em;
	}

.access_divider {
	display: none;
	}
	
#valid_xhtml {
	padding: 1em;
	}