


.maincontent {
width: 95%;
padding: 20px 0px 0px 20px;
}


a.mlink {
color: #003f67;
cursor: pointer;
text-decoration: none;
}


a.mlink:hover {
color: #003f67;
outline: none;
text-decoration: underline;
}

a.mlink:focus {
color: #003f67;
outline: none;
text-decoration: underline;
}

a.mlink:active {
color: #003f67;
outline: none;
text-decoration: underline;
}


body { font-size: 14px;line-height: 120%;font-family: Lato,arial,Helvetica; }
h1 { font-size: 2.5em;margin: 0px;padding-bottom: 15px;color: #003f67;font-family: Lato,arial,Helvetica; }
h2 { font-size: 2em;margin: 0px;padding-bottom: 15px;color: #003f67;font-family: Lato,arial,Helvetica; }
h3 { font-size: 1.8em;color: #003f67;font-weight: bold;font-family: Lato,arial,Helvetica; }
p { font-size: 1.6em;line-height: 120%;color: #003f67;font-family: Lato,arial,Helvetica;padding: 0px;margin: 0px; }
a { font-size: 1.0em;color: #003f67;font-family: Lato,arial,Helvetica;padding: 0px;margin: 0px; }


@media screen and (min-width: 10px)
{
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; }
p { font-size: 1em; }
}


@media screen and (min-width: 460px)
{
h1 { font-size: 1.9em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.0em; }
p { font-size: .9em; }
}


@media screen and (min-width: 510px)
{
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; }
p { font-size: 1em; }
}

@media screen and (min-width: 660px)
{
h1 { font-size: 2.1em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
p { font-size: 1.1em; }
}




#mcol1 {
padding-right: 50px;
}


#mcol2 {
padding-right: 70px;
}


@media screen and (max-width: 450px)
{
#mcol1 {
padding-right: 10px;
}


#mcol2 {
padding-right: 10px;
}
}



/*
style="border: 1px solid #000000"
*/



.mnav  {
height: 50px;
width: 100%;
background-color: #c9b289;
padding: 0px;
}

.mnavi  {
height: 100px;
width: 100%;
background-color: #003f67;
padding: 0px;
}

.nav  {
padding: 20px;
float: right;
font-size: 15px;
color: #fff;
}

.nav a  {
text-decoration: none;
}

h2 {
padding: 20px;
float: left;
}



.grey  {
text-align: left;
display: table;
margin: 0px; 
width: auto;
height: 130px;
/*margin-top: 20px;*/
/*margin-left: 20px;*/
/*margin-bottom: 20px;*/
background-color: #eee;
padding: 10px 20px;
color: #033c5a;
}




#people  {
margin: 0px 15px 0px 0px;
float: left;
}

@media screen and (max-width: 600px) {
#people  {
display: none;
}
}





