/* 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 		{
		color: black;
		margin-bottom: 0.7692em;		
		}
		
h1 		{
		margin-top: 1.154em;
		color: rgb(0,66,130); 
		font-weight: bold; 
		font-size: 1.539em;
		line-height: 1.67em;
		}
		
h2 		{
		margin-top: 0.7692em; 
		color: rgb(255,170,0); 
		font-weight: bold; 
		font-size: 1.539em;
		line-height: 1.67em;
		}
		
h3 		{
		margin-top: 0.7692em; 
		margin-bottom: 0.5em; 
		color: rgb(255,170,0);
		font-weight: bold;
		font-size: 1.3em;
		}
h4		{
		color: rgb(0,66,130); 
		font-weight: bold; 
		font-size: 1.539em;
		line-height: 1.67em;
		}
		
h5 		{
		clear: left;
		margin-top: 2em; 
		color: rgb(0,66,130);
		font-size: 1.2em;
		text-align: right;
		}
		
h6 		{
		margin-top: 1.154em;
		color: rgb(0,66,130); 
		font-weight: bold; 
		font-size: 2em;
		line-height: 1.67em;
		}
		
td, th {padding: 0.25em;}	
strong {font-weight:bold;}
table {padding: 0.7692em; margin: 0.7692em;}

/* dividing image size by 12.30645 so that images will scale as text does in IE */


img.explode_410x360 { width: 33.0em; height: 29.253em;} /* image size 410x360 */



/*----------------------------------Div used for overall page, floating in the window ------------------------------------*/
#pagecontainer 	{
				position: relative;
				margin-left: auto;
				margin-right: auto;
				width: 125em;	
				height: 80em;
				color: rgb(0,66,130);				
				}
				
/*---------------------------------Div for the 'Bluesmith' banner.  --------------------------------------------------------*/
#banner 	{
		/*--border-bottom: solid gray 1px;--*/
		text-align: left;
		padding-bottom: 5px;
		padding-top: 30px;
		height: 120px;
		}
	
/*-------------------------------------Top menu navigation--------------------------------------*/
		
#sitenav 	{
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: right;
			font-size: 1em;
			/*---font-weight: bold; -----*/
			border-bottom: solid gray 1px;
			}
		
#frontPageEnter 	{
			margin: 25em 30em 30em 40em;
		
			}
		
#sitenav ul	{display:inline;}

#sitenav a	{
			width:6em;
			text-decoration:none;
			padding-left: 2em;
			padding-right: 1em;
			color: rgb(0,66,130);
			}

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

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

#sitenav li {display:inline}

/*-------------------------------------Course menu navigation HOME--------------------------------------*/
		
#courseNav 	{
			width:1300px;
			height: 22px;
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: left;
			font-size: 1.8em;
			background-image: url(images/menuStripHome.jpg);
			/*font-family: "BankGothic Lt BT";*/
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			background-color: rgb(200,200,200);
			}
		
#courseNav  ul	{display:inline;}

#courseNav  a	{
			text-decoration:none;
			padding-right: 1em;
			padding-left: 2em;
			color: rgb(0,66,130);
		
			}

#courseNav  a:hover {color: rgb(255,190,0); text-decoration:underline;}

#courseNav  a.current	{
					color: rgb(0,66,130);
					font-weight: bold;
					}					

#courseNav  li {display:inline;
			margin-right: 0.769em;
			}
/*-------------------------------------Course menu navigation CLASS_A--------------------------------------*/
		
#courseNavClassA 	{
			width:1300px;
			height: 22px;
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: left;
			font-size: 1.8em;
			background-image: url(images/menuStripClassA4.jpg);
			/*font-family: "BankGothic Lt BT";*/
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			background-color: rgb(200,200,200);
			}
		
#courseNavClassA ul	{display:inline;}

#courseNavClassA a	{
			text-decoration:none;
			padding-right: 1em;
			padding-left: 2em;
			color: rgb(0,66,130);
		
			}

#courseNavClassA a:hover {color: rgb(255,190,0); text-decoration:underline;}

#courseNavClassA a.current	{
					color: rgb(0,66,130);
					font-weight: bold;
					}					

#courseNavClassA li {display:inline;
			margin-right: 0.769em;
			}	
			
/*-------------------------------------Course menu navigation REFERENCE--------------------------------------*/
		
#courseNavRef 	{
			width:1300px;
			height: 22px;
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: left;
			font-size: 1.8em;
			background-image: url(images/menuStripReference2.jpg);
			/*font-family: "BankGothic Lt BT";*/
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			background-color: rgb(200,200,200);
			}
		
