html {
	position: relative;
	min-height: 100%;
	overflow-y: scroll;
}

body {
	background-color: #f3fbfa;
	margin: 0 0 136px; /*bottom footer height*/
	padding-bottom: 25px; 
}

/* Links */
a:link, a:visited, a:hover, a:active {
    color: #0b3c4c; text-decoration: underline;
}


/* Lines at top */
.header {
	text-align: left;
	border-bottom: 4px solid #0b3c4c;
}

.headertop {
	border-top: 4px solid #0b3c4c;
	padding-bottom: 2.5px;
	border-bottom: 1px solid #0b3c4c;
}

.header .line {
	border-bottom: 1px solid #0b3c4c;
	margin-bottom: 2.5px;
}

/* Navigation */
.headertopnav {
	padding-bottom: 2.5px;
	border-bottom: 1px solid #0b3c4c;
}
#nav-container {
	max-width: 100%;
	background-color: #0d6a71; 
}
#nav-container ul
{
	margin: .2em;
	padding: .5em;
	list-style-type: none;
	text-align: right;
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
	color: #f3fbfa;
}

#nav-container ul li { 
	display: inline;
 	border-left: 1px solid #f3fbfa;
}

#nav-container ul li a {
	text-decoration: none;
	padding: 1em;
	color: #f3fbfa;
}

#nav-container ul li a:hover {
	background-color: #0b3c4c;
	padding: .2em 1em;
}


/* Main content */
#content {
	margin: 1em;
	
	-webkit-columns: 3 8em; /* Chrome, Safari, Opera column-count, column-width */
	   -moz-columns: 3 8em; /* Firefox */
	        columns: 3 8em;

    -webkit-column-gap: 3em; /* Chrome, Safari, Opera */
       -moz-column-gap: 3em; /* Firefox */
            column-gap: 3em;

    -webkit-column-rule: 1px solid #0b3c4c; /* Chrome, Safari, Opera */
       -moz-column-rule: 1px solid #0b3c4c; /* Firefox */
            column-rule: 1px solid #0b3c4c;
}
	
	/* Aside */
	aside {
		-webkit-column-break-inside: avoid; /* Chrome */
				  page-break-inside: avoid; /* Firefox */
					   break-inside: avoid; /* IE 10+ */
	}
	
	/* Position small logo on right before footer */
	#logorightdiv {
		width: 100%; 
		height: 66px;
		background-color: #f3fbfa;
	}
	.logoright {
		float: right;
		padding: 0;
	} 

	/* Footer */
	footer {
		background-color: #0b3c4c;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 136px;
		width: 100%;
	}

	footer p.footer {
		padding-left: 3em;
		padding-top: 1em;
		text-align: left;
		font-size: .8em;
		color: #f3fbfa;
	}

	a.footer:link, a.footer:visited {
		color: #FFF;
		text-decoration: underline;
	} 

	a.footer:hover, a.footer:active {
		color: #f3fbfa;
		text-decoration: underline;
	}


/* Images */
	img {
		max-width: 100%; width: 100%; height: auto; padding-top: 0;
	}

	.width10 {width: 10px;}
	.width66 {width: 66px;}
	.width120 {width: 120px;}
	.width137 {width: 137px;}
	.width140 {width: 140px;}
	.width146 {width: 146px;}
	.width216 {width: 216px;}
	.width400 { width: 400px;}

	.box-shadow {
	-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
			box-shadow: 10px 10px 5px #888;
	}


/* Other */
h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 1em 0;
	color: #0b3c4c; clear: both;
}

.mt1 {margin-top: 1em;}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
font-size: 1em; padding: 1em 0;}
}

h4 {font-size: .9em; margin: 0; padding: 1em 0 0 0;}

h1, h2, h3, h4, footer, .nav {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
}

p  {
	margin: 0 0 1.4em;
	padding: 0 0 1em 0;
	text-align: justify;
}

.hang {
	margin-left: 0em;
	text-indent: -1em;
	padding-left: 1em;
}

h1 {
  font-size: 2vmax;
}
h2 {
  font-size: 1.7vmax;
}
h3 {
  font-size: 1.5vmax;
}
h4 {
font-size: 1.3vmax;}
p {
  font-size: 1.4vmax;
}

/* Links */
p a:link, a:visited, a:hover, a:active {
    color: #0b3c4c; text-decoration: underline;
}


/* Lists */
ul, ol {
	margin: 0 0 1.2em 0;
	padding: 0 0 1.4em 1em; 
}

ul.square {
	list-style-type: square;
}

ul.square li {
	color: #0b3c4c; 
}

.mb15 {margin-bottom: 1.5em;}

.mt2 {margin-top: 2em;}