/* FSE.com CSS Document 415D2D*/
body
{
	background-color: #222222 ;
	color: #666666;
}

#container
{
	width: 890px;
	background-color: #ffffff;
	margin-top: -5px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border-top: 1px #222222 solid;
	border-left: 1px #222222 solid;
	border-right: 1px #222222 solid;
	border-bottom: 1px #222222 solid;
border-radius: 5px ; 
}

nav 
{
	background-color:#115577;
	list-style:none;
	text-align:center;
	border-top: 3px #e3e3e3 solid;
	border-bottom: 3px #e3e3e3 solid;
}

nav ul 
{
    margin: 0;
    padding: 0;
} 

nav li
{
	display: inline-block;
	list-style-type: none;
	line-height: 38px;
	height: 38px;
}

nav a
{
	display:inline-block;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	font-weight: bold;
	color: #eeeeee;
	transition: .1s background-color;    
}

nav li a:hover
{
	color: #ffffff;
	background-color:#222220;
	text-decoration:none;
	border-left: 0px #337799 solid;
	border-right: 0px #337799 solid;
}

nav > ul > li > div 
{
	background-color: #333333;
	border-top: 0;
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

nav > ul > li:hover > div 
{
	display: block;
	opacity: 1;
	visibility: visible;
}

nav > ul > li > div ul > li 
{
	display: block;
	text-align:left;
}

nav > ul > li > div ul > li > a 
{
	display:inline-block;
	text-decoration: none;
	font-weight: bold;
	color: #eeeeee;
	width: 110px;
}

nav > ul > li > div ul > li:hover > a 
{
	color: #ffffff;
	background-color:#222220;
	text-decoration:none;
	border-left: 1px #337799 solid;
	border-right: 1px #337799 solid;
	border-top: 1px #337799 solid;
	border-bottom: 1px #337799 solid;
	width: 110px;
}

h3 {
	color:#115577;
}

#body 
{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 1px;
}

#tableheader {display: block;}
#tableheader td {display: inline-block;}
#tabledownload {width:100%;}
#tabledownload td {width:50%;vertical-align:top;}

img.base {
border:0;
max-width:100%;
height:auto;
}

img.mid {
vertical-align:middle;
border:0;
max-width:100%;
height:auto;
}

img.midh {
display: block;
margin: 0 auto;
clear: right;
border:0;
max-width:100%;
height:auto;
}

img.midspc {
vertical-align:middle;
border:0;
padding:5px 5px 5px 5px;
max-width:100%;
height:auto;
}
img.midpadtop {
	vertical-align:middle;
	padding-top:10px;
	border:0;
	max-width:100%;
	height:auto;
}

#Download p {
    margin: 0px;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

#container
{
	width: 100%;
	background-color: #ffffff;
	margin-left: 0;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border-top: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
}

nav 
{
	background-color:#115577;
}

nav ul {
	text-align:center;
	list-style:none;
    margin: 0;
    padding: 0;
} 

nav li
{
	width:100%;
	line-height: 35px;
	height: 35px;
	border-bottom:1px #111111 solid;
}

nav a {
	display:block;	
	text-decoration: none;
	font-weight: bold;
	color: #eeeeee;
}

nav li a:hover
{
	color: #ffffff;
	background-color:#222220;
	text-decoration:none;
}

#tabledownload {display:block;}
#tabledownload td {display:inline-block;}
}