/* 
Layout - Home page 
************************************************************************************************************************/
body {
	margin-left:16px;
}
	div#wrapper {
		min-width:763px;
		max-width:1024px;	
		position:relative;
		overflow:visible;
	}
	div#header {
		height:5em; 
		padding-top:16px;
		overflow:hidden;
	}
		div#header h1  {
			width:118px;
			height:0;
			padding-top:40px;
			overflow:hidden;
			color:#fff;
			background:url(http://www.reading.ac.uk/web/templates/standard_files/logo.gif) no-repeat;
		} 
	div#lower {
		position:relative;
		overflow:hidden;
		text-align:left;
		width:100%;
		padding-bottom:12px;
	}
		div#topLeft {
			float:left;
			width:64%;
			position:relative;
			margin-right:2%;
			margin-left:0;
			padding:0;
		}
		div#topRight {
			width:31%;
			float:left;
		} 
		div#left,
		div#right,
		div#middle {
			width:31%;
			margin-right:2%;
			float:left;
		}
		div#right {
			margin-right:0;
		}
		div#footer {
			width:98%;
			border-top:1px solid #ccc;
			margin:0 16px 10px 0;
		}

div#wrapper form#searchForm {
	right: 30px;
}


/* 
Banner
************************************************************************************************************************/
div#topLeft div#homeBanner {
	/*position:relative;*/
	height: 160px;
	background:url(/web/multimediafiles/QAP.jpg) top left no-repeat ; 
	text-align:left;}
	/**/div#topLeft div#homeBanner p {text-indent: -2000px}
	div#topLeft div#homeBanner p a {font-size:90%;}

	div#topLeft div#homeBanner img {
		text-align:left;
		margin:-1px 0 -1px -1px
	}
	div#topLeft div#homeBanner p {
		position:absolute;
		top:2em;
		left:300px;
		font-size:120%;
		width:38%;
		font-weight:bold;
		padding:5px 20px 20px 0;
		line-height:1.2em;
	}
	/**/div#topLeft div#homeBanner p a {font-size:90%;text-indent: -2000px; position:absolute;
top:-28px;left:-300px;width:470px;height: 160px;}

/* 
Course finder box
************************************************************************************************************************/
div#topRight form#courseFinder {
	background-color:#F3F3F3;
	min-height:80px;
	padding:5px 12px;
	margin-bottom:0;
}
div#topRight form#courseFinder legend {
	font-size:120%;
	font-weight:bold;
	margin:0;
	padding:0;
	left:0;
	margin-bottom:4px;
	color:#000;
}
	div#topRight form#courseFinder .text,
	div#topRight form#courseFinder select {
		font-size:0.79em;
		width:135px;
		padding:0;
		margin-bottom:3px;
	}
	div#topRight form#courseFinder .text {
		height:13px;
		width:130px;
	}

/* 
A-Z List
************************************************************************************************************************/
div#topRight div#azLists {
	background-color:#dcdcdc;
	min-height:62px;
	padding:5px 2px 5px 12px;	
}
	div#topRight h2 {
		font-size:120%;
		font-weight:bold;
		margin-bottom:4px;
		color:#000;
	}
	div#azLists a {color:#333;}
	div#topRight div#azLists ul {
		list-style-type:none;
		float:left;
	}
		div#topRight div#azLists ul li {
			float:left;
		}
		div#topRight div#azLists ul li a:link,
		div#topRight div#azLists ul li a:visited {
			padding-right:4px;
			margin-right:4px;
			border-right:1px solid #8d8d8d;
			
			white-space:nowrap;
		}
		
		div#topRight div#azLists  a:link:hover,
		div#topRight div#azLists  a:visited:hover {
			text-decoration:underline;
		}
		div#topRight div#azLists ul li.noBorder a:link,
		div#topRight div#azLists ul li.noBorder a:visited {
			border-right:0;
		}

/* 
Promo box
************************************************************************************************************************/
div#homePromo {
	float:left;
	width:31%;
	margin-right:2%;
	margin-top:17px;
}
	div#homePromo p {
		color:#969696;
		margin-bottom:3px;
		line-height:1em;
		letter-spacing:-0.05em;
	}
	div#homePromo p a {
		color:#969696;
		font-weight:normal;
	}
	div#homePromo p.small {
		font-size:90%;
	}	  
	div#homePromo p.date a,
	div#homePromo p.pink a {
		color:#C9005A;
	}
	div#homePromo p.large {
		font-size:280%;
	}
	div#homePromo p.date {
		font-size:160%;
}
	div#homePromo .news-promo {background-color:#d11620; padding:5px 10px 10px 10px; margin:0 0 10px 0;}
	div#homePromo .news-promo img {float:right; padding:0 0 10px 7px;}
	div#homePromo .news-promo h2 {font-size:1.4286em; line-height: 1.3125em; color:#ffffff; font-weight:bold; margin:0 0 2px 0;}
	div#homePromo .news-promo p {font-size:1.0714em; line-height:1.5em; color:#ffffff; margin:0;}
	div#homePromo .news-promo h2 a, div#homePromo .news-promo p a {color:#ffffff;}

	div#homePromo .malaysia {padding:0 10px;}
	div#homePromo .malaysia img {float:right; padding:0 0 10px 7px;}
	div#homePromo .malaysia h2 {font-size:1.4286em; line-height: 1.3125em; color:#333333; font-weight:bold; margin:0 0 2px 0;}
	div#homePromo .malaysia p {font-size:1.0714em; line-height:1.5em; color:#333333;}
	div#homePromo .malaysia h2 a, div#homePromo .malaysia p a {color:#333333;}

