div.center {text-align: center; margin: 0 auto;}
html {zoom: 100%;}
.hidden {display: none;}
.unhidden {display: block;}
p.center {text-align: center;}
hr.line {display: block; border: 0; border-top: 8px solid #f1f1f4; height: 0; padding: 0; margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px; width: 350px;}
span.blue {color: #000099; font-family: Arial, Verdana, Helvetica, sans-serif;}
span.domain {color: #ffffff; float: right; padding-right: 10px; padding-top: 15px; font-size: .9em;}
div.linespace {margin: 35px 0;}

/* Very Small Device Begin max 500px */
@media only screen and (max-width: 500px) {
body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 100%; font-size: 100%; margin: 0 auto; height: 100%;}
header.small {width: 100%; background-color: #4a4a5e; height: 70px; position: relative; display: block; margin-top: 0;}
header.verysmall {width: 100%; background-color: #4a4a5e; height: 10px; position: relative; display: block; margin-top: 0;}
nav.mainindex {width: 100%; float: right; display: inline; height: 50px; position: relative; display: block;  background-color: #7e7e99; margin-top: 0;}
footer.small {background-color: #4a4a5e; padding: 5px; text-align: center; color: #ecf5fc; line-height: 80%; height: 65px; display: block; margin-bottom: 0;}
}
/* Very Small Device End */

/* Small Device Begin min 501px max was 800px*/
@media only screen and (min-width: 501px) and (max-width: 800px) {
body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 100%; font-size: 100%; margin: 0 auto; height: 100%; background: linear-gradient(to right, #434356 0%,#2d2d39 15%,#2d2d39 50%,#2d2d39 85%,#434356 100%);}
header.small {width: 100%; background-color: #4a4a5e; height: 70px; position: relative; display: block; margin-top: 0;}
header.verysmall {width: 100%; background-color: #4a4a5e; height: 10px; position: relative; display: block; margin-top: 0;}
nav.mainindex {width: 100%; float: right; display: inline; height: 50px; position: relative; display: block;  background-color: #7e7e99; margin-top: 0;}
footer.small {background-color: #4a4a5e; padding: 5px; text-align: center; color: #ecf5fc; line-height: 80%; height: 65px; display: block; margin-bottom: 0;}
}
/* Small Device End */

/* Large Device Begin min was 801px */
@media only screen and (min-width: 801px) {
body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 70%; font-size: 100%; margin: 0 auto; height: 100%; background: linear-gradient(to right, #434356 0%,#2d2d39 15%,#2d2d39 50%,#2d2d39 85%,#434356 100%);}
header.small {width: 100%; background-color: #4a4a5e; height: 80px; position: relative; display: block; margin-top: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
header.verysmall {width: 100%; background-color: #4a4a5e; height: 20px; position: relative; display: block; margin-top: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
nav.mainindex {width: 100%; float: right; display: inline; height: 50px; position: relative; display: block;  background-color: #7e7e99; margin-top: 0;}
footer.small {background-color: #4a4a5e; padding: 5px; text-align: center; color: #ecf5fc; line-height: 80%; height: 65px; display: block; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 20px;}
}
/* Large Device End */

@media print {body {width: 100%; background-color: #ffffff;}} 
p {font-size: 1em}
* {box-sizing: border-box;}
i {font-style: italic;}

/* Footer */
a.footer:link, a.footer:visited {color: #c6c6d2; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a.footer:hover, a.footer:active {color: #ffffff; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Content */
article {padding: 20px; width: 100%; font-size: .875em; background-color: #ffffff; border-left: 0 solid #7e7e99; border-right: 0 solid #7e7e99;}
article.normal {height: auto; overflow: auto; padding: 20px 20px 0 20px;}
@media print {article {border-left: 0; border-right: 0;}}
/* Content End */

/* Footer */
@media print {footer {display: none;}}
span.footer2 {color: #c6c6d2; font-size: .75em;}
div.copyright {position: relative; top: -20px; margin-right: auto; margin-left: auto;}
div.copyrightsm {position: relative; top: -35px; margin-right: auto; margin-left: auto; width: 310px;}

/*h1,h2,h3*/
h1 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000099; font-size: 1.7em; font-weight: bold; text-align: center;}
h1.large {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000099; font-size: 4em; font-weight: bold; text-align: center;}
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.6em; font-weight: bold; text-align:center;}
h2.large {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.7em; font-weight: bold; text-align:center;} 
h3 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.25em; font-weight: bold; text-align:center;}