#courseNavRef ul	{display:inline;}

#courseNavRef a	{
			text-decoration:none;
			padding-right: 1em;
			padding-left: 2em;
			color: rgb(0,66,130);
		
			}

#courseNavRef a:hover {color: rgb(255,190,0); text-decoration:underline;}

#courseNavRef a.current	{
					color: rgb(0,66,130);
					font-weight: bold;
					}					

#courseNavRef li {display:inline;
			margin-right: 0.769em;
			}	

/*-------------------------------------Course menu navigation workflows--------------------------------------*/
		
#courseNavWorkflow 	{
			width:1300px;
			height: 22px;
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: left;
			font-size: 1.8em;
			background-image: url(images/menuStripWorkflows2.jpg);
			/*font-family: "BankGothic Lt BT";*/
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			background-color: rgb(200,200,200);
			}
		
#courseNavWorkflow ul	{display:inline;}

#courseNavWorkflow a	{
			text-decoration:none;
			padding-right: 1em;
			padding-left: 2em;
			color: rgb(0,66,130);
		
			}

#courseNavWorkflow a:hover {color: rgb(255,190,0); text-decoration:underline;}

#courseNavWorkflow a.current	{
					color: rgb(0,66,130);
					font-weight: bold;
					}					

#courseNavWorkflow li {display:inline;
			margin-right: 0.769em;
			}				
			
/*-------------------------------------Extras menu navigation workflows--------------------------------------*/
		
#courseNavExtras 	{
			width:1300px;
			height: 22px;
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: left;
			font-size: 1.8em;
			background-image: url(images/menuStripExtras.jpg);
			/*font-family: "BankGothic Lt BT";*/
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			background-color: rgb(200,200,200);
			}
		
#courseNavExtras ul	{display:inline;}

#courseNavExtras a	{
			text-decoration:none;
			padding-right: 1em;
			padding-left: 2em;
			color: rgb(0,66,130);
		
			}

#courseNavExtras a:hover {color: rgb(255,190,0); text-decoration:underline;}

#courseNavExtras a.current	{
					color: rgb(0,66,130);
					font-weight: bold;
					}					

#courseNavExtras li {display:inline;
			margin-right: 0.769em;
			}	
/*-------------------------------------Course menu navigation workflows--------------------------------------*/
		
#courseNavFund 	{
			width:1300px;
			height: 22px;
			margin-bottom: 0em;
			padding-bottom: 0.769em;
			padding-top: 0.769em;
			text-align: left;
			font-size: 1.8em;
			background-image: url(images/menuStripFundamentals2.jpg);
			/*font-family: "BankGothic Lt BT";*/
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			background-color: rgb(200,200,200);
			}
		
#courseNavFund ul	{display:inline;}

#courseNavFund a	{
			text-decoration:none;
			padding-right: 1em;
			padding-left: 2em;
			color: rgb(0,66,130);
		
			}

#courseNavFund a:hover {color: rgb(255,190,0); text-decoration:underline;}

#courseNavFund a.current	{
					color: rgb(0,66,130);
					font-weight: bold;
					}					

#courseNavFund li {display:inline;
			margin-right: 0.769em;
			}		
			
#courseFrontPage 	{
			width:83em;
			height:70em;
			margin: 2em 1em 0em 1.5em;
			float: left;
			text-decoration: none;
			font-size: 1.2em;
			line-height: 1.6em;
			background-image: url(images/sketchpage.jpg);
			background-repeat: no-repeat;
			}

#courseFrontPage2 	{
			width:40em;
			height:70em;
			margin: 3.5em 1em 0em 2em;
			float: left;
			text-decoration: none;
			font-size: 1.2em;
			line-height: 1.6em;
			}			
			
#refCol1 	{
			width:23em;
			height:35em;
			margin: 3.5em 2em 0em 0em;
			float: left;
			text-decoration: none;
			}			
/* must be presented in the order : link, visited, hover, active */
#refCol1 a:hover	{
				color: rgb(255,170,0);
				text-decoration:underline;
				}
			
#refCol1 li a	{
			text-indent: -2.5em;
			font-size: 1.2em;
			display: block;
			margin-top: 0.5em;
			padding: 0.5em 1em 0.5em 3em;
			text-decoration: none;
			color: rgb(0,66,130);
			text-align: left;
			/*background-color: rgb(235,235,235);*/
			}
	
#refCol1 li a#pickeda	{
					color: rgb(255,170,0);
					}
						
#fundamentalsCol1 	{
			width:23em;
			height:42em;
			margin: 1.5em 2em 2em 0em;
			float: left;
			text-decoration: none;
			}			
