/* CSS Document */

/*The data centres and renewable energy project - University of Strathclyde*/

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td 
{margin:0; padding:0;}
h2, h3, h4, h5, h6 {
	font-size: xx-large;
	font-weight: normal;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}



ol, ul {
	list-style-type: none;
	font-size: 18px;
}


caption, th {text-align:left;}
fieldset, img {border:0;}
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {
	font-weight:bold;
	color: #06C;
}
/*=====================================================================================*/
/* begin page style sheet here */
body {background:#f1f1f2; margin: 0 auto; font-size: 101%; font-family:Arial, Helvetica, sans-serif;}
/*=====	main page container =====*/
#container {margin: 1em auto 1em auto; width:970px; background:#fff;}
/*===== header =====*/
#header {background: url(images/header.jpg) #fff no-repeat; color:#fff; height:150px;} /* image from http://www.morguefile.com/ */
#header h1 {background:url(images/headerh1bg.png) no-repeat transparent; font-size: 271%; font-weight:normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif; padding:0 5px 5px 5px;}
/*===== main navigation =====*/
#mainnav {background:#1C121D; color:#fff; padding:1px;}
#mainnav ul {margin: 0 0 0 20px; padding:0;}
#mainnav li {display:inline; padding:0 10px; border-left: 1px solid #666; font-size:80%;}
#mainnav li a {text-decoration:none; color:#fff;}
#mainnav li a:hover {text-decoration:none; color:#1c121d; background-color:#f1f1f2;}
/*===== Side menu =====*/
#menu {float:right; width:190px; background:#666 url(images/menu_bg.jpg) repeat-y; margin-top:.5em; padding:0; color:#000; height:300px; border-top:solid #B3BCC1 thin; border-bottom:solid #B3BCC1 thin; border-left:solid #B3BCC1 thin; margin-top:35px;}
#menu h4 {font-size:90%; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; margin:0px 0 2px 0; padding: 4px; background:#fff url(images/menuh4_bg.jpg) repeat-x;}
#menu ul {padding-left:12px;}
#menu ul li {font-size: 90%; line-height:120%; margin:3px 0 3px 0; padding:2px;}
/*===== Page body =====*/
#contents {margin-right:232px; margin-left:35px; margin-top:35px; color:#000;}
#contents h2, #contents h3 {
	font-family: Verdana, Geneva, sans-serif;
	;
	font-weight: bold;
	color:#1C121D;
}
#contents h2 {
	font-size:130%;
	color: #06C;
}
#contents h3 {
	font-size:90%;
	margin-bottom:1em;
	color: #03C;
	font-family: Verdana, Geneva, sans-serif;
}
#contents p {
	font-size:90%;
	line-height: 150%;
	padding-bottom:12px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#contents ul {
	padding-left:.75em; 
	margin-bottom:.5em;
	padding-left: 2em
	}
#contents li {
	font-size:90%;
	list-style-type:square;
	list-style-position:inside;
	font-family: Verdana, Geneva, sans-serif;
	text-indent: -1.5em;
	line-height: 150%;
}
#contents a, #menu a {color:#DD8142; text-decoration: underline;}
#contents a:hover, #menu a:hover {color:#DD8142; background-color: #333333; text-decoration:underline overline;}
#menu li a {padding:2px;}
/*===== Footer =====*/
#footer {clear:both; margin-top:.5em; background:#1C121D; color:#fff; height:18px;}
#footer p {font-size:70%; padding-top:2px; text-align:center;}
#footer a, #footer a:visited {text-decoration: underline; color:#fff;}
#footer a:hover {text-decoration:underline; color:#fff;}
#racks {
	float: right;
	height: 100px;
	width: 98px;
	clear: none;
	padding-right: 5px;
}
#strathlogo {
	height: 72px;
	width: 98px;
	float: right;
	margin-right: 23px;
}
.References {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
}
#contents ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 20px;
}
#imagegrading {
	float: left;
	width: 51px;
	height: 1245px;
	padding-top: 15px;
}
#tableinfo {
	height: 1245px;
	float: right;
	width: 650px;
	padding-top: 15px;
}
#contents #tableinfo table tr td h1 span {
	font-size: 16px;
}
#contents div {
	float: right;
	height: 352px;
	width: 222px;
	padding: 5px;

}
.Emphasis {
	font-style: italic;
	font-weight: bold;
}
#container #contents table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding-top: 20px;
}