* {margin: 0; padding: 0;}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: url(../graph.jpg) repeat;
	text-align: center;
}


#top_nav {
	width: 950px;
	position: relative;
	height: 20px;
}

#wrapper {
	width: 950px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: url(images/left_blue.png) repeat-y white;
	padding: 0 0 40px 0;
}


#header {
	position: relative;
	width: 100%; 
	height: 73px; 
	background: #698FFE url(images/header.png) no-repeat left;
}



#content {
	float: left;
	padding: 10px;
	width: 675px;
	min-height: 500px;
}




img.city {position: absolute; right: 110px;}

#form {
	width: 75px;
	background: white;
	float: right;
	margin-top: -73px; margin-right: 0px;
	padding: 0px 10px;
	position: relative;
	z-index: 10000;
}

img.formsufc {float: right; padding-right: 10px;}
img.formpage {float: left; padding-left: 10px;}
img.pdf		{float: left; margin: 0 10px 10px 0; border: 0;}





/*-------------------------------------------------------*/
/*-------------------Navigation--------------------------*/
#nav {
	float: left;
	width: 158px;
	border: 1px solid #ccc;
}

#nav ul {list-style: none;}

#nav li {border-bottom: 1px solid #ccc;}
#nav li#nav_con {border-bottom: none;}

#nav li a{
	text-decoration: none;
	display: block;
	padding: 5px;
	font-weight: bold;
	background-color: #698FFE;
	color: #FFF;
	padding-left: 12px;
}

#nav li a:hover {
	background-color: #666;
	color: white;
}

#nav li a.sub {
	text-decoration: none;
	display: block;
	padding: 3px;
	border-left: 24px solid #698FFE;
	color: white;
	background: #698FFE;
	font-weight: normal;
	font-size: 90%;
	text-indent: 12px;
}

#nav ul li a.sub:hover{
	text-decoration: none;
	background-color: #CCC;
	color: #FFF;
}

#body_hom li#nav_hom a, 
#body_res li#nav_res a, 
#body_res_cor li#nav_res_cor a, 
#body_res_cor li#nav_res a,
#body_res_fin li#nav_res_fin a, 
#body_res_fin li#nav_fin a,
#body_res_met li#nav_res_met a, 
#body_res_met li#nav_res a, 
#body_res_cas li#nav_res_cas a, 
#body_res_cas li#nav_res a, 
#body_res_pro li#nav_res_pro a, 
#body_res_pro li#nav_res a, 
#body_sta_bro li#nav_sta_bro a, 
#body_sta_bro li#nav_sta a,
#body_pub_cor li#nav_pub_cor a, 
#body_pub_cor li#nav_pub a,
#body_pub_plu li#nav_pub_plu a, 
#body_pub_plu li#nav_pub a,
#body_pro li#nav_pro a, 
#body_sta li#nav_sta a,
#body_lin li#nav_lin a,
#body_con li#nav_con a {background: white; color: #698FFE;}



/*-------------------------------------------------------*/
/*-------------------End of Navigation-------------------*/




