/* Author Kerry Kingston, Bluesmith ltd.*/

/* Reset all margins, padding etc. to control visual appearance across different browsers */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,table,input,blockquote,th,td,label { margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing:0;}
img { border: 0;}
ol,ul {list-style:none;}
caption,th {text-align:left; font-size: 1.2em; font-weight: bold;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}


/* Now, specifically style the elements for this website.... */

/*------------------------------Basic Font Formatting----------------------------*/
body 	{
		/* font-family: arial, helvetica, sans-serif; --*/
		font-size: 0.77em; 
		line-height: 1.465em; 
		background-color: rgb(252,254,254);
		margin: 0.7692em;
		/*padding: 0.7692em;*/
		}

p 		{
		/*padding-left: 0.3em;*/
		color: black;
		margin-bottom: 0.7692em;	
		}
		

		
h1 		{
		/*margin-top: 0.7692em;*/
		color: rgb(0,66,130); 
		/*font-weight: bold;*/ 
		font-size: 1.539em;
		line-height: 1.67em;
		/*font-family: "Trebuchet MS";*/
		}
		
h2 		{
		/*margin-top: 0.7692em;*/
		color: rgb(0,150,70); 
		/*font-weight: bold;*/ 
		font-size: 1.539em;
		line-height: 1.67em;
		/*font-family: "Trebuchet MS";*/
		}		
		
		
h3 		{
		margin-top: 0.7692em; 
		color: rgb(255,170,0); 
		/*font-weight: bold; */
		font-size: 1.539em;
		line-height: 1.67em;
		/*font-family: "Trebuchet MS";*/
		}
		

h4		{
		color: rgb(0,66,130); 
		/*font-weight: bold; */
		font-size: 1.539em;
		line-height: 1.67em;
		/*font-family: "Trebuchet MS";*/
		}
		
h5 		{
		clear: left;
		margin-top: 2em; 
		color: rgb(0,66,130);
		font-size: 1.2em;
		text-align: right;
		font-family: "Trebuchet MS";
		}
		
h6 		{
		margin-top: 0.5em; 
		color: rgb(200,10,130); 
		font-size: 3em;
		line-height: 1.67em;
		
		}
		
td, th {padding: 0.25em;}	
strong {font-weight:bold;}
table {padding: 0.7692em; margin: 0.7692em; }


/*----------------------------------Div used for overall page, floating in the window ------------------------------------*/
#pagecontainer 	{
				position: relative;
				margin-left: auto;
				margin-right: auto;
				width: 75em;	
				height: 100em;				
				}
				

a:link {text-decoration:none;}				
a:hover {color: rgb(140,66,150); text-decoration:underline;}				
				
			
/*---------------------------------Div for the 'Bluesmith' banner.  --------------------------------------------------------*/
#banner 	{
		border-bottom: solid gray 1px;
		text-align: left;
		padding-bottom: 5px;
		padding-top: 30px;
		height: 80px;
		}
	
/*----------------------------Left narrow column used in each case study page -------------------------*/

#leftcol	{
			margin-top: 0.19em;
			margin-right: 0em;
			float: left;
			width: 11em;
			padding-right: 2em;
			}
			
/* must be presented in the order : link, visited, hover, active */
#leftcol a:hover	{
				color: rgb(255,170,0);
				text-decoration:underline;
				}
			
#leftcol li a	{
			font-size: 1.6em;
			font-family: "Trebuchet MS";
			display: block;
			margin-top: 0.5em;
			padding-top: 2.1em;
			padding-left: 0;
			padding-right: 0.769em;
			height: 2em;
			text-decoration: none;
			font-weight: bold;
			color: rgb(0,66,130);
			text-align: left;
			}
	
#leftcol li a#pickeda	{
					background-repeat: repeat-y;
					font-weight: bold; 
					color: rgb(255,170,0);
					}

					
/*----------------------------pub and web used in the publications page------------------------------ */
			
/*---a.wipcolour{  
			color:rgb(250,50,10);
			}  */
			
#mainPage	{  
			float: left;
			width: 54em;
			height: 150em;
			margin-top: 0em;
			}
	
.videoList	{  
			margin: 0.5em 5em 1.5em 3em;
			}
			
.intro	{  
			margin: 0.5em 10em 1.5em 18em;
			color: rgb(256,0,130);
			}
	
.column2	{  
			float: left;
			/*width: 32em;
			margin-top: 1em;*/
			}

			
#mainPage a	{
			
			color: rgb(0,66,130); 
			}

.column1	{ 
			clear: left;
			float: left;
			width: 20em;
			/*margin-top: 3.4em;*/
			}
			
.docsList	{
			float: right;
			width: 18em;
			padding: 0em 2em 1em 1em;
			text-align: left;
			background-color: rgb(240,240,255);
			}
			
.docsTitle	{
			float: left;
			width: 18em;
			padding: 0em 0em 1em 0em;
			text-align: left;
			background-color: rgb(255,255,255);
			/*background-color: rgb(120,120,140);*/
			}

.docsList li	{
			padding-top: 0.8em;
			}
			
.docsList li a		{
					padding-top: 1em;
					font-size: 1em;
					/*font-weight: bold;*/
					text-decoration:none;
					color: rgb(100,100,120);
					}
					

			
.docsList a:visited {color: rgb(20,20,150);}
			
.docsList a:hover {color: rgb(20,20,150); text-decoration:underline;}	

/*-------------------------------------Top menu navigation--------------------------------------*/
		
#topnav 	{
		margin-bottom: 0em;
		padding-bottom: 0.769em;
		padding-top: 0.769em;
		text-align: left;
		font-size: 2em;
		font-weight: bold; 
		}
		
#topnav ul	{display:inline;}

#topnav a	{
			width:6em;
			text-decoration:none;
			padding-left: 3em;
			color: rgb(0,66,130);
			}

#topnav a:hover {color: rgb(140,66,150); text-decoration:underline;}

#topnav a.current 	{
					color: rgb(255,170,0);
					}		

#topnav li {display:inline}