html {
  font-size: 16px;
}
body
{
    margin-top: 0px;
    margin-left: 0;
    margin-right: 0;
    background: #EEEEEE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.title
{
background: #0063B6; color: #ffffff; height: 50px; border: 0px dotted black;  width: 100%;
}


A:link, A:active
{
    COLOR: #0000FF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #9000FF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #FF0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
TABLE
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: normal
}

TD
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13pt;
}
PRE
{
    COLOR: #000000;
    FONT-SIZE: 10pt;
}

img
{
border:0px
}

img.f
{
border:1px dotted #000000
}

a:hover img.f
{ border-style:solid }

a,a:hover
{ text-decoration:none }

a:hover
{ color:#FF0000 }

hr 
{ color: #287CCB; }

.smalltext
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px;
    TEXT-DECORATION: normal
}

.imglink {border:1px; border-thickness: 1px; border-color: #000; border-style: solid;}
A:hover .imglink, A:active .imglink {border:1px; border-thickness: 1px; border-color: #fff; border-style: solid}

A.englink:link, A.englink:visited, A.englink:active {
        COLOR: #2C6AC7;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 13px;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
}

A.englink:hover {
        COLOR: #2C6AC7;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 13px;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: underline;
}



A.menu:link, A.menu:visited, A.menu:active, A.menu:hover
        {
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 13px;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
}



A.menu-old:link, A.menu-old:visited, A.menu-old:active, A.menu-old:hover {
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 11px;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
}


A.side:link, A.side:visited, A.side:active, A.side:hover {
        COLOR: #1852A8;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 11pt;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
}

A.wblink:link, A.wblink:visited, A.wblink:active {
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 20px;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
}

A.wblink:hover {
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 20px;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: underline;
}

A.helplink:link, A.helplink:visited, A.helplink:active {
        COLOR: #0762b4;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: underline;
}

A.helplink:hover {
        COLOR: #0762b4;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
}

.helpbox {
        background-color: #ffffff;
        padding: 7px;
}


table.ctable {
        background-color: #dbe7ff;
        width: 100%;
        border-width: 1px 1px 1px 1px;
        border-spacing: 2px;
        border-style: outset outset outset outset;
        border-color: gray gray gray gray;
        border-collapse: collapse;
}
table.ctable td {
        border-width: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        border-style: inset inset inset inset;
        border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
}
.ctable2 {
margin-top: 20px; margin-bottom: 30px;
}

.grey {
    color: #b1b1b1;
}

h4 {font-size: 14pt; margin-top: 4px; font-family: Verdana, Arial;}
h3 {font-size: 16pt; font-family: Verdana, Arial;}


A.searchlink:link, A.searchlink:visited, A.searchlink:hover, A.searchlink:active
{
    COLOR: #0000FF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline

}


div.navigation
{
margin-left: 0px; 
margin-right: 0px; 
background: #f9e7ff; 
padding: 7px; 
border: 2px dashed #003AB1
}

div.round {
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border-radius: 7px;
}

div.roundtitle {
-moz-border-radius: 7px 7px 0 0; 
-webkit-border-radius: 7px 7px 0 0; 
border-radius: 7px 7px 0 0;
}

div.mainbox {
width: 60%; 
background: #dbeeff; 
padding: 20px; 
border: 2px dashed #003AB1;
}

@media (max-width: 1280px) {
	div.mainbox {
	width: 82%; 
	background: #dbeeff; 
	padding: 20px; 
	border: 2px dashed #003AB1;
		}
 	}


/*li {
margin-top: 5px;
margin-bottom: 5px;
}*/

#mc-container a:link {font-weight: normal;}
#mc-container a:visited {font-weight: normal;}

input, textarea {
    -webkit-transition: box-shadow .4s;
    transition: box-shadow .4s;
    width: 172px;
}
input:focus, textarea:focus {
    box-shadow: 0px 0px 7px #0057e8;
    width: 172px;
}

div.menu div
{
display: inline-block;
background-color: #1d7ac8;
margin-right: -1px;
margin-bottom: 4px;
padding: 4px;
}

div.menu div:hover {
   background-color:#54b1ff;
}

div.menu .activesection {
	background-color: #459ee9; 
	box-shadow:0px 0px 0px 1px #0e60a0 inset;
}


div.menu A {
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 11pt;
        TEXT-DECORATION: none;
}


nav.nav-collapse {background-color: #00569a;}
nav.nav-collapse li {display: inline; padding: 5px; margin-top: 15px; margin-bottom: 15px;}


.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;                                                                   
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
background-color: #00ff00;
}

nav.nav-toggle li {display: block; background-color: #ff0000; padding: 5px; margin-top: 15px; margin-bottom: 15px;}

.nav-toggle:before {
  color: #f4421a; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "Y";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #ff0000;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
background-color: #0000ff;
}