/* CSS Document */

/* Framework*/

body {
	margin:0;
	background-color::#FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size:70%;
	text-align:center; /* centers the frame in IE5 Win */
}

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 805px;
	background-color: #FFFFFF;
	position: relative;
 }
 
 
 #content{
 	float:left; 
 	width: 745px;
 }
 
 /* Shadows*/
 
  #left_shadow{
	float:left; 
}


  #right_shadow{
	float:right; 
}

/* Navigation bar*/

 #nav_bar{
 	text-align:center; 
 	width: 745px;
 	height: 22px;
 	background-color:#C4B858;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000C58;
	padding-top:8px;
 }
 

 #nav_bar a { 
	text-decoration:none 
}
 #nav_bar a:link { 
	color: #000C58; 
}

 #nav_bar a:visited { 
	color: #000C58; 
}
 #nav_bar a:hover { 
 	color: #FFF; 
}
 #nav_bar a:active { 
 color: #000C58; 
 }
 
 
 /* content*/
  #heading{
 	float:left; 
	padding-top:22px;
	padding-left:24px;
 }
 
   #text_left{
 	float:left; 
	width: 287px;
	padding-top:10px;
	padding-left:2px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	padding-right:15px; 
 }
    #EStext_left{
 	float:left; 
	padding-top:10px;
	padding-left:2px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	padding-right:30px; 
 }
     #tabletext_left{
 	float:left; 
	padding-top:10px;
	padding-left:2px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
 }
   #SCtext_left{
	padding-top:10px;
	padding-left:2px;
	width: 650px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	padding-right:30px; 
 }
 
 
 	#Kknott_left{
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	padding-right:13px; 
 }
 
#casestudy_left {
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	padding-right:25px; 
 }
 
  #vertical_line {
	float:left;
	width: 1px;
	height: 503px;
	left:0px;  
	background-image: url("./assets/line.gif"); 
    background-repeat: repeat-y; 
}

   #text_right{
 	float:left; 
	width: 370px;
	padding-top:15px;
	padding-left:15px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	
 }
 
 	#casestudy_heading1 { 
	font-size:120%; 
	padding-top:7px;
	font-weight:bold; 
	color:#ABA04A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
	
	#casestudy_text1{
	float:left;
	padding-top:5px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight: normal;	
 }
 
  	#casestudy_heading2 { 
	font-size:120%; 
	padding-top:7px;
	font-weight:bold; 
	color:#ABA04A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
	
	#casestudy_heading3 { 
	font-size:120%; 
	padding-top:7px;
	font-weight:bold; 
	color:#ABA04A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	#casestudy_text2{
	float:left;
	padding-top:5px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight: normal;	
 }
 
 #casestudy_text3{
	float:left;
	padding-top:5px;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight: normal;	
 }
 
   #AHRC_logo{
	float:left; 
	padding-left:10px;
	padding-top:46px;
	padding-bottom:12px;
}

  #UoL_logo{
	float:left; 
	padding-left:26px;
	padding-bottom:12px;

}
   #w3c_logo{
	float:right; 
	padding-right:20px;
	padding-top:60px;
	
}
  #block{
	float:left; 
	height:90px;
	width: 300px;
	
}

 /* lists*/
ul.disc 
{
	list-style-type: disc;
	padding-left: 10px;
	margin-left:5px;
	
}

#ul.list_paragraphs {
	list-style-type: none;
	line-height:1px;
	padding-left: -25px;
	margin-left:0px
	
}
 /* photos*/
.photos{
 	float:left; 
	background-color: #FFFFFF;
	border-color: #000C58;
	border-width: 6px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-right:5px;
	margin-bottom:3px;
	
}

.photos_casestudy{
 	float:left; 
	background-color: #FFFFFF;
	border-color: #000C58;
	border-width: 3px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-right:5px;
	margin-bottom:3px;
	
}
.photos2{
 	float:left; 
	background-color: #FFFFFF;
	border-color: #C4B858;
	border-width: 6px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-right:10px;
	margin-bottom:6px;
	
}



 
  /* footer*/
  
	#footer{
	padding-right:10px;
	text-align: right;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  
 }


  	#footer_line{ 
	float:left; 
	width: 743px;
	height: 1px;
	left:0px; 
	background-image: url("./assets/footer_line.gif"); 
    background-repeat: repeat-x; 
	padding-bottom:30px;
	
}

	#footer_text{
	padding-right:20px;
	padding-top:7px;
	text-align: right;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-right:20px;
}
  
 /* rollover text */
  	#footer_text a:link{
  	color: #999999;
	text-decoration:none;
	}
	
	#footer_text a:visited{
  	color: #999999;
	text-decoration:none;
	}
	
	#footer_text a:hover{
  	color: #666666;
	text-decoration:underline;
	}
	
	#footer_text a:active{
  	color: #999999;
	text-decoration:none;
	}
	
	
	a { text-decoration:underline; }
	a:link { color: #736D1D;}
	a:visited { color: #736D1D;}
	a:hover { color: #333;}
	a:active { color: #736D1D;}