@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'Josefin Sans';
	src:url(/css/fonts/Josefin_Sans/JosefinSans-Regular.ttf)format('truetype');
}
@font-face {
	font-family:'Josefin Sans';
	src:url(/css/fonts/Josefin_Sans/JosefinSans-Bold.ttf)format('truetype');
        font-weight: bold;
}
@font-face {
	font-family:'Josefin Sans';
	src:url(/css/fonts/Josefin_Sans/JosefinSans-Italic.ttf)format('truetype');
        font-style: italic;
}
@font-face {
	font-family:'Josefin Sans';
	src:url(/css/fonts/Josefin_Sans/JosefinSans-BoldItalic.ttf)format('truetype');
        font-weight: bold;
        font-style: italic;
}
@font-face {
	font-family:'Josefin Sans';
	src:url(/css/fonts/Josefin_Sans/JosefinSans-Light.ttf)format('truetype');
        font-weight: 100;
}

body {
	background:#E2E3EC;
	min-width:425px;
	margin:0px;
	font-family: 'Josefin Sans', sans-serif;
	color:#333;
	font-size:18px;
}

/* Link styles */
a:link {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#666;
}

/* Heading styles */
h1{
	color:#9eb6a3;
	margin:10px;
	font-size: 50px;
}

h1 a:hover {
	text-decoration:none;
}
h1 a:visited {
	color:#9eb6a3;
}

h2 {
	color:#6487aa;
}

.pageContainer {
	text-align:center;
	width:100%;
	max-width:1500px;
	overflow:auto;
	margin: 0 auto;
}

/* Navigation Bar */

.navigationContainer {
	background:#efefef;
	width:100%;
	min-height:50px;
	text-align:center;
	position:relative;
	box-shadow: 0 2px 5px 0 #CCC;
}

.navigationContainerFixed {
	background:#efefef;
	width:100%;
	min-height:50px;
	text-align:center;
	top:0px;
	position:fixed;
	z-index:1;
	box-shadow: 0 2px 5px 0 #CCC;
}

a.navButton {
	width:120px;
	height:40px;
	padding:5px;
	display:inline-block;
	line-height:40px;
	margin:5px 0px 5px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
}

a.navButton:Hover {
	background:#FFF;
	cursor:pointer;
	text-decoration: none;
}

/* Page Structure */

.sectionContainerA {
	background:#FFF;
	min-height:300px;
	padding:10px 0px;
}

.sectionContainerB {
	background:#F6F9FA;
	min-height:300px;
	padding:10px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.subHeader {
	width:90%;
	min-height:50px;
	margin:0px auto;
	border-bottom:#3f814c 1px solid;
	line-height:40px;
}

.sectionContent {
	width:85%;
	margin:5px auto;
	text-align:left;
}

.subSectionImage {
    position: relative;
    padding-top:10px;
    text-align: center;
}

.subSectionImage img {
	width:80%;
	border:solid 2px #9eb6a3;
}

.imageOriginalSize {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.imageOriginalSize img{
    width: auto;
    border: none;
}

.subSectionContent {
	width:60%;
	display:inline-block;
}

.subSectionImage {
	width:40%;
	display:inline-block;
	vertical-align:top;
}

.subSectionImageLeftSide {
	text-align:left;
}
.subSectionImageRightSide {
	text-align:right;
}


/* Page Seperator */
.leafSeperator {
	background-position:center;
	background-repeat:no-repeat;
	height:50px;
	width:100%;
	text-align:center;
	margin-top: 20px;
	margin-bottom:20px;
}

@media only screen and (min-width: 1000px){
	.leafSeperator {
		background-image:url(../img/index/leaf_seperator_large.png);
	}
}

@media only screen and (min-width: 600px) and (max-width: 999px){
	.leafSeperator {
		background-image:url(../img/index/leaf_seperator_medium.png);
	}
}

@media only screen and (max-width: 599px){
	.leafSeperator {
		background-image:url(../img/index/leaf_seperator_small.png);
	}
}

/* Footer */

.footerContainer {
	background:#2b3187;
	width:100%;
	min-height:50px;
	padding:5px 0px;
	color:#fff;
	text-align:center;
	display:inline-block;
	font-size: 14px;
	box-shadow: 0 -2px 5px 0 #CCC;
}

.footerContent{
	min-width:100px;
	display:inline-block;
	margin-top:5px;
	margin:10px;
}

.footerContentLinks{
	min-width:100px;
	margin:10px;
}

.footerContentLinks a {
	color:#FFF;
	display:inline;
	margin:0px 10px;
}

@media only screen and (max-width:700px) {
	
	body {
		font-size:16px;
	}
	
	h1 {
		font-size: 40px;
	}
	
	a.navButton {
		width:100px;
		height:25px;
		line-height:25px;
		padding: 2.5px;
	}
	
	.subSectionContent {
		width:100%;
	}
	
	.subSectionImage {
            position: relative;
		width:100%;
		text-align:center;
	}
        
	.footerContainer {
		font-size:10px;
	}
}