sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }

body{
background-color: #188FD9;
}

h1{
text-align: center;
font-size: 2.9em;
color: #0B438C;
font-family: 'Roboto', sans-serif;
}

h2{
color: #0B438C;
font-family: 'Roboto', sans-serif;
}

h3{
font-family: 'Roboto', sans-serif;
font-size: 1.1em;
}

h4{
color: #0B438C;
font-family: 'Roboto', sans-serif;
text-align: center;
font-size: 1em;
}

p{
text-align: justify;
}

.contentimagediv
{
float: left;
display: inline-block;
text-align: center;
margin-right: 2em;
padding: 5px 0px 2px 5px;
}

.contentrightimagediv
{
float: right;
display: inline-block;
text-align: center;
margin-left: 1em;
padding: 5px 0px 2px 5px;
}

.contentimage
{border: 1px solid black;}

#socialstuff
{
background-color:#EEEEEE;
display:inline-block;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
padding-top: 1em;
position: absolute;
top: 0px;
right: 0px;
}

#wrapper
{
width: 95%; 
margin-left: auto;
margin-right: auto;
height: auto;
overflow: hidden;
}

#bannerholder
{
display:block;
}

#banner
{
display: table;
height: 6em;
width: 100%;
overflow: hidden;
background-color: #0B438C;
}

#bannertext
{
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 4em;
font-family: 'Roboto', sans-serif;
font-weight: bold;
color: #FFFFFF;
}

#topmenu
{
display: block;
padding-left: 0.5em;
padding-top: 0.3em;
padding-bottom: 0.45em;
background-color: #F2DDB6;
text-align:center;
}

#topmenu br
{line-height: 25px;
}

.menulink
{
text-decoration: none;
color: black;
}

.menuitem
{
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
border: 2px solid #F2DDB6;
display: inline;
border-top: 0px;
margin-right: 0.2em;
padding-left: 0.3em;
padding-right: 0.3em;
background-color: #F2DDB6;
border-radius: 6px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-size: 1.1em;
}

.menuitem:hover
{
border:2px solid #F2BC79;
border-top: 0px;
background-color: #F2BC79;
color: #0B438C;
}

.currentmenuitem
{
border: 2px solid #F2BC79;
display: inline;
border-top: 0px;
margin-right: 0.2em;
padding-left: 0.3em;
padding-right: 0.3em;
background-color: #F2BC79;
border-radius: 6px;
font-weight: bolder;
font-family: 'Roboto', sans-serif;
font-size: 1.3em;
}

#wrappersmall
{
overflow: hidden;
display: table;
}

#leftstrip
{
background-color: #F2BC79;
min-width: 180px;
height: 100%;
text-align: center;
padding-top: 3em;
display: table-cell;
}

#midstrip
{
vertical-align:top;
background-color: #FFFFFF;
display: table-cell;
height: 100%;
width: 100%;
}

#content
{
background-color: #FFFFFF;
font-family: 'Voces', sans-serif;
line-height: 1.5em;
font-size: 0.9em;
margin-left: auto;
margin-right: auto;
width: 90%;
position: relative;
}

.contentad
{
margin-left: auto;
margin-right: auto;
width: auto;
text-align: center;
}

.contentadfloatright
{
float: right;
margin: 0em 1em 1em 1em;
}

.contentadfloatleft
{
float: left;
margin: 0em 1em 1em 1em;
}


#policy
{
text-align: center;
font-size: 0.8em;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 1em;
}