/* Base styling */

html {
	height: 100%;
	min-height: 100%;
}

/* Section styling */

div#wrapper {
	width: 75%;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
	padding: 0%;
	border: none;
}
div#menu {
	font-family: sans-serif;
	font-size: 100%;
	text-align: left;
}
div#main {
	font-family: serif;
	margin: 0px;
	text-align: left;
}
div#footer {
	font-family: monospace;
	font-size: 75%;
	text-align: right;
}

/* Typography styling */

h1, h2, h3 {
	font-family: sans-serif;
	padding-top: 4%;
	font-weight: bold;
	color: #313131;
	text-align: left;
}
h1 {
	font-size: 300%;
}
h2 {
	font-size: 175%;
}
h3 {
	font-size: 150%;
}
p {
	font-size: 135%;
	line-height: 155%;
	color: #404040;
}
p.subhead	{
	font-family: sans-serif;
	font-size: 90%;
	line-height: 125%;
	color: #404040;
}
#main ul {
	font-size: 135%;
	line-height: 155%;
	color: #404040;
	list-style-type: circle;
}
#main ol {
	font-size: 135%;
	line-height: 155%;
	color: #404040;
}
#main a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #FF3300;
}
#menu ul {
	padding: 0%;
	line-height:250%;
}
#menu li {
	display: inline;
}
#menu li a {
	background-color: #FF3300;
	font-weight:bold;
	color: white;
	padding: 5px 10px;
	text-decoration: none;
	border-radius: 4px 4px 4px 4px;
}
#menu li a:hover {
	background-color: #FF3300;
}