* { margin: 0; 
	 padding: 0; }
 
a { color: #36c; } 
a:hover { color: #06f; } 

body { background: #eee url(../images/bg2.gif); 
	   color: #444; 
	   font: normal 62.5% "Lucida Sans Unicode", sans-serif; 
	   margin: 0; } 
input { color: #555; 
		font: normal 1.1em "Lucida Sans Unicode", sans-serif; } 
p, cite, code, ul { font-size: 1.2em; 
					padding-bottom: 1.2em; } 
h1 { font-size: 1.4em; 
	margin-bottom: 4px; } 
code { background: url(../images/bgcode.gif); 
	   border: 1px solid #f0f0f0; 
	   border-left: 6px solid #39f; 
	   color: #555; 
	   display: block; 
	   font: normal 1.1em "Lucida Sans Unicode", serif; 
	   margin: 0 0 12px 20px; 
	   padding: 4px 10px; 
	   white-space: pre; } 
cite { background: url(../images/quote.gif) no-repeat; 
	   color: #666; 
	   display: block; 
	   font: normal 1.3em "Lucida Sans Unicode", serif; 
	   padding-left: 28px; } 
h1, h2, h3 { color: #367ea6; 
	   		 padding-top: 6px; } 
img { float:right;
	  border: 0;
	  padding: 3px 0 10px 20px; }
	  
.clearer { clear: both; } 
.container { background: url(../images/bgcontainer2.gif) repeat-y; 
	         margin: 0 auto; 
	         padding-bottom: 6px; 
	         width: 767px; } 
.header { background: url(../images/header2.gif) repeat-x; 
		  height: 200px; 
		  clear:both; border: 0px solid black; } 
.header img { float: left;
			  padding: 15px 0 10px 0; }
.title h3 { color: #367ea6; 
			font: bold 1.3em Verdana, sans-serif; 
			padding: 15px 0 0 0; 
			text-align: left;
			clear:both;
			border: 0px solid red; } 
.navigation { margin-bottom: 4px; } 
.navigation a { background-color: #4a91c3; 
				color: #fff; 
				float: left; 
				font: bold 1.2em "Trebuchet MS", sans-serif; 
				padding: 8px 0; 
				width: 19%; 
				border-right: 1px solid #fff; 
				text-align: center; 
				text-decoration: none; } 
.navigation a:hover { background-color: #000; 
				      color: #fff; } 
.main { clear: both; 
		padding: 8px 18px; } 
		
.sidenav h1, .sidenav ul { padding-left: 12px; } 
.sidenav { background: #eee; 
		   border: 1px solid #e5e5e5; 
		   float: left; 
		   width: 200px; } 
.sidenav h1 { color: #666; 
			  font-size: 1.2em; 
			  height: 20px; 
			  margin-top: 1.2em; background: url(../images/bgul.gif) repeat-x; } 
.sidenav ul { border-top: 1px solid #fafafa; 
			  /*background: url(../images/bgul.gif) repeat-x; */
			  margin: 0; 
			  padding: 0; } 
.sidenav li { border: 1px solid #fafafa; 
			  border-top: none; 
			  list-style: none; 
			  margin: 0; } 
.sidenav li a { color: #777; 
				display: block; 
				font-size: 0.9em; 
				padding: 3px 6px 3px 14px; 
				text-decoration: none; } 
.sidenav li a:hover { color: #111; text-decoration: none; }
.sidenav a { text-decoration: none;} 
.sidenav a:hover { text-decoration: underline;} 


.content { float: right; 
		   width: 520px; } 
.content .item { padding: 6px 12px; 
				 border: 1px solid #eee; 
				 background: #fff; 
				 margin-bottom: 8px; } 
.content .descr { color: #333; 
 				  margin-bottom: 6px; } 
.content li { list-style: url(../images/li.gif); 
			  margin-left: 18px; } 
form { padding: 0 0 6px 8px; } 
.styled { border: 1px solid #ddd; 
		  padding: 4px; } 
.button { background: url(../images/search.gif) no-repeat left bottom; 
		  border: none; 
		  height: 27px; 
		  width: 27px; } 
.footer { background: #fff; 	
		  border: 1px solid #eee; 
		  color: #666; 
		  font-size: 1.1em; 
		  margin: 0 auto; 
		  text-align: right; 
		  padding: 6px; 
		  width: 720px; } 
.footer a { color: #36c; 
		    text-decoration: none; } 
.footer a:hover { color: #06f; 
				  text-decoration: underline; }