@charset "utf-8";
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to 
	account for differing browser defaults */
	padding: 0;
	max-width: none;
	/*text-align: center;     this centers the container in IE 5 browsers. 
	The text is then set to the left aligned default in the #container selector */	
}

.container {
    font: 100% Verdana, Arial, Helvetica, sans-
		serif;
    color: #000;
    background-color: #FFFFFF;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left;
    max-width: 960px;
    width: 95%;
}

header {
    /* [disabled]max-width: 960px; */
    background-color: #0348A3;
    max-height: 300px;
    border-style: double;
    border-color: #0F01FE;
}
header h2 {
   color: #FFFFFF;
   padding-top: 10px;
   height: 300px;
}

img {
   border: 5px solid #00008F;
   margin-right: 10px;
   float: left;
   max-width: 95%;
   height: auto;
}

nav {
   color: #FFFFFF;
   border-radius: 5px;
}
nav a {
   display: block;
   text-decoration: none;
}


article {
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
}





/*not used?*/
.banner{
	border: 6px solid #5681b9;
	max-width: 95%;
}


/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:link {
   color: #FFF;
   display: block;
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;
   background-color: #5681B9;
   margin-top: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
   margin-left: 5px;
   border-radius: 15px;
   padding-top: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
   padding-left: 3px;
   font-size: 28px;
}

a:visited {
	color: darkblue;
	border-bottom: 1px solid #FFFFFF;
}
a:hover {
   color: blue;
   border-bottom: 1px solid #FFFFFF;
}

footer {
	background-color: #0348A3;
	color: #FFFFFF;
	text-align: center;
}


/*Mobile*/
@media (min-width:300px){	

	header {
    max-height: 225px;
    color: #0F01FE;
	border-style: double;
    border-color: #0F01FE;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    border-width: medium;
    border-color: #0D00FF;
    background-color: #FFFFFF;
}

   nav {
	font-size: 16px;
	text-decoration: none;
	}

   nav a {
   display: block;
   text-decoration: none;
   margin-top: 8px;
	}
a:link {
   color: #FFF;
   display: block;
   text-decoration: none;
}

}
		
/*Tablet*/
@media (min-width:425px){
   nav a {
	display: inline;
	text-decoration: none;
	}
a:link {
	color: #FFF;
	display: inline;
	text-decoration: none;
    }	
header {
    max-height: 225px;
    color: #0F01FE;
	border-style: double;
    border-color: #0F01FE;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    border-width: medium;
    border-color: #0D00FF;
    background-color: #FFFFFF;
}

    /*background-color: #0348A3;*/

	
@media (min-width:1020px){
	 nav a {
      color: #FFF;
	display: inline;
	text-decoration: none;
	}
/*nav p a {
}
*/
}