a 			{text-decoration: none; color: #698FFE;}
a:hover 	{text-decoration: underline;}

p {margin: 0 0 10px 0;}
p.greybold {font-weight: bold; color: #666; margin: 20px 0 20px 0;}
p.small {font-size: 0.75em; color: #666;}

h1 {
	color: #666;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0px 0;
}

h2 {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 0 0 5px;
	background: url(images/h2.png) #6D8BFF;
	height: 30px;
}

h3 {
	color: #999;
	margin: 10px 0 10px 0;  
	font-size: 1.1em; 
	font-weight: bold; 
	padding: 0px; 
	border-bottom: 1px solid #666;
}

h3 a {
	color: #999;
	margin: 10px 0 10px 0;  
	font-size: 1em; 
	font-weight: bold; 
	padding: 0px; 
	border-bottom: 1px solid #666;
}

ul.list {list-style: outside disc; margin-left: 30px; margin-bottom: 10px;}
ul.list ul {margin: 10px;}
ul.list ul li {list-style-type: circle; list-style-position:inside; margin-left: 20px; margin-bottom: 2px;}
ul.list li {margin-bottom: 10px;}

/*-------------------------------------------------------*/
/*-------------------Page Layouts------------------------*/


/*-------------------Home--------------------------------*/
.news_item {
	
	margin: 13px 0 10px 0;
	width: 203px; background: white;
	padding: 10px;
	border: 1px solid #698FFE;
}
div.news_item img.robin {float: left; margin-right: 10px;}

#inner_right {float: right; position: relative; width: 225px; margin-left: 15px;}
#inner_right div.text {width: 225px;}

#cf_india {
	float: right;
	width: 130px;
	height: 165px;
	background: url(../india/images/cfindia_logo.png) no-repeat;
	padding: 265px 10px 10px 10px;
	margin: -32px -10px 10px 15px;
	
}

#cf_india h1 {color: white; font-size: 1.4em; font-weight: bold;}
#cf_india p {color: white;}
#cf_india a {color: white; font-weight: bold; text-decoration: none;}
#cf_india a:hover {color: white; font-weight: bold; text-decoration: underline;}


#body_news {
	text-align: left;
	padding: 20px;
	
}


/*-------------------Research--------------------------------*/
#research_core {width: 480px; margin: 20px 0 0 5%; overflow: hidden; float: left;}

/*-------------------Research Core----------------------------*/
#body_res_cor div.textbox, #body_res_fin div.textbox {width: 580px; text-align: justify;}
#body_res_cor #inner_right, #body_res_fin #inner_right {float: right; width: 100px; margin-right: -30px;}
#body_res_cor #inner_right img, #body_res_fin #inner_right img {padding: 10px;}

/*-------------------Research Method----------------------------*/
#body_res_met div.textbox {width: 75%; text-align: justify; min-width: 510px;}

/*-------------------Research Case Studies----------------------*/
div.casestudy {width: 500px; height: 220px; text-align: center; border: 1px solid #666; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
div.cs_header {background: #698FFE; color: white; font-weight: bold; font-size: 1.2em; padding: 5px;}
div.cs_img { text-align: center; font-size: 0.8em; color: #666;}

#body_res_cas div.textbox { text-align: center; }

/*-------------------Research Projects----------------------------*/
#body_res_pro div.textbox {width: 75%; text-align: justify;}
#body_res_pro #inner_right {float: right; width: 100px; margin-right: -20px;}
#body_res_pro #inner_right img {padding: 10px;}

/*-------------------Publications----------------------------*/
#body_pub_cor div.textbox, #body_pub_plu div.textbox, #body_pro div.textbox {width: 85%; text-align: justify;}
#body_pub_cor p, #body_pub_plu p, #body_pro p {margin-left: 50px;}
p.even {background: #E6E6E6;}
img.getacrobatreader {float: right;}

/*-------------------Progress Events-----------------------------*/
#body_pro #inner_right {float: right; width: 100px; margin-right: -20px;}
#body_pro #inner_right img {padding: 10px;}

/*-------------------Staff-----------------------------*/
h4 {
	background: #066; 
	color: white; 
	font-size: 1.2em; 
	font-weight: bold; 
	padding: 5px 0; 
	text-align: left; 
	padding-left: 5px; 
	width: 100%; 
	margin-bottom: 10px;
	float: left;

}
h4.heriot {background: #039; clear: both;}
h4.brookes {background: #900;}
h4.sheffield {background: #369;}
h4.strathclyde {background: #339;}

div.uni {background: white; width: 100%; position: relative; float: left; padding: 10px 0;}
img.uni_logo {float: left; margin-right: 20px;}


#footer {clear: both;}

/*---------------DSDP----------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

a.dsdp {
	background-image: url(images/webdesign.png);
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 80px;
	height: 15px;
	text-indent: -9999px;
}

a.dsdp:hover {
	background-image: url(images/bydsdp.png);
}