body
{
background-color:#fafafa;
color:#ffffff;
font-family:Segoe UI,Helvetica, sans-serif;
font-size:19px;
font-weight:400; 
line-height:1.7;
}

button
{
border:1px solid #ffffff;
padding:15px;
color:#ffffff;
background-color:transparent;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */
}

button:hover {text-decoration:none;background-color:#2222ee;}


/*  		 Links  		*/

a.nav0:link {font-size:15px; text-decoration:none;text-align:center;color:#ffffff;}
a.nav0:visited {font-size:15px; text-decoration:none;text-align:center;color:#ffffff;}
a.nav0:hover {text-decoration:none;text-align:center;color:#ffffff;animation-name: blowup;animation-duration: 1s;}
a.nav0:active {font-size:15px; text-decoration:none;text-align:center;color:#ffffff;}

a.nav1:link {font-size:17px; font-weight:400; text-decoration:none;text-align:left;color:#ffffff;}
a.nav1:visited {font-size:17px; text-decoration:none;color:#ffffff;}
a.nav1:hover {font-size:17px; text-decoration:none;font-weight:600;color:#ffffff;}
a.nav1:active {font-size:17px; text-decoration:none;color:#ffffff;}

a.nav2:link {text-decoration:none;}
a.nav2:visited {text-decoration:none;}
a.nav2:hover {text-decoration:none;color:#ffffff;}
a.nav2:active {text-decoration:none;}

a.nav3:link {font-size:14px; text-decoration:none;text-align:left;color:#ffffff;}
a.nav3:visited {font-size:14px; text-decoration:none;color:#ffffff;}
a.nav3:hover {font-size:14px; text-decoration:none;font-weight:800;color:#ffffff;}
a.nav3:active {font-size:14px; text-decoration:none;color:#ffffff;}

a.nav4:link {font-size:17px; text-decoration:none;text-align:center;color:#777777;}
a.nav4:visited {font-size:17px; text-decoration:none;text-align:center;color:#777777;}
a.nav4:hover {font-size:17px; text-decoration:none;text-align:center;color:#777777;}
a.nav4:active {font-size:17px; text-decoration:none;text-align:center;color:#777777;}

a.nav5:link {font-size:17px; text-decoration:none;text-align:center;color:#5398D1;}
a.nav5:visited {font-size:17px; text-decoration:none;text-align:center;color:#5398D1;}
a.nav5:hover {font-size:17px; text-decoration:none;text-align:center;color:#2222ee;}
a.nav5:active {font-size:17px; text-decoration:none;text-align:center;color:#5398D1;}


hr{color:#66aaff;}

/*  		 Divs  		*/

input[type = text], input[type = submit], select, textarea 
{
text-align:center;
border:1px solid #555555;
color:#777777;
font-family:arial, sans-serif;
font-size:14px;
} 

input[type = submit]
{
background-color:#bbbbbb;
}

input[type = submit]:hover
{
background-color:#dddddd;
}

#headnav
{
//border:1px solid #ffffff;
position:absolute;
padding-left:1%;
padding-top:20px;
top:-500px;
text-align:right;
left:0%;
width:99%;
background-color:#2222ee;
color:#eeeeee;
-webkit-transition: top 1s; /* Safari */
transition: top 1s;
z-index:7;
}


#headmain
{
position:relative;
padding-top:0px;
text-align:center;
left:0%;
width:100%;
//background-color:#2222ee;
z-index:4;
}

#backmain
{
position:relative;
top:50px;
left:0%;
width:96%;
padding:2%;
color:#555555;
background-color:#fafafa;
line-height:1.7;
text-align:left;
padding-bottom:170px;
}

#homemain
{
position:relative;
top:50px;
left:0px;
width:96%;
padding:2%;
color:#555555;
background-color:#444444;
line-height:1.6;
text-align:center;
padding-bottom:170px;
}

#foot1
{
position:relative;
left:-7px;
bottom:0px;
width:100%;
padding-top:30px;
padding-bottom:30px;
padding-right:5px;
text-align:center;
color:#ffffff;
font-size:16px;
background-color:#5398D1;
z-index:3;
}

#outer
{
text-align:center;
position:absolute;
width:100%;
left:0%;
top:0%;
background-color:#fafafa;
background-image:url('https://unsplash.com/photos/5viuCBIXywA');
background-repeat: no-repeat;
background-size:100% auto ;
background-position: 50% -200px;
z-index:4;
}

#outer2
{
text-align:center;
position:absolute;
width:100%;
left:0%;
top:0%;
background-color:#fafafa;
background-image:url('https://unsplash.com/photos/5viuCBIXywA');
background-repeat: no-repeat;
background-size:contain;
background-position:top;
z-index:4;
}

#b1
{
opacity:0.5;
background-image:url('images/DashboardMap.png');
background-repeat: no-repeat;
background-size:100% 100% ;
-webkit-transition: opacity 1s; /* Safari */
transition: opacity 1s;
font-size:20px;
text-align:center;
width:40%;
height:150px;
padding:5%;
vertical-align:text-top;
border:1px solid #ffffff;
background-color:#66aaff;
z-index:4;
}

#b2
{
opacity:0.5;
background-image:url('images/DashboardMap.png');
background-repeat: no-repeat;
background-size:100% 100% ;
-webkit-transition: opacity 1s; /* Safari */
transition: opacity 1s;
font-size:20px;
text-align:center;
width:40%;
height:150px;
padding:5%;
vertical-align:text-top;
border:1px solid #ffffff;
background-color:#66aaff;
}

#menu
{
position:absolute;
left:95%;
top:30px;
font-size:40px;
color:#ffffff;
}

.menu2
{
font-size:12px;
color:#ffffff;
line-height:1.8;
vertical-align:text-top;
text-align:left;
padding-left:10px;
  -moz-tab-size: 4; /* Firefox */
padding-top:10px;
  tab-size: 4;
z-index:5;
}

#expander
{
position:fixed;
padding:10px;
border:0px solid #66aadd;
font-size:16px;
visibility:hidden;
color:#ffffff;
background-color:#5398D1;
z-index:12;
line-height:1.8;
width:250px;
}

#headimage
{
width:100%;
}

#form1
{
position:relative;
left:20%;
width:50%;
background-color:#ffffff;
text-align:left;
padding:5%;
}

#robotter
{
position:relative;
vertical-align:bottom;
left:47%;
width:40px;
height:40px;
border:2px solid #000000;
background-color:#ffffff;
font:normal 30px Segoe UI ,veranda, arial,sans-serif;
color:#11aa11;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */
}

#navigator, #rsinavigator, #fsinavigator
{
position:fixed;
width:100%;
height:70px;
left:0px;
top:0px;
opacity:0.8;
padding-top:10px;
padding-left:10px;
z-index:10;
text-align:left;
background-color:#5398D1;
border:1px solid #66aadd;
line-height:1.2;
}

#submenu
{
visibility:collapse;
}

#menuitem1, #menuitem2, #menuitem3, #menuitem4
{
padding-left:20px;
background-color:#5398D1;
opacity:1;
z-index:10;
}