/* must be presented in the order : link, visited, hover, active */
#fundamentalsCol1 a:hover	{
				color: rgb(255,170,0);
				text-decoration:underline;
				}
			
#fundamentalsCol1 li a	{
			text-indent: -2.5em;
			font-size: 1.2em;
			display: block;
			margin-top: 0.5em;
			padding: 0em 1em 0.1em 3em;
			text-decoration: none;
			color: rgb(0,66,130);
			text-align: left;
			/*background-color: rgb(235,235,235);*/
			}
	
#fundamentalsCol1 li a#pickeda	{
					color: rgb(255,170,0);
					}
						
		
			
#course 	{
			width:100em;
			height:80em;
			float: left;
		
			}
	
#courseTitle 	{
			margin: 0em 1em 0em 0em;
			width:18em;
			height:3em;
			color: rgb(0,66,130);
			padding-top: 2em;
			}	
			
#workflowTitle 	{
			text-indent: -1em;
			margin: 0em 1em 0em 1em;
			width:10em;
			height:17em;
			color: rgb(222,66,130);
			padding-top: 2em;
			}
			
#extraTitle 	{
			text-indent: -1em;
			margin: 2em 1em 0em 1em;
			width:10em;
			height:3em;
			color: rgb(222,66,130);
			padding-top: 2em;
			}

			
#refTitle 	{
			margin: 0em 0em 0em 0em;
			width:18em;
			height:6em;
			padding-top: 0em;
			}
#refList 	{
			/* background-color: rgb(240,240,255);*/
			}			
			
/* must be presented in the order : link, visited, hover, active */

#courseCol1 	{
			width:19em;
			height:37em;
			margin: 1.5em 1em 0em 0em;
			float: left;
			
			}
			
#courseCol1 li	{
				text-indent: -1.6em;
				font-size: 1.2em;
				padding: 0.4em 1.5em 0.0em 1.5em;
				color: rgb(255,150,0);
				text-align: left;
				}
#courseCol1 a:hover	{
				color: rgb(80,0,80);
				text-decoration:underline;
				}
			
#courseCol1 li a	{
			display: block;
			text-decoration: none;
			color: rgb(150,150,150);
			}
	
#courseCol1 li a#pickeda	{
						color: rgb(255,170,0);
						}
/* must be presented in the order : link, visited, hover, active */

#workflowCol1 	{
			width:21em;
			height:70em;
			margin: 1.5em 1em 0em 2em;
			float: left;
			text-decoration: none;
			}

#workflowCol1 a:hover	{
				color: rgb(255,170,0);
				text-decoration:underline;
				}
				

			
#workflowCol1 li a	{
			text-indent: -2.5em;
			font-size: 1.2em;
			display: block;
			margin-top: 0.5em;
			padding: 0.5em 1em 0.5em 3em;
			text-decoration: none;
			color: rgb(0,66,130);
			text-align: left;
			/*background-color: rgb(235,235,235);*/
			}
	
#workflowCol1 li a#pickeda	{
					color: rgb(255,170,0);
					}			
	
#extraCol1 	{
			width:22em;
			height:40em;
			margin: 1.5em 1em 0em 2em;
			float: left;
			text-decoration: none;
			}

#extraCol1 a:hover	{
				color: rgb(255,170,0);
				text-decoration:underline;
				}
				

			
#extraCol1 li a	{
			text-indent: -2.5em;
			font-size: 1.2em;
			display: block;
			margin-top: 0.5em;
			padding: 0.5em 1em 0.5em 3em;
			text-decoration: none;
			color: rgb(0,66,130);
			text-align: left;
			/*background-color: rgb(235,235,235);*/
			}
	
#extraCol1 li a#pickeda	{
					color: rgb(255,170,0);
					}			

#resource	{
			width:23em;
			height:80em;
			float: right;
			background-color: rgb(235,235,235);
			}

.videoList	{  
			font-size: 0.8em;
			}
			

			
.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;*/
			}
			
.frontpara	{ 
			margin-top: 0.75em;
			color: rgb(0,66,130); 
			font-weight: bold; 
			font-size: 1.4em;
			line-height: 1.4em;
			width: 27em;
			/*margin-top: 3.4em;*/
			}
.frontpara2	{ 

			width: 20em;
			/*margin-top: 3.4em;*/
			}
			
.docsList	{
			float: right;
			width: 23em;
			padding: 0em 0.3em 1em 1em;
			text-align: left;
			font-size: 1em;
			/*background-color: rgb(240,240,255);*/
			}