/* 
Boxes - home page 
************************************************************************************************************************/
		
div.homeBox {
	margin-top:17px;
	padding:0;
}
div.large {
	float:left;
	margin-right:2%;
	width:64%;/*existing rule */
	
}
div.homeBox div {
	padding:0 10px 0 20px;
	margin:0;
	min-height:112px;
	font-size:110%;
}	/**/
	div.homeBox ul {
		list-style-type:none;
		margin:0;
		line-height:1.3em;
	}
		div.homeBox ul li {
			background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_bullet_arrows.gif) 0px 4px no-repeat;
			padding-left:10px;
			float:none;
			width:auto;
			margin:0 0 4px 0;
			line-height:1.2em;
		}
			div.homeBox ul li a:link,
			div.homeBox ul li a:visited {
				text-decoration:none;
				font-weight:normal;
				color:#333;
			}	
			div.homeBox ul li a:link:hover,
			div.homeBox ul li a:visited:hover,
			div.homeBox a:link:hover,
			div.homeBox a:visited:hover {
				text-decoration:underline;
			}	
  div.homeBox h2 {
		margin:0 -10px 5px -20px;
		font-size:110%;font-weight: bold;
		color:#fff;
		padding:4px 20px;
	}	
		div.homeBox h2 a:link,
		div.homeBox h2 a:visited { 
			color:#fff;
			padding-right:30px;
			background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/three_white_arrows.gif) right no-repeat; 
		}
		div.homeBox h2 a:link:hover,
		div.homeBox h2 a:visited:hover { 
			text-decoration:underline;
		}
		
		
		
		.news, .news .inner{ height: 143px}
		.news .inner div{font-size: 100%; padding:0}
		.news ul { height: 75px;  margin:0; padding:0;overflow: auto;height: 85px}
		#news{float:left;width: 43% }
		#events{float:right; width: 53%}

/*
	Home box colours - change the colours of the boxes by changing the appropriate classes
*************************************************************************************************************************/

/* Study - green */
div.study 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_green.gif) bottom right no-repeat; }
div.study div.inner 	{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_green.gif) bottom left no-repeat; }
div.study h2 	{ background-color:#5BAC26; }

/* News  - red */	 
div.news 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_red.gif) bottom right no-repeat; }
div.news div.inner 	{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_red.gif) bottom left no-repeat; }
div.news h2 	{ background-color:#D11620;	}
.news h3{color: #d11620; margin-bottom:2px; font-size: 1.0em}
/* Study  - orange */	 
div.life 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_orange.gif) bottom right no-repeat; }
div.life div.inner 	{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_orange.gif) bottom left no-repeat; }
div.life h2 	{ background-color:#d87a00; }

/* About  - rubine */	 
div.about 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_rubine.gif) bottom right no-repeat; }
div.about div.inner { background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_rubine.gif) bottom left no-repeat; }
div.about h2 	{ background-color:#BF0071; }

/* Business - navy */	 
div.business 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_navy.gif) bottom right no-repeat; }
div.business div.inner { background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_navy.gif) bottom left no-repeat; }
div.business h2 	{ background-color:#244787; }

/* Research - purple */	 
div.research 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_purple.gif) bottom right no-repeat; }
div.research div.inner { background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_purple.gif) bottom left no-repeat; }
div.research h2 	{ background-color:#6f477d; }

/* Do - blue */	 
div.do 		{ background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_right_blue.gif) bottom right no-repeat; }
div.do div.inner { background:url(http://www.reading.ac.uk/web/Templates/uni_homepage_files/home_box_left_blue.gif) bottom left no-repeat; }
div.do h2 	{ background-color:#106db6; }


/**********************Footer***************************/

#legal, #contact, #social {float:left; list-style:none; padding:5px 50px 17px 0;}

#legal {padding-left:10px;}

#legal li, #contact li, #social li {line-height:21px;}

#legal img, #contact img, #social img {margin-top:-2px;}

#footer p {line-height:21px; margin-top:5px!important; padding-right:10px;}

#footer a {padding:0!important;}

@media print{div#header h1 {
text-indent:0;left:0;top:0;
	background-image:none;width:auto;padding:0;height: 2em;color: #000; font-weight: bold}
		}