/* style sheet for KAPALO site */

body {
		font-family: Arial, sans-serif;
		background-color: #edf1bf;
		color: #633;
		text-align: left;
		font-size: 12px;
		max-width: 950px;
	}
	
#structure	{
		position: relative;
	}
		
#mainnav {
		position: absolute;
		top: 170px;
		left: -60px;
		width: 300px;
		min-height: 150px; 		
		font-family: Georgia, serif;
		font-size: 18px;
		font-variant: small-caps;
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-indent: 80px;
	}
	
#mainnav li a {
	height: 31px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 25px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	border: 3px solid #ffe;
	padding: 3px;
	list-style: none;
	}	
	
#mainnav li a:link, #mainnav li a:visited {
	display: block;
	background: #cc9;
	color: #ffe;
	margin: 0px 0px 5px 20px;
	border: 3px solid #ffe;
	list-style: none;
	}
	
#mainnav li a:hover {
	background: #ffe;
	color: #cc9;
	margin: 0px 0px 5px 20px;
	border: 3px solid #ddb;
	list-style: none;
	}

#content  {
		display: block;
		min-height: 400px; 
		min-width: 400px;
		background: #ffd;
		color: #633;
		margin: 0px 40px 10px 80px;
		padding: 2px 20px 20px 205px;
		border: solid #ffe;
		border-width: 0px 3px 3px 3px;
		line-height: 16px;
	}
	
#contentpic  {
		display: block;
		min-height: 400px; 
		min-width: 400px;
		background: #ffd;
		color: #633;
		margin: 0px 40px 10px 80px;
		padding: 2px 20px 20px 50px;
		border: solid #ffe;
		border-width: 0px 3px 3px 3px;
		line-height: 16px;
	}
	
#content a:link, #content a:visited, #contentpic a:link, #contentpic a:visited	{
			background: transparent;
			color: #666;
			text-decoration: none;
			font-family: Arial, sans-serif;
			font-size: 10px;
	}
	
#content a:hover, #contentpic a:hover	{
			text-decoration: underline;
			font-size: 10px;
	}
	
#content li, #contentpic li	{
		list-style: url(images/waves20.gif);
		text-align: middle;
	}
	
#plainnav { 
			background: transparent;
			color: #633;
			font-family: Arial, sans-serif;
			font-size: 10px;
			font-variant: small-caps;
			margin: 0px 20px 20px 80px;
	}
	
#plainnav a:link, #plainnav a:visited, #footer a:link, #footer a:visited {
			background: transparent;
			color: #666;
			text-decoration: none;
	}
	
#plainnav a:hover, #footer a:hover {
			background: transparent;
			color: #666;
			text-decoration: underline;
	}
	
h1 {
		background: url(images/waves.gif);
		background-repeat: no-repeat;
		color: #89c;
		font-family: Georgia, serif;
		font-variant: small-caps;
		font-size: 20px;
		text-indent: 35px;
		margin: 10px 0px 0px -35px;
	}
	
h2	{
		background: transparent;
		color: #883;
		font-family: "Arial Narrow", Arial, sans-serif;
		font-size: 16px;
		font-variant: small-caps;
	}
	
img.banner	{
		margin: -8px 0px 0px -10px;
		padding: 0px;
	}
	
.right	{
		float: right;
		margin: 10px 0px 20px 20px;
	}
	
.clear	{
		float: right;
		clear: both;
		margin: 10px 0px 20px 20px;
	}
	
	
#footer	{
		text-align: center;
		font-family: Arial, sans-serif;
		font-size: 9px;
		background: transparent;
		color: #89c;
	}