.docsHeader	{
			float: left;
			width: 9.0em;
			height: 30px;
			padding: 0.8em 0em 0.2em 2.5em;
			text-align: centre;
			font-size: 2em;
			font-weight: bold; 
			/*font-family: "BankGothic Lt BT";*/
			background-color: rgb(175,175,175);
			color: rgb(0,0,0); 
			border-bottom: solid red 2px;
			}			
			
			
.docsTitle	{
			float: left;
			width: 22em;
			padding: 0.5em 0em 0em 1em;
			text-align: left;
			font-size: 1.5em;
			font-weight: bold; 
			/*font-family: "BankGothic Lt BT";
			background-color: rgb(255,255,255);
			background-color: rgb(120,120,140);*/
			}

.docsList li	{
			padding: 0.5em 0em 0em 2em;
			}
			
.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;}	
	
	
.red{  
			color:rgb(255,0,0); 
			} 
.white{  
			color:rgb(255,255,255); 
			} 
			
.blue{  	font-size: 1.7em;
			width: 12em;
			color: rgb(0,88,180); 
			} 
			
.underline{  
			border-bottom: solid rgb(255,190,0) 1px;
			margin-bottom: 1.5em;
			} 
			
.overline{  
			border-top: solid rgb(255,190,0) 1px;
			margin-top: 1.0em;
			} 
.line{  
			margin: 0em 0em 0em 0em;
			padding: 0em 0em 0em 0em;
			} 
	
/* must be presented in the order : link, visited, hover, active */

#hidden 	{
			color:rgb(255,255,255);
			height:70em;
			margin: 1.5em 1em 0em 2em;
			float: left;
			
			}
#hidden a	{
				color: rgb(255,255,255);
				}			

#hidden a:hover	{
				color: rgb(240,240,240);
				text-decoration:underline;
				}

.black{  
			color:rgb(0, 66, 130); 
			font-size: 1em;
			} 	

.mins{  
			color:rgb(0, 66, 130); 
			font-size: 0.9em;
			font-style: italic;
			
			
			} 			

.nonlink{  
			color:rgb(0,0,0); 
			font-size: 1.2em;
			}
	
	
	
	/*--------------------------------Sub menu navigation used in Alias Training---------------------------------*/

#subnav 	{
		margin-bottom: 1em;
		margin-left: 48em;
		padding-bottom: 0em;
		padding-top: 0em;
		text-align: left;
		font-size: 0.7em;
		font-weight: bold;
		}

#subnav ul {display:inline;}

#subnav li {display:inline;}

#subnav a	{
			width:6em;
			text-decoration:none;
			padding-left: 1.5em;
			padding-right: 1.5em;
			color: rgb(130,130,130);
			border-right: solid gray 1px;
			border-left: solid gray 1px;
			}

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

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

/*----------------------------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);
					}

					
/*----------------------------Two column page : About Us Content Section - Column 1------------------------------ */

#maincol	{  
			float: left;
			width: 42em;
			margin-top: 1em;
			}
			
/*----------------------------Two column page : CAD Services Content Section - Column 1------------------------------ */

#cadcol	{  
			float: left;
			width: 33em;
			margin-top: 1em;
			}
			
/*----------------------------used in scheduled courses page------------------------------ */
			
#courseleft	{  
				float: left;
				width: 42em;
				margin-top: 1em;
				}
				
#courseleft li 	{
				margin-left: 2em;
				margin-bottom: 1em;
				font-weight: bold;
				}
				
#courseright	{  
				float: right;
				width: 20em;
				margin-top: 5em;
				background-color: rgb(240,240,255);
				padding: 0em 1.5em 1em 2em;
				}
				
/*----------------------------used in training page------------------------------ */		

#trainingmain	{  
				float: left;
				width: 26.5em;
				margin-top: 2em;
				padding-bottom: 2em;
				}
			
#trainingleft	{  
				clear: left;
				width: 19.3em;
				float: left;
				padding: 0em 2em 1em 2em;
				margin: 2em 1em 0em 0em;
				border: solid 1px #e6e6e6;
				height: 275px;
				background-image: url(images/Training1.jpg);
				}
#trainingcentre	{  
				width: 19.3em;
				float: left;
				padding: 0em 2em 1em 2em;
				margin: 2em 1em 0em 1em;
				border: solid 1px #e6e6e6;
				height: 275px;
				background-image: url(images/Training2.jpg);
				}
			
#trainingright	{  
				width: 19.3em;
				float: left;
				padding: 0em 2em 1em 2em;
				margin: 2em 0em 0em 1em;
				border: solid 1px #e6e6e6;
				height: 275px;
				background-image: url(images/Training3.jpg);
				}
