html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,ol,ul,li,figure  {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML ELEMENTS */
body {
	
	}

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:100%; }
.headerimg { background-repeat: no-repeat; background-size:cover; position:fixed; 
    left: 0px; 
    top: 0px;
	back
	 }


/* CONTENT */
#content {}


div
{
	font-family:LibreBaskerville;
	font-size:8px;
	line-height:13px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
}	

p1
{
	font-family:SofiaProLight;
	font-size:7px;
	-webkit-font-smoothing:antialiased;
}

#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}

#topbar {
	float: left;
	position:relative;
	width:100%;
	height:20px;
	text-align:center;
	background-color:white;
}

#content{
	width:100%;
	height: 100%;
	float: left;
	position:relative;
}

img.gif
{
height:40px;
width:40px;
}

img.logo
{
height:85px;
width:71px;
}

#box{
	width: 234px;
    height: 100px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#midbox{
	padding: 3px 10px 10px 10px;
	background-image:url(../images/textbox.png);
	background-repeat:no-repeat;
	background-size: 234px 100px;
	width:234px;
	height:100px;
	color:white;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#midboxL{
	float: left;
	position:relative;
	padding-top:20px;
	padding-left:5px;
	padding-right:0px;
}

#midboxR{
	padding-top:3px;
	padding-left:16px;
	float: left;
	position:relative;
}

#logo{
	float: left;
	position:relative;
	padding-left:10px;
	padding-top: 5px;
}

#btmbar {
	text-align:center;
	position:fixed;
    left:0px;
    bottom:0px;
    height:20px;
    width:100%;
	background-color:white;
}

a:visited {color:white;}
a:link {color:white;}
a:hover {color:white;}
a:active {color:white;}