@charset "UTF-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:900px;
}
body {
	width: 100%;
	font-family: "Raleway", sans-serif;
	color: #FFFFFF;
/*	    background-color: #3182c9;*/
    background-color: #2f9dbfff;
	list-style-type: circle;
	z-index: 0;
}

.MainPageContent {
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}

H1 {
	display: block;
	position: absolute;
	font-family: 'Jura', 'Arial', "sans-serif";
	width: 60%;
	color: #565656;
	text-transform: lowercase;
    top: 20px;
	left: 20px;
	margin-top: 15px;
	margin-bottom: 3ex;
    margin-left: 0;
    padding-left: 0;
	z-index: 5;
	font-size: 2em;
}

H2 {
	display: block;
	position: relative;
	font-family: 'Jura', 'Arial', "sans-serif";
	/*	text-transform: lowercase; */
	text-align: left;
	color: #FFFFFF;
	text-decoration: underline;
/*	-moz-text-decoration-color: #1EA886; /* Code for Firefox */*/
/*	text-decoration-color: #1EA886;  */
	width: 65%;
	top: 0px;
	left: 0px;
	margin-top: 5px;
    padding-bottom: 0px;
	z-index: 5;
	font-size: 1.5em;
}

H3 {
	display: block;
	position: relative;
    font-family: 'Jura', 'Arial', "sans-serif";
	z-index: 7;
	text-align: left;
    padding-left: 7%;
	padding-top: 2%;
	padding-bottom: 1%;
	letter-spacing: 150%;
    font-size: 1.2em;
}

.LayoutDivLogo2 {
	display: block;
	position: relative;
	top: 10px;
	width: 70%;
	padding: 5px 5px 5px 5px;
	z-index: 6;
}

.LayoutDivProfile {
	display: block;
	position: relative;
	margin-top: 3em;
	height: auto;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	max-width:1600px;
	padding: 0 20px 20px 0;
	text-align: center;
	z-index: 1;
}

.LayoutDivClass1h {
	display: block;
	position: relative;
	text-align: left;
	left: 0px;
	width: 90%;
	margin-bottom: 22pt;
	margin-top: 45pt;
	margin-left: 15%;
	margin-right: auto;
    padding: 0 20px 20px 0;
	z-index: 2;
}
.LayoutDivPa {
	display: block;
	position: relative;
	margin-left: 15%;
}
.LayoutDivList {
	display: inline;
	width: 90%;
	margin-left: 5%;
	margin-right: auto;
	text-align: left;
	line-height:2em;
	color: #FCFCFC;
}

.LayoutDivContact1 {
	visibility: hidden;
}
.LayoutDivContact2 {
	display: block;
	position: relative;
	width: 90%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	top: 5px;
	text-align: center;
	padding: 0 0 0 0;
}
.LayoutDivContact3 {
	display: block;
	position: relative;
	width: 90%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	top: 1em;
	text-align: center;
	padding: 0 0 0 0;
}
/* Mobile Layout: 480px and below. */

@media only screen and (min-width: 880px) {
.MainPageContent {
	width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.LayoutDivLogo2 {
	top: 15px;
	width: 55%;
}
}

@media only screen and (min-width: 1160px) {

.MainPageContent {
	width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.LayoutDivLogo2 {
	display: block;
	position: absolute;
	left: 2em;
	top: 2em;
	width: 70%;
	padding: 5px 5px 5px 5px;
	z-index: 6;
}
.LayoutDivProfile {
	display: block;
	position: absolute;
    top: 140px;
    right: 5px;
	margin-top: 2px;
	height: auto;
	width: 50%;
	margin-left: 5%;
	margin-right: auto;
	max-width:1600px;
	text-align: left;
	z-index: 1;
}

.LayoutDivClass1h {
	display: block;
	position: absolute;
	text-align: left;
	width: 44%;
    top: 140px;
	margin-bottom: 12pt;
	margin-top: 22pt;
	margin-left: auto;
	margin-right: auto;
}
.LayoutDivContact1 {
	visibility: visible;
	display: block;
	position: relative;  
	width: 90%;
	max-width: 600px;
	margin-left: 5%;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
.LayoutDivContact2 {
	visibility: hidden;
}
.LayoutDivContact3 {
	visibility: hidden;
}
}