html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}



body {
	width: auto;
	padding: 0px;
	font-family: 'Abel', serif;
	font-size: 15px;
	color: #2B2B2B;
}

h1, h2, h3 {
	font-weight: 300;
	display: inline;
}

p, ol, ul {
	margin: 0px;
}

strong {
}

a {
	color: #2B2B2B;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	border-radius: 2px;
}

/** WRAPPER **/
div.wrapper {
	position:relative;
    min-height: 100%;
    width: 100%;
}

/** TITLE BAR **/
header,
div.titlebar {
	background: grey;
	display: inline-block;
	width: 100%;
}

div.title {
	text-align: center;
}

div.pagetitle{
    float: left;
    left: 0px;
	text-align: left;
    padding: 0px;
	margin: 0px 0px 0px 20px;
}

/** MENU **/
nav {
	float: right;
    right: 0px;
	margin: 0px 20px 5px 0px;
    display: inline-block;
}

nav ul.main {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

nav ul.main > li {
	float: left;
	margin: 0px 0px 0px 5px;
	position: relative;
}

nav ul.main a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 16px;
	color: #2B2B2B;
}

nav ul.main a:hover {
	text-decoration: underline;
}

nav li.active > a {
	border-radius: 5px;
	background: white;
}

nav ul.list {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    background: white;
    border-radius: 5px;
    margin: 0;
    padding: 5px 0;
    min-width: 150px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
} 

nav li:hover > ul.list {
    visibility: visible;
}

nav ul.list li {
	display: block;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	text-align: left;
}

nav ul.list a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	font-size: 16px;
	color: #2B2B2B;
}

nav ul.list li a:hover {
	text-decoration: underline;
}

/** FOOTER **/
footer,
div.footer {
    min-width: 100%;
    height: 20px;
    padding-top: 5px;
    float: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
	text-align: center;
	z-index: 5;
	overflow: scroll;
	display: inline;
}

footer p,
div.footer p {
	text-align: center;
	float: center;
	position: absolute;
	width: 100%;
	z-index: 2;
}

footer img,
div.footer img {
	max-height: 20px;
	text-align: right;
	padding: 0px 10px 0px 0px; 
	position: absolute;
	right: 0px;
	z-index: 1;
}

footer p,
div.footer p{
	color: grey;
}

/** CONTENT **/

div.content {
	margin: 0px;
    padding: 0px 50px 25px;
    height: auto;
    min-height: 100%;
	text-align: center;
	clear: both;
}

div.content-white {
	text-align: center;
	background: white;
	display: inline-block;
}

div.content-text-left {
	padding: 20px;
	text-align: left;
}

div.content-text-right {
	padding: 20px;
	text-align: right;
}

div.content-text-center {
	padding: 20px;
	text-align: center;
}
	
div.content-image-left {
	float: left;
	padding: 20px;
	text-align: left;
}

div.content-image-right {
	float: right;
	padding: 20px;
	text-align: right;
}

div.content-image-center {
	float: center;
	padding: 20px;
	text-align: center;
}