#trainingfooter	{
				clear: both;
				text-align: left;
				}
				
/*----------------------------featureright used in workshops page to list industries and in about page and in cadservices------------------------------ */
			
#featureright	{  
				float: right;
				margin-top: 2em;
				}
				
/*----------------------------used on index.htm----------------------------- */
				
#frontpage	{  
				width: 30.2em;
				float: left;
				padding: 7em 40em 32em 5em;
				background-image: url(images/stives.jpg); 
				background-repeat: no-repeat;				
				}
				
				
p.feature  {clear: left;}
						
p.credit 	{
			text-align: right;
			font-style: italic;
			color: rgb(128,128,128); 
			font-size: smaller;
			}
p.address 	{
			text-align: left;
			margin: 0px;
			padding: 0px
			}
p.cover	 	{
			/*font-weight: bold;*/
			font-size: larger;
			}
			
p.bignumber	 	{
			margin-bottom: 0.35em;
			font-weight: bold;
			font-size: 4em;
			color: rgb(200,200,200);
			/*font-family: "BankGothic Lt BT";*/
			}
p.sectionheader	 	{
			/*font-weight: bold;*/
			font-size: 1.7em;
			width: 12em;
			/*font-family: "BankGothic Lt BT";*/
			color: rgb(256,50,50);
			}
			
p.refheader	 	{
			font-weight: bold;
			font-size: 1.5em;
			color: rgb(0,155,100);
			}
			
li.tutorials	 {
			font-weight: bold;
			font-size: 1.5em;
			/*font-family: "BankGothic Lt BT";*/
			padding-left: 15px;
			color: rgb(256,256,256); 
			}
/*----------------------------used in portfolio page------------------------------ */	
		
#portfoliomain	{  
				float: left;
				width: 21em;
				margin-top: 2em;
				padding-bottom: 2em;
				}
			
#portfoliopix	{
				float: right;
				width: 38em;
				padding-left: 0.769em;
				margin-top: 3em;
				text-align: right;
				}

/*----------------------------pub and web used in the publications page------------------------------ */
			
#pubcol	{  
			float: left;
			width: 50em;
			margin-top: 1em;
			}
	
.tutlist	{  
			margin: 0.5em 5em 1.5em 3em;
			}
	
.pubtext	{  
			float: left;
			width: 32em;
			margin-top: 1em;
			}
			
.publink	{ 
			clear: left;
			float: left;
			width: 18em;
			margin-top: 3.4em;
			}
			
.webtop	{
			float: right;
			width: 17em;
			padding: 1em 2em 0.5em 0em;
			margin-top: 2em;
			text-align: right;
			background-color: rgb(240,240,255);
			}
			
.webtop2	{
			float: right;
			width: 17em;
			padding: 0em 2em 0.5em 0em;
			margin-top: 0em;
			text-align: right;
			background-color: rgb(240,240,255);
			}
			
.webbottom	{
			float: right;
			width: 17em;
			padding: 1em 2em 2em 0em;
			padding-bottom: 2em;
			text-align: right;
			background-color: rgb(240,240,255);
			}
			
.webtitletop	{
			float: right;
			width: 19em;
			padding: 0em;
			text-align: right;
			margin-top: 4em;
			background-color: rgb(120,120,140);
			}
			
			
.webtitle	{
			float: right;
			width: 19em;
			padding: 0em;
			text-align: right;
			background-color: rgb(120,120,140);
			}
			
.webtitle h2	{
			font-size: 1.6em;
			line-height: 0.6em; 
			padding-bottom: 0.6em;
			padding-right: 1em;
			}
			
.webbottom li	{
			padding-top: 0.3em;
			}
			
.webbottom li a		{
					padding-top: 1em;
					font-size: 1em;
					font-weight: bold;
					text-decoration:none;
					color: rgb(100,100,120);
					}
					
.tutfrontpage	{
			margin-top: 4em;
			float: left;
			width: 30em;
			padding: 0em 1em 2em 1em;
			padding-bottom: 2em;
			text-align: left;
			background-color: rgb(256,256,180);
			}
			
.webbottom a:visited {color: rgb(20,20,150);}
			
.webbottom a:hover {color: rgb(20,20,150); text-decoration:underline;}	

/*------------------Footer ---------------------------------------------*/
#footer	{
		margin-top: 4em;
		padding-top: 4em;
		font-size: smaller;
		clear: both;
		text-align: left;
		}

#footer ul	{
			padding: 0;
			margin: 0;
			list-style-type: none;
			text-decoration: none;
			}

#footer li	{
			display: inline;
			margin-right: 1em;
			}