/*<![CDATA[*/ 

 html, body { 
 padding: 0; 
 margin: 0; 
 } 

 body { 
 font: 100% Tahoma, sans-serif; 
 color: black; 
/* background-color: #d7e3f5; */
 background: #d7e3f5 url(graf/sc-tutorial-sidebar.gif) top left repeat-y; 
 } 

 /*The background image should be the width of 
 the sidebar. Its purpose is to simulate a 
 column of full height.*/ 
 #wrapper { 
 position: relative; 
 } 

 #sidebar { 
 float: left; 
 width: 150px; 
/* padding: 1em 5px 0; */
 color: #1e5bd8;
 } 

#sidebar p {
	color: #1e5bd8;
}
	.tutoriallist {
		text-align: center;
		padding-left: 0px;
		color: #1e5bd8;
	}
	.tutorialcategory {
		font-size: 80%;
		text-align: center;
		padding-left: 0px;
		color: #1e5bd8;
		font-weight: bold;
		line-height: 50%;
	}		
	.tutoriallink {
		font-size: 80%;
		text-align: center;
		padding-left: 0px;
		color: #3879ba; 
		line-height: 50%;
	}


 #sidebar a { 
 display: block; 
 color: #3879ba; 
 } 


 #navbar { 
 text-align: center; 
 margin-left: 140px; 
 margin-top: 0px;
 } 

 #navbar a {} 

 #main { 
 margin-left: 150px; 
 padding: 0 0px; 
 line-height: 1.3em;
 background-color: #d7e3f5;
 } 

 /*** see http://www.positioniseverything.net/easyclearing.html 
 for explanation of Tony Aslett's elegant hack ***/ 

 .clearing:after { 
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
 } 

 .clearing { 
 display: inline-block; 
 } 

 /* hides from IE/Mac \*/ 
 * html .clearing { 
 height: 1%; 
 } 

 .clearing { 
 display: block; 
 } 
 /* end hide from IE-Mac */ 
 /*** end clearing hack ***/ 

 .def { 
 border-bottom: 1px dotted #666; 
 cursor: help; 
 } 

 /*]]>*/