a:link { text-decoration:none; color:#003c6b; }
a:hover { text-decoration:underline; color:#7399b7; }
a:active { text-decoration:none; color:#7399b7; }
a:visited { text-decoration:none; color:#003c6b; }

body {
font-family:arial,helvetica,sans-serif; 
font-style:normal; 
font-weight:normal; 
font-size:0.9em; 
color:#212121;
background-color:#003c6b; 
margin:10px;
}

.nav { width: 100%; }
.nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; }
.nav ul li { display: inline-block; }
.nav ul li a { display: block; padding: 10px 20px; border:0.167em solid #000; text-decoration: none; background-color: #fff; color: #000; }
.nav ul li a:hover { background-color: #efefef; color: #0000ff; }

@media (max-width:48.000em){
	.example-header .container { width: 100%; }
  	.nav ul { width: 100%; font-weight: normal; }
  	.nav ul li { width: 50%; float: left; }
  	.nav ul li:nth-of-type(odd) a { border-right: 1px solid #ccc; }
  	.nav ul li a { padding: 8px 0px; border-bottom: 1px solid #ccc; display: block; }
}

p { font-family:arial,helvetica,sans-serif; font-style:normal; font-weight:normal; font-size:0.9em; color:#212121;
}

div.containerall { 
  color:#212121;
  background-color:#ffffff; 
  margin:10px;      

}

div.containerhead {
        background-color:#7399b7;
        padding:0.167em;
	width: 100%;
        height:68px;
        text-align:center;
}

div.containermain {
        background-color:#ffffff;
        padding:0.167em;
	width: 100%;   
}

.article
{
color:#000000;
}

p.copyright { text-align:center; }

h1 { text-align:center; }