body {
	position: absolute;
	width: 96%;
	height: 92%;
	margin: 0px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: gray;
}

#main {
	border: 0px solid black;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #5485cd;
}

#logo {
	width: 12em;
	max-width:12em;
	max-height: 7em;
	padding-top: 0.375em;
	float: left;
	text-align: center;
	display: none;
}

	#logo img {
		width: 6.25em;
		height: 6.25em;
		border: 0;
	}

#title {
	/*width: 100%;*/
	top: 0;
	height: 8em;
	/*margin-left: 12em;*/
	text-align: left;
	background-color: #5485cd;
}

	#title h1 {
		padding: 0;
		margin: 0;
		color: white;
		font-family: sans-serif;
	}

	#title h1.first {
		margin-left: 1em;
		margin-bottom: -0.16em;
		padding-top: 0.8em;
		font-size: 2.4em;
	}

	#title h1.second {
		margin-left: 2em;
		font-size: 3em;
	}

	#title h2 {
		padding: 0;
		margin: 0;
		margin-top: -1em;
		margin-right: 1em;
		/*margin-left: 7em;*/
		color: white;
		font-family: sans-serif;
		text-align: right;
		font-size: 1.7em;
	}

#menu {
	/*margin-top:1em;*/
	padding-top:1.5em;
	width: 12em;
	background-color: #5485cd;
	float: left;
}

	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

	#menu li {
		margin: 0;
		margin-left: 1em;
		margin-right: 1em;
		text-align: center;
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}

	#menu li a {
		color: black;
		display: block;
		width: 100%;
		font-family: sans-serif;
	}

	#menu li a.highlight {
		color: red;
	}

	html>body #menu li a {
		width: auto;
	}

	#menu li a:hover {
		color: black;
		background-color: #ddeeff;
		display: block;
		width: 100%;
	}



#content {
	background-color: #ddeeff;
	position: absolute;
	left: 12em;
	margin:0;
	top: 8em;
	bottom: 2.5em;
	padding: 0.6em;
	overflow: auto;
}

html>body #content {
	right:0;
}

	#content h1 {
		padding: 0;
		margin: 0;
		font-family: sans-serif;
	}

	#content p {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding: 0;
		text-indent: 1em;
		vertical-align: baseline;
	}

	#content p.welcome {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}

	#content #quotes {
	}

	#content #quotes p {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}

	#content #quotes hr {
		color: #5485cd;
		background-color: #5485cd;
	}

	#content blockquote.pquote {
		float: right;
		background: url(images/openquote.gif) top left no-repeat;
		color: #030;
		line-height: 0.9;
		padding: 0.5em;
		margin-left: 1em;
		margin-right: 1em;
	}

	#content p.quotebody {
		font-family: arial, hevetica, sans-serif;
		font-size: 2em;
		font-style: italic;
	}

	#content p.quoteattrib {
		text-align: right;
		font-style: italic;
	}

	#content em {
		font-style: italic;
	}

	#content img {
		float: right;
		margin: 1em;
	}

	#content table {
		margin-left: auto;
		margin-right: auto;
	}

	#content td {
		padding-right: 1em;
		padding-left: 1em;
	}

	#content td.left {
		text-align: right;
	}

	#content td.right {
		text-align: left;
	}


#footer {
	background-color: black;
	position: absolute;
	color: white;
	height: 1.5em;
	bottom: 0;
	left:0;
	width: 100%;
	text-align: center;
	}

	#footer p {
		display: inline;
		padding-left: 1em;
		padding-right: 1em;
		font-size: 0.7em;
		font-family: sans-serif;
	}
	
	#footer span {
		height: 100%;
	}

	#footer span.left {
		left: 0;
		float: left;
		width: 33%;
	}

	#footer div.middle {
		height: 100%;
		padding:0;
		padding-top: 0.15em;
		margin-left: 12em;
	}

	#footer span.right {
		right: 0;
		float: right;
		width: 33%;
	}
	
	#footer a {
		color: white;
	}
	#footer a:hover {
		color: blue;
	}

a {
	text-decoration: none;
}