@charset "UTF-8";
/* CSS Document */
/* The body tag style applies to all elements on the page */
body {
background-color: black;
font-family: Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
}
/* The wrapper ID style is used with a div tag to provide a 960px wide page */
#wrapper {
width: 960px;
height: 800px;
margin-left: auto;
margin-right: auto;
background-color:LightSlateGrey;
}
/* The right-column ID style is floated right */
#right-column {
float: right;
width: 780px;
height: 600px;
background-color:LightGray;
}
/* The left-column ID style is floated left */
#left-column {
float: left;
width: 180px;
background-color:silver;
height:600px;
}/* Defining a style for a set of tags separated by commas applies the style to all tags */
h1,h2,h3,h4,h5,h6 {
margin-left:10px;
}
#footer {
height:80px;
}
#banner {
position: relative;
height:140px;
  background-position: left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
background-color:white;
margin-top: 20px;
}
#bannerlogo {
position: absolute;
  left: 10px;
  top: 10px;
z-index: 2;
}
#bannerimg {
position: absolute;
  left: 0px;
  top: 0px;
z-index: 1;
}
#bannermsg {
position: absolute;
  left: 150px;
  top: 20px;
z-index: 1;
}
/* Defining a style for a set of tags not separated by commas applies the style only to all tags within the preceding tag*/
#banner h1 {
color: black;
}
/* Advanced Web design relies on class or ID styles, never tables */
.list {
float: left;
position: relative;
left: 5px;
top: 5px;
margin: 5px;
z-index: 1;
}
/* Advanced Web design relies on class or ID styles, never tables */
.box {
height: 140px;
width: 250px;
float: left;
background-color:black;
margin: 5px;
}
/* The following pseudo-class applies to the box class when in a hovered state */
.box:hover {
background-color:white;
opacity:1;
}
/* This clear class style terminates float */
.clear{
clear: both;
}