Image of Tawa Logo
container
content
main
community locations
location
Image of
location1
location2

footer

html, body{ margin: 0px; } .header{ position: centre; border: 1px solid #000; height: 150px; width: 100%; } .centre{ display: block; margin-left: auto; margin-right: auto; } .nav{ box-sizing: border-box; background-color:#000052; margin-top:-4px; height: 60px; width: 100%; } p{ color: white; } #container{ width: 100%; min-height: 1000px; background-color: #FFF; position: relative; margin: auto; margin-top: 0px; display: block; z-index: 0; } #content{ width: 1000px; height: 1800px; z-index: 1; border: 1px solid #000; margin: auto; margin-bottom: 50px; position: relative; background-color: #FFF; padding-left: 20px; } #main{ border: 1px solid #000; margin: auto; height: 25%; width: 75%; margin-bottom: 50px; } .location{ border: 1px solid #000; margin: auto; height: 30%; width: 95%; margin-bottom: 40px; } .img{ position: relative; margin: -450px 0px 0px 640px; /*top right bottom left*/ z-index: 2; width: 300px; padding: 5px; border: 1px solid #000; } .location1{ border: 1px solid #000; margin: auto; height: 30%; width: 95%; margin-bottom: 40px; } .location2{ border: 1px solid #000; margin: auto; height: 30%; width: 95%; margin-bottom: 40px; } .community{ height: 60%; width: 85%; margin: auto; border: 1px solid #000; } /*CSS for styling my navigation menu*/ .nav{ box-sizing: border-box; background-color: #000052; margin-top:-4px; } ul { display: inline; padding: 15px 0px 0px 0px; list-style: none; } ul li { font-family: Quattrocento Sans; font-size: 19px; font-weight: bold; display: inline-block; margin-right: -4px; position: relative; padding: 15px 20px 17px; /* padding for main block menu buttons */ color: white; line-height: 1.5em; /*Space between each paragraph line*/ } ul li:hover { background: #134f36; } /* Hover Colours*/ a:link { color:#ffffff; /* unvisited link */ text-decoration: none; } a:visited { color:#75ff6e; /* visited link */ text-decoration: none; } a:hover { color:#000; /* mouse over link */ text-decoration: underline; cursor: pointer; } a:active { color:#ffffff; /* selected link */ text-decoration: none; } ul li ul { padding: 0; position: absolute; top: 48px; /* space between each drop-down menu list */ left: 0; width: 175px; /* width of drop-down menu list */ display: none; visibility: hidden; /* this hides the drop-down menu list */ z-index: 1; /* for overlapping divs, bringing to the front like a drop down menu */ } ul li ul li { background: #134f36; /* this is the drop-down menu background color */ display: block; } ul li ul li:hover { background: #2abd7f;} /* this is the drop-down menu hover on blocks */ ul li:hover ul { display: block; visibility: visible; /* this makes the drop-down menu visable*/ } /* Style for Navigation ends here*/ .footer{ background-color: #000052; text-align: center; height: 150px; width: 100%; }