body, html { 
	height: 100%; width: 100%; 
	padding: 0; margin: 0; 
	}
	
body { 
	text-align: center; background: url(tlo.png) repeat-x darkblue; 
	}

/* -------------------------------------------- */

div#cont { 
	position: relative; 
	margin: 0 auto; 
	width: 768px; 
	border-left: 3px solid black; 
	border-right: 3px solid black; 
	border-bottom: 3px solid black; 
	background-color: white;
	}

/* -------------------------------------------- */

div#head { 
	position: relative; 
	height: 110px; width: 760px; 
	margin: 0 auto; 
	background-image: url(head.png); 
	}

#head h3 { 
	position: absolute; 
	font-family: tahoma, verdana; 
	font-size: 42px; 
	font-weight: bold; 
	margin-bottom: 3px; 
	letter-spacing: -3px;
	}

#head h3#top { 
	bottom: 2px; right: 3px; 
	color: white; 
	}

#head h3#bottom { 
	bottom: 1px; right: 2px; 
	color: black; 
	}

#head h3 span {
	color: #ffffcc;
	}
/* -------------------------------------------- */

div#main { 
	width: 760px; 
	margin: 0 auto; 
	background-color: white; 
	}
	
#main p#keys { 
	margin-top: 0px; 
	font-family: tahoma, verdana; 
	color: gray; 
	font-size: 12px; 
	text-align: right; 
	}

#main ul {
	font-family: tahoma, verdana; 
	font-size: 20px;
	margin-bottom: 15px;
	padding: 3px 10px 3px 3px;
	height: 24px;
	border: 0px solid black;
	background: url(menu.jpg) repeat-y right;
}

#main ul li {
	float: right; margin-left: 25px; 
	list-style: none;
}

#main ul li a, #main ul li a:visited {
	font-weight: bold; color: black; text-decoration: none;
}

#main ul li a:hover {
	font-weight: bold; color: red; text-decoration: none;
}
/* -------------------------------------------- */

div#content { 
	width: 470px; 
	margin-left: 270px; 
	padding-left: 10px;
	background-color: white; 
	border-left: 1px dotted gray;
	text-align: left;
	font-family: tahoma, verdana;
	}
	
#content h1 {
	font-size: 20px;
	}
	
#content h2 {
	font-size: 18px;
	}

#content p {
	line-height: 140%;
	font-size: 14px;
	}
	
	
/* -------------------------------------------- */

div#arrow {
	position: absolute; top: 30px; left: -80px; 
	height: 660px; width: 330px; 
	padding-top: 230px; 
	border: 0px solid black; }
	/* PNGFIX */
	html>body div#cont div#arrow {background: url(arrow.png) no-repeat; }
	* html body div#cont div#arrow {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="arrow.png", sizingMethod="crop");} 

#arrow p { 
	font-family: 'trebuchet ms', 
	verdana; color: black; 
	font-weight: bold; 
	letter-spacing: -2px; 
	text-align: right; 
	margin: -10px 0; 
	}
	
#arrow p.c1 { 
	font-size: 40px; color: darkred; 
	}
	
#arrow p.c2 { 
	font-size: 26px; color: #333; margin-top: 5px;
	}
	
#arrow p.c3 { 
	font-size: 36px; color: darkblue; margin-top: 2px;
	}
	
#arrow p.c4 { 
	font-size: 36px; color: darkblue; 
	}
	
#arrow p.c5 { 
	padding-left: 90px; margin-top: -40px; margin-bottom: 50px; 
	font-family: verdana, tahoma; font-size: 11px; font-weight: normal;
	color-black; text-align: left; letter-spacing: 0px;
	}
	
#arrow a { 
	text-decoration: none; 
	}