body, td { font: 18px calibri,verdana, helvetica, arial, sans-serif }
td { vertical-align:top }
p { margin:0 0 .8em 0 }
a:link, a:visited { text-shadow:0 0 1px white;color:#c0c0c0; }
a:link, a:visited { text-shadow:0 0 1px white;color:#33c; }
a:hover, a:focus { text-decoration: underline; }
li { list-style:none }
a { text-decoration:none }
em { font-weight: bold }
p { margin-left: 15px }
h1 { color:#33c }
h2 { color:#33c }
h3 { color:#33c }
h4 { color:#33c }

body{font-size:230%;} 
@media(min-width:70em){body{font-size: 200%}}

body {
    margin: 0;
    padding: 0;
}

div.TitleWhiteBG {
    width:100%;
    height:85px;
    background-color: white;
    z-index: 4;
}

div.TitleSuperContainer {
    width:100%;
    height:85px;
    background-image: url("../images/Banner/eqns2.jpg");   
    opacity: 0.20;
    filter: alpha(opacity=20);
    z-index: 5;
}

div.TitleContainer {
    position: fixed;
    top:0;
    left:0; 
    width:100%;
    text-align: center;
    text-transform:uppercase;
    color: #282828;
    font-size: 500%;
    padding: 5px;
	z-index: 6;
}

div.TitleLogo {
	position: fixed;
	left:5px;
	top:5px;
	z-index:6;
}

div.VersionContainer {
	color:#282828;
	position: fixed;
	font-size: 150%;
	right:5px;
	top:5px;
	z-index:6;
}

div.SubTitleContainer {
     position: fixed;
     color:#282828;
     text-align: left;
     font-size: 200%;
     top:50px; 
     right:5px;
     z-index: 6;
}

div.SubTitle {
	position: relative;
	left:5px;
}

div.TopMenu {
    position:fixed;
    top: 0;
    left: 0;
    z-index:6;
    width:100%;
    font-size: 40%;
    color: white;
}

div.TopMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    color:white;
    z-index:20;
}

div.TopMenu li {
    float: left;
}

div.TopMenu li.dropdown a.dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

div.TopMenu li a:hover, div.TopMenu li a:focus, .dropdown:hover, .dropdown:focus {
    background-color: #282828;
}

div.TopMenu li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover, .dropdown-content a:focus {
    background-color: #f1f1f1;
    color:white;
}

.dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content {
    display: block;
}

div.MainContainer {
	position: relative;	
	width:100%;
	background-color: white;
	z-index: 1;
	font-size: 50%;
    top:140px;
    padding:10px;
}

div.LeftSideContainer {
	width:200px;
	float:left;
	font-size:70%;
}

div.DescriptionContainer {
	width:500px;
	float: left;
	padding:20px;
	line-height: 120%;
}

div.Home {
    position:fixed;
    top:200px;
    left:80px;
    text-align:center;
    opacity: 0.40;
    filter: alpha(opacity=40);
    z-index: 3;
}

div.HomeText {
    position:fixed;
    top:200px;
    left:0px;
    width:100%;
    color:#282828;	
    font-size:200%;
    text-transform:uppercase;
    text-align:center;
    z-index: 4;
}

div.Footer
{
     position:fixed;
     bottom:0;
     width:100%;
     text-align: center;
     color: white;
     font-size: 40%;
     padding: 5px;
     z-index: 2;
     background-color:#282828;
}

div.Footer a { 
     position:absolute; 
     width:100%; 
     height:100%; 
     top:0; 
     left:0; 
     text-decoration:none; 
     z-index:10; 
}

div.LinkBlockContainer {
    margin: 0 auto; 
    padding-top: 350px;
    display: table;
    text-align:center;
}

div.LinkBlock 
{
    margin:10px;
    display: table-cell;
}


div.LinkBlock a
{
    vertical-align:middle;
    background-color:#f7f7f7;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px; 
    border-radius: 10px;
    color: #282828;
    text-decoration:none;
}

div.LinkBlock a:hover
{
    background-color:#282828;
    color: white;
    text-decoration:none; 
}

div.LinkBlock a.focus
{
    background-color:#282828;
    color: white;
    text-decoration:none; 
}


@media(min-width:70em){div.MenuContainer{top: 130px;}}
@media(min-width:70em){div.MenuContainer{width: 60%}}
@media(min-width:70em){div.MenuContainer{font-size: 40%}}