html, body, div, span, applet, object, iframe,
h1, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: arial, sans-serif,  helvetica, Verdana;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: #7997ed;    
 /*   background-image: url("../graphics/bg.png");  background-repeat:repeat; */
    
}

/* Web page container to centre whole page */

#page-container {
 	margin-right: auto;
	margin-left: auto;
	width: 98%; /* Holding outermost DIV */
	max-width: 960px;
        background: #fff; 
	border:2px solid #5970B2;  	
}



hr {
margin: 0;
width: 100%;
height: 2px;
background-color:#5970B2;
color:#5970B2;
}
/* Navigational container */

#nav {
    text-align: justify;
    background: #002464;
    font-size: 1.25em;
    min-width: 300px;
}


#nav:after {
    content: '';
    display: inline-block;
    width: 98%;
    margin: 0 1%; 
}

#nav li {
        display: inline-block;
    }

/* Header container*/
#header_container {
    width: 100%; 
    font-size: 1.25em;   
}

#header_container a:link, a:visited {
    color: #000;
}

#header_container a:hover {
    background-color: #00ffff;
}
.body_container_header {
    display: table;
    width: 100%;
}

.col {   
  display: table-cell;
  width: 50%;
  padding: 5px;
  vertical-align: middle;
  text-align: center; 
}

.col_left {   
  display: table-cell;
  margin: 5px;
  width: 50%;
  vertical-align: middle;
  text-align: left; 
}

#nav a:link, a:visited {
    color: #fff;
}

#nav a:hover {
    background-color: #df0029;
}

/* Footer */
#footer {
 	clear: both;
 	height: 30px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	font-weight: 400;
	background: #5970B2;
	color: #000000;
}




#footer a:link {
	color: #000000;
}

#footer a:hover {
	color: #db6d16;
}

#footer_left {
 	clear:left;
 	width: 50%;
 	text-align: center;
	float: left;
    overflow: hidden;
}

#footer_right {
 	clear:right;
 	width: 50%;
 	text-align: center;
	float: right;
    overflow: hidden;
}
 

h2 {
	font-size:1.2em; 
	text-align:left;
	font-weight:bold;        
	margin-right:10px;
	margin-left:15px;
}
h3 {
 	color:#000088; 
	font-size:1.25em; 
	text-align:center;
	font-weight:bold
}

h4 {
 	color:#540606; 
	font-size:1em; 
	text-align:center;
	font-weight:bold
}





@media screen and (max-width: 640px) {
    
 #footer {
 	height: 60px;
}

#footer_left {
 	width: 100%;
}

#footer_right {
 	width: 100%;
} 
.col {
    display: block;
    width: 98%;
    margin: 0 1%;
  }
  
.col_left {
    display: block;
    width: 98%;
    margin: 0 1%;
  }  
    
}