﻿* { margin: 0px; padding: 0px; outline: none; border: none; font-family: sans-serif; color: black; font-size: 1em; }

p { margin-top: 5px; margin-bottom: 5px; line-height: 1.3em; }

form
{
	margin-top: 10px;
	margin-bottom: 10px;
	color: gray;
	font-size: .8em;
} 
	input
	{
		border: solid black 1px;
		margin-bottom: 5px;
		width: 200px;
	}
	
	input[type="submit"]
	{
		width: 202px;
		margin-top: 5px;
	}
	
	textarea
	{
		border: solid black 1px;
		width: 100%;
		height: 300px;
	}
	
h1 { font-size: 1.6em; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid gray 2px; }
h2 { font-size: 1.3em; margin-top: 5px; }
h3 { font-size: 1.1em; }

small { font-size: .8em; }

.container
{
	width: 600px;
	margin: auto;
	margin-top: 10px;
}

.title
{
	width: 600px;
	border-bottom: solid black 5px;
	margin-bottom: 10px;
}

.content
{
	width: 600px;
}

	.menu
	{
		float: left;
		width: 200px;
		margin-bottom: 10px;
	}
	
	.menu a
	{
		display: block;
		border-top: solid 1px white;
		border-bottom: solid 1px white;
	}
	
	.menu a:hover
	{
		display: block;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #ddd;
	}
	
	.menu a:active
	{
		display: block;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #eee;
	}
	
	.page
	{
		float: right;
		width: 390px;
		margin-bottom: 10px;
	}
	
		.page img { width: 400px; }
	
	.footer
	{
		clear: both;
		width: 600px;
		height: 20px;
		font-size: .8em;
		text-align: center;
		border-top: solid black 5px;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 20px;
	}