/* CSS Document */


body
{
margin:0px auto auto auto;
}

#topad {position:relative;width:100%;max-height:90px;background:rgb(62,71,138);text-align:center;margin-top:0}


.maincontent
{
position:relative;
margin:0 1em;
}

#sidenav
{
width:200px;
float:right;
min-height:300px;
}

#header
{        
background-color:#708090;
background-image:url('images/header.jpg');
border-bottom:solid 1px #000;     
}


#header1
{
margin:auto;
position:relative;
text-align:center;
height:140px;
white-space:nowrap;
overflow:hidden;
font-size:1.5em;   
}

.title {font-size:2em;text-decoration:underline;text-align:center;z-index:2;text-shadow: 2px 2px 4px #000000}


.headerlock
{position:fixed;left:0px;right:0px;top:0px;z-index:50}
.headerpad {height:170px}
.headerunlock{position:relative}

#logoimage {max-width:306px;height:140px;position:absolute;left:2em;top:0px;z-index:0; }

#header2
{
position:relative;
text-align:center;
color:#fff;
margin:10px auto auto auto
}

#headnav
{
position:relative;
width:100%;
margin:auto;
text-align:center;
z-index:2 ;
}

.rfloat30
{float:right;width:28%}

.lfloat30
{float:left;width:28%}

.lfloat70
{float:left;width:68%}

.rfloat70
{float:right;width:68%}

.lfloat50
{float:left;width:48%}

.rfloat50
{float:right;width:48%}

.rfloat40
{float:right;width:38%;margin-top:1em}

.lfloat60
{float:left;width:58%;margin-top:1em}









#popnav{left:15vw;right:15vw;top:10vh;bottom:10vh;}

#menu-mobile {z-index:40;position:absolute;right:3vw;top:1em;width:4em;cursor:pointer}


.topleft {width:60%;float:left;}

.topright {width:36%;float:right;}

.ftext {font-size:1.8vw}