/*    Site wide    */

body
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
    padding:0;
	margin: 0;
	overflow-x:hidden;
	overflow-y:scroll;
}


/*    4 full width sections   */

#headerbar, #navbar, #mainbar, #footerbar
{
	position: fixed;
	width:100%;
}

#navbar, #footerbar
{
	background-color:#303030;
	
}


#headerbar
{
	height:8em;
	top:0px;
	z-index:10;
	background-color:#ffffff;
}

#navbar
{
	height:2.5em;
	top:8em;
	z-index:10;
	border-bottom: #9a258f 3px solid;
}

#mainbar
{
	background-color:#E7E7E7;
	background: url(../images/background.jpg);
	background-repeat:no-repeat;
    background-size: cover;
	top:10.5em;
	bottom:3em;
	height:auto;
	z-index:-1;	
}

#footerbar
{
	height:3em;
	bottom:0px;
	z-index:10;
	border-top: #9a258f 3px solid;
}


/*    4 narrow content sections   */

#headercontent, #nav, #maininner, #footercontent
{
	width:60%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 55em;
}

#headercontent
{
	position:fixed;
	color: white;
	height:8em;
	/*background-color:#003B67; */
	top:0px;
	z-index:10;
}

#nav
{
	position:fixed;
	height:2.5em;
	/*background-color: white;*/
	top:8em;
	z-index:10;
}

#maininner
{
	position:absolute;
	background:rgba(255,255,255,0.8);
	font-size: 1em;
	z-index:8;
	min-height:calc(100% - 13.5em);
	margin-top:10.5em;
	margin-bottom: 3em;
	padding-bottom:2em;
	padding-left:0.5em;
	padding-right:0.5em;
}

#footercontent
{
	position: fixed;
	/*background-color:#003B67; */
	z-index:10;
	bottom:0px;
	color: #8fb430;
	height:3em;

}





/*    Header   */

#mainlogo, #mainlogo img
{
	position:absolute;
	left:30px;
	top:5px;
	max-height: 7em;
	max-width: 35em;
	
}


#loginbutton
{
	position:absolute;
	background-color:#8fb430;
	width:120px;
	height:40px;
	right: 50px;
	top:40px;
	border-radius: 10px;
}

#loginbutton a
{
	position:absolute;
	left: 20px;
	top:10px;
	color:white;
	text-decoration:none;
	font-weight:500;

}


/*    Navigation   */

#nav a
{
	text-decoration: none;
	color:#8fb430;
}
#nav a:hover
{
	text-decoration:underline;

}


#navbutton
{
	position:relative;
	float:left;
	margin:10px 25px;
	bottom:0px;
	
	
}






/*    Main    */


h1
{
	font-size: 1.5em;
	font-weight:bolder;
	color: #003B67;
	top:1em;
	margin-bottom:2em;
	
}

h2
{
	font-size: 1em;
	font-weight:bold;
	margin-bottom:0.5em;
	margin-top:1.5em;
}

/*    Footer   */

#footercontent a
{
	text-decoration: none;
	color:#8fb430;
}


#footeritemL
{
	position:relative;
	float:left;
	margin:10px 25px;
	bottom:0px;
	color: white;
	
}
#footeritemR
{
	position:relative;
	float:right;
	margin:10px 25px;
	bottom:0px;
	color: white;
	
}