<!--The HTML5 doctype (document type) declaration is very simple->
@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: #F25F29;
}

/* The column-1 ID style is floated right */
#column-1 {
float: right;
width: 600px;
height: 600px;
background: #55D9D9;
}


/* The column-2 ID style is floated left */
#column-2 {
float: left;
width: 960px;
height:800px;
background: #F2B544;
}

/* Selector for tags separated by commas applies the style to all tags */
h1,h2,h3,h4,h5,h6,p,li {
margin-left:15px;
}

h1 {
float: center;
color: white;
padding-top:25px;
font-size:56px;
}

/* Selector for tags not separated by commas applies in specific circumstances*/
#column-2 h1,h2,h3 {
padding-top:5px;
color: black;
font-size:36px;
}


/* The following pseudo-class applies to the box class when in a hovered state */
.box:hover {
background-color:#F2B544;
border-bottom:2px solid black;
}

/* This clear class style terminates float */
.clear{ 
clear: both; 
}
a:link{
margin:15px; text-align:center;
background-color: white;
color:solid white; padding: 10px;
border-radius: 10px;
display: block;
text-decoration: none;
font-size:x-large;
border-right:thin solid lightgray;
border-bottom:medium solid white;
}
}
header, footer { 
background-color: F27830;
color: red;
padding-top:5px;
padding-bottom:5px; 
}