body {
		background:#e0e0e0;
       	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		margin-top: 0px;
		background-image: url(img/tlo.gif);
		background-repeat: repeat-x;
		}
	
	#frame {
		width:789px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-image: url(img/tlo_frame.jpg);
		background-repeat: repeat-y;
		}
		
	#contentleft {
		width:630px;
		margin-left: 0px;
		padding:0px;
		float:left;
		height: auto;
	
		}
	

	#contentright {
		width:159px;
		padding:0px;
		float:right;
		height: 100%;

		}
	
	#contentheader {
		background-image: url(img/top.jpg);
		background-repeat: no-repeat;
		height: 96px;
		padding-top: 0px;
		padding-left: 23px;
		text-align: right;
		}
		
	#contentheader p {
		padding: 0px;
        margin: 0px; 
		font-size: 9px;
		color: #fff;
		float: left;
		width: 766px;
		}
	
	#contentheader img {
		border: none;
		}

	#contentfooter {
		clear: both;
		background-image: url(img/footer.jpg);
		background-repeat: no-repeat;
		height: 40px;
		
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
		
	#contentright h1 {
		margin-top: 25px;
		padding: 4px 0px;
		font-size: 11px;
		text-align:center;
		text-transform: uppercase;
		}
	
	#contentright p { font-size:10px}

	
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
		
	#contentfooter p {
		font-size: 10px;
		color: #333;
		text-align: left;
		padding: 4px 3px 4px 25px;
		}
				
	#nav {
		margin: 0px 35px 0px 0px;
		padding: 0px;
		
		}

	#nav img {
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		}

	#ramaleft {
		width:630px;
		margin: 0px 0px 0px 0px;
		background-image: url(img/tlo_frame.jpg);
		background-repeat: repeat-y;
	}
	
	#ramaleft h1 {
		width:622px;
		font-size: 11px;
		padding: 0px 10px 0px 5px;
		text-align: left;
		
	}
	
	#ramaleft h2 {
		font-size: 16px;
		font-weight: normal;
		color: #555;
		margin: 5px 35px;
		padding: 0px;
		text-align: left;
	}
	
	#ramaleft h3 {
		font-size: 14px;
		font-weight: normal;
		color: #555;
		margin: 0px 35px;
		padding: 20px 0px 0px 0px;
	}
	
	#ramaleft p {
		font-size: 12px;
		margin: 10px 20px 2px 45px;
		text-transform: none;
		text-align: left;
	}
	
	#ramaleft ol {
		margin: 10px 0px 0px px;
		list-style-type: none;
	}
	
	#ramaleft ul.php {
		font-size: 12px;
		padding: 8px 10px 10px 12px;
		margin: 0px 10px 0px 5px;
		background-image: url(img/arrow1.jpg);
		background-repeat: no-repeat;
		text-transform: uppercase;
		color: #333;
	}
	

	
	#ramaleft li {
		font-weight: normal;
		list-style-type: none;
		text-transform: none;
		font-size: 12px;
		padding: 2px 0px 2px 10px;
		color: #333;
	}

	#ramaleft img {
		margin: 10px 10px 2px 15px;
		padding-left: 10px;
		border: none;

	}
		
	#ramaleft a {
		text-decoration: none;
		color: #4b617b;
		border: none;
	}

	#ramaleft table {
		margin-left: 40px;
		width: 80%;
	}
	
	#ramaleft td {
		font-size: 10px;
		text-transform: none;
	}
	
	#ramaright {
		margin: 0px;
		padding: 0px;
	}
	
	#ramaright ul {
		font-size: 10px;
		text-align: right;
		width:129px;
		padding: 0px;
		margin: 10px 0px;
		list-style-type: none;
	}

	#ramaright ul li a {
		background-image: url(img/rightmenu.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		text-decoration: none;
		margin: 0px 20px 0px 0px;
		color: #333;
		width:129px;
		display: block;
		padding: 5px 10px 5px 0px;
	}

	#ramaright ul li a:hover {
		background-image: url(img/rightmenuhover.jpg);
		background-repeat: repeat-y;
		margin: 0px 20px 0px 0px;
		color: #333;
		width:129px;
	}
	
		.subgroup{
		font-size: 12px;
		padding: 18px 10px 5px 15px;
		margin: 0px 10px 2px 5px;
		text-transform: none;
		color: #6B4C09;
		background-image: none;
	}
	
		#ramaleft p.php {
		font-size: 12px;
		padding: 8px 10px 10px 12px;
		margin: 0px 10px 0px 5px;
		color: #333;
	}