/******************************************************************************/
/* GENERAL                                                                    */
/******************************************************************************/
* {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: medium;
}
html, body {
	margin: 0;
	background-color: #ccc;
	color: #333;
}
body {
	background-image: url(html.png);
	background-position: top;
	background-repeat: repeat-x;
}
/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
#header {
	width: 800px;
	margin: 0 auto;
}
	#header h1 {
		margin: 0;
		padding: 0;
		font-size: 1px;
	}
	#header #access {
		position: absolute;
		top: 0;
		right: .5em;
	}
		#header #access ul {
			margin: 0;
			padding: 0;
		}
			#header #access ul li {
				margin: 0;
				padding: 0;
				display: inline;
			}
				#header #access ul li a {
					border-left: solid 1px #ccc;
					padding: 0 0 0 .5em;
					font-size: .7em;
					text-decoration: none;
					color: #333;
					background-color: #fff;
				}
				#header #access ul li a:hover {
					color: #000;
					background-color: #fff;
				}
/******************************************************************************/
/* MENU                                                                       */
/******************************************************************************/
#menu {
	width: 817px;
	margin: 0 auto;
	padding: 15px 0 5px 0;
	background-image: url(header.png);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #2c3563;
	color: #fff;
}
	#menu ul {
		margin: 0 20px;
		padding: 0;
	}
		#menu ul li {
			margin: 0 1em 0 0;
			padding: 0;
			display: inline;
		}
			#menu ul li a {
				color: #fff;
				background-color: inherit;
				text-decoration: none;
			}
			#menu ul li a:hover {
				border-bottom: solid 5px #fff;
			}
			#menu ul li a.selected {
				border-bottom: solid 5px #fff;
			}
/******************************************************************************/
/* BODY                                                                       */
/******************************************************************************/
#body {
	width: 817px;
	margin: 0 auto;
	padding: 0 0 2em 0;
	background-color: #fff;
	color: #333;
	background-image: url(body.png);
	background-position: top;
	background-repeat: repeat-y;
}
	#body h2 {
		margin: 0 20px;
		padding: .5em 0 0 0;
		font-family: Georgia, "Times New Roman", serif;
		font-size: 1.5em;
		background-color: #fff;
		color: #775200;
	}
	#body h3 {
		margin: 0 30px;
		padding: .5em 0 0 0;
		font-family: Georgia, "Times New Roman", serif;
		font-size: 1.2em;
		color: #333355;
		background-color: #fff;
	}
	#body a {
		color: #5300b4;
		background-color: inherit;
	}
	#body a:hover {
		color: #230084;
		background-color: inherit;
	}
	#body a:visited {
		color: #b40053;
		background-color: inherit;
	}
	#body p {
		margin: 0 40px;
		padding: .5em 0;
		text-align: justify;
	}
	#body object, #body ol, #body ul, #body dl {
		margin: 10px 20px;
		padding: 0;
	}
	#body ul {
		list-style: none;
	}
		#body ul li {
			margin: 0 0 0 20px;
		}
	#body dl {
	}
		#body dl dt {
			margin: 0 0 0 20px;
			font-weight: bold;
			color: #333355;
			background-color: #fff;
		}
		#body dl dd {
			margin: .5em 0 1em 40px;
		}
/******************************************************************************/
/* FOOTER                                                                       */
/******************************************************************************/
#footer {
	width: 817px;
	margin: 0 auto;
	padding: 5px 0 12px 0;
	background-image: url(footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #1c2553;
	color: #eee;
}
	#footer p {
		margin: 0 30px;
		text-align: right;
		font-size: .7em;
	}