@import url("footer.css");
@media screen {
	html {
		margin: auto;
		padding: 0;
		background: #2a527a;
		color: #333;
		font: 12px "helvetica", "lucida grande", "trebuchet ms", lucida, verdana,
			sans-serif;
	}
	.topmenu {
		background: #2a527a;
	}
	.page {
		width: 83%;
		margin: 10px auto;
		margin-top: 3.5em;
		margin-bottom: 4.5em;
		padding: 5px;
		border: 1px solid #000;
		background: white;
		text-align: center;
		min-height: 90%;
	}
	.content {
		padding-top: 5em;
		padding-left: 30ex;
		color: #036;
	}
	
	div.cat {
		position: relative;
		left: 2em;
		width: 95%;
	}
	
	div.site {
		position: relative;
		left: 1em;
		color: #4364a1;
		text-decoration: none;
		background: #d3ccba;
		/*-moz-border-radius: 0 1em;*/
		border: 1px solid;
		border-color: #b5c5d4;
		width: 95%;
	}
	div.site ul {
		background: #f6f6f6;
		padding: 0.3em 2ex 0.5em 0.7em;
		margin: 0;
		/*-moz-border-radius: 0 1em;*/
	}
	div.site li {
		display: inline;
	}
	.validable {
		cursor: pointer;
	}
	div.site li a {
		padding: 0;
		padding-left: 5px;
		padding-right: 280px;
		color: #4364a1;
		text-decoration: none;
		/*-moz-border-radius: 0 0.5em;*/
	}
	div.site li a:hover {
		background: #e3dbc8;
		cursor: pointer;
	}
	
	h1 {
		font-size: 3em;
		margin: 0.67em 0;
		font-style: bold;
	}
	
	h2 {
		font-size: 2.25em;
		margin: 0.67em 0;
		font-style: italic;
	}
	
	p
	{
		margin-top:2em;
		margin-bottom:2em;
		margin-left:2em;
		margin-right:2em;
	}
	
	/*  Links */
	a, a:link 
	{
		text-transform : none;
		text-decoration: none;
		color : #990033;
	}
	
	a:visited
	{
		text-transform : none;
		text-decoration: none;
		color : #660000;
	}
	
	a:hover
	{
		text-transform : none;
		text-decoration : underline;
		color : #ff0000;
	}
	
	a:active
	{
		text-transform : none;
		text-decoration : none;
		color : #ff0000;
	}
	
	a:focus
	{
		text-transform : none;
		text-decoration: none;
		color : black;
	}
}

@media print {
	#content {
		display: none;
	}
}
