/*
      New Perspectives on HTML and CSS
      Tutorial 6
      Tutorial Case 4

      Millennium Computers style sheet
      Author: Josh Meech
      Date:   12/20/15

      Filename:         mill.css
      Supporting files: 

*/

/* body Styles */

body {
   width: 95%;
   min-width: 1000px;
   max-width: 1400px;
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
   font-size: 1em;
   margin: 0px auto;
   position: relative;
   
}


/* header styles */

header {
   background-color: white;
   float: left;
   width: 95%;
}

header img {
   display: block;
   float: left;
   width: 50%;
}

/*navigation list styles */


header nav {
   float: right;
   width: 73%;
   margin: 20px 0px 10px -27%;
}


header nav li {
   display: block;
   width: 10%;
   margin: 0px 5px 5px 1%;
   float: right;
}


header nav li a {
	background-color: rgba(8, 11, 226, 0.3);
	color: white;
    display: block;
    font-size: 1em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
   
   
  
}


header nav li a:hover {
   color: black;
   background-color: rgba(8, 11, 226, 0.08);
}

header article {
   float: left;
   width: 100%;
}

header h1 {
   color: black;
   font-size: 1.7em;
   font-family: Verdana, Geneva, sans-serif;
   font-weight: bold;
   
   margin-right: 20%;
   margin-left: 5px;
}


header p {
   font-size: 1em;
   margin: 10px 5px 15px 13px;
}


/* Section styles */

section {
   clear: left;
   width: 100%;
}


section p {
   color: black;
   margin-left: 20px;
   padding-top: 20px;
}

/* Footer Styles */


footer {
   border-top: 1px solid rgb(0,0,204);
   border-bottom: 1px solid rgb(0,0,204);
   background-color: rgba(8, 11, 226, 0.3);
   clear: left;
   margin-top: 20px;
   padding: 5px 0px 32px;
}

footer address {
   color: black;
   font-style: normal;
   font-size: 1em;
   text-align: center;
}


footer p {
	display: block;
	float: left;
	text-align: center;
	font-size: 1em;
	margin-top: 10px;
	line-height: 15px;
	height: 15px;
	width: 12%;
	padding-top: 2px;
}