header, section, footer, aside, nav, article, figure, figcaption { display: block;} body { color: #666666; width: 100%; background-color: #f9f8f6; background-image: url("images/allimages.jpg"); background-repeat:no-repeat; background-size:cover; font-family: Georgia, Times, serif; line-height: 1.4em; margin: 0px;} .wrapper { width: 100%; margin: 20px auto 20px auto; border: 2px solid #000000; background-color: #eeeeee;} header { height: 70%; background-image: url('images/logo10.jpg'); background-repeat:no-repeat; background-size:cover;} h1 { text-indent: -9999px; width: 100%; height: 130px; margin: 0px;} nav, footer { clear: both; color: #ffffff; background-color: #aeaca8; height: 30px;} nav ul { margin: 0px; padding: 5px 0px 5px 30px;} nav li { display: inline; margin-right: 40px;} nav li a { color: #ffffff;} nav li a:hover, nav li a.current { color: #000000;} section.courses { float: left; width: 75%; border-right: 1px solid #eeeeee;} article { clear: both; overflow: auto; width: 100%;} hgroup { margin-top: 10px;} figure { float: left; width: 290px; height: 220px; padding: 5px; margin: 20px; border: 1px solid #eeeeee;} figcaption { font-size: 90%; text-align: left;} aside { width: 300px; float: left; padding: 0px 0px 0px 20px; color: #FFFFFF; } aside section a { display: block; padding: 10px; border-bottom: 1px solid #eeeeee;} aside section a:hover { color: #985d6a; background-color: #efefef;} a { color: #de6581; text-decoration: none;} h1, h2, h3 { font-weight: normal;} h2 { margin: 10px 0px 5px 0px; padding: 0px;} h3 { margin: 0px 0px 10px 0px; color: #de6581;} aside h2 { padding: 30px 0px 10px 0px; color: #de6581;} footer { font-size: 80%; padding: 7px 0px 0px 20px;} #box1{ width:100%; height:100%; background:#FFFFFF; border:solid 3px #FFFFFF; } #box2{ width:100%; height:100%; background:#CCFFFF; border:solid 3px #efe825; }