Template:Template Wellesley TheTech
<head> <style type="text/css">
body {
background-image: url("bacground0.png");
width: 980px;
margin: auto;
background-color: #565656;
min-height: 600px;
}
@font-face { font-family: 'SlimJoe'; src: url("SlimJoe.otf") }
#mainContainer {
width: 998px;
position: absolute;
bottom: 0;
top: 0;
margin: auto;
background-color: #fff;
border-bottom: 14px solid #717171;
border-top: 30px solid #7a86c2;
min-height: 550px;
}
/*Set up height place holder for the banner*/ #bannerContainer { color: #24B694; position:absolute; bottom: 0px; margin-left: -45px; width: 1061px; z-index: 999; }
#topContainer{
position: absolute; top: 0px; left: 0; width: 100%; text-align: left; }
#topContainer h1 { color: #5d6bb2; font-weight: bold; font-family: "Roboto", sans-serif; font-size: 40px; margin: 25px 50px 5px; }
#topContainer h2 { color: #5d6bb2; font-family: "SlimJoe"; font-size: 45px; margin: -60px 410px -40px; }
#topContainer h3 { color: #5d6bb2; font-family: "SlimJoe"; font-size: 45px; margin: -13px 2000px; }
a { color: inherit; text-decoration: none; }
.nextLine{ margin-top: -40px; margin-left: 60px; }
.leftFloat { float:left; }
.rightFloat{ float:right; }
#menuBar { background-color: #717171; position: absolute; top: 150px; left: 0; height: 40px; width: 100%; }
#menuwrapper { padding-left: 100px; }
#menuBar ul { list-style:none; display: inline; background-color: #717171; height: 40px; cursor:pointer; }
#menuBar ul li { display: inline-block; margin: 5px 25px 0px; font-family: "SlimJoe"; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; }
#menuBar ul li:hover { color: #57c7da; background: #fff; }
#menuBar ul li ul { padding: 0; position: absolute; top: 48px; left: 0; width: 150px; display: none;
opacity: 0; visibility: hidden;
}
#menuBar ul li ul li {
background: #555;
display: block; color: #fff; }
</style>