.p02 li {
display: inline;
}
.content li {
display: inline;
position:absolute;
top:0px;

}

.header {
text-align: center;
background-image:url(chainsaw2.jpg );
background-repeat:no-repeat;
background-position:center center;
margin-top:0%; 
margin-bottom:0%;
height:9%;
/*-----------------------------------------------------*/
}
.ex09_left {
width: 24%;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_topleft {
width: 24%;
position: absolute;
top:130px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_2left {
width: 24%;
position: absolute;
top:270px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_2leftb {
width: 24%;
position: absolute;
top:320px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_3leftb {
width: 24%;
position: absolute;
top:600px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_3leftc {
width: 24%;
position: absolute;
top:600px;
left:36%;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0;
padding-right: 0.5%;
border: thin solid black;
}

.ex09_3leftd {
width: 24%;
position: absolute;
top:600px;
right:0px;
float: right;
margin-left: 0;
margin-right: 1%;
padding-left: 0;
padding-right: 0.5%;
border: thin solid black;
}

.ex09_3left {
width: 24%;
position: absolute;
top:400px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_4left {
width: 24%;
position: absolute;
top:530px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_5left {
width: 24%;
position: absolute;
top:660px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_6left {
width: 24%;
position: absolute;
top:790px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}
.ex09_7left {
width: 24%;
position: absolute;
top:920px;
left:0;
float: left;
margin-left: 0;
margin-right: 1%;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin solid black;
}

.ex09_right {
width: 70%;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}
.ex09_topright {
width: 70%;
position: absolute;
top:130px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_toprightb {
width: 70%;
position: absolute;
top:130px;
left:15%;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_2right {
width: 70%;
position: absolute;
top:250px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}
.ex09_2rightb {
width: 70%;
position: absolute;
top:300px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_3right {
width: 70%;
position: absolute;
top:330px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_3rightb {
width: 70%;
position: absolute;
top:425px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_3rightc {
width: 70%;
position: absolute;
top:425px;
left:15%;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_4right {
width: 70%;
position: absolute;
top:550px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_5right {
width: 70%;
position: absolute;
top:680px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_5rightb {
width: 70%;
position: absolute;
top:680px;
left:15%;

margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_6right {
width: 70%;
position: absolute;
top:810px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}

.ex09_7right {
width: 70%;
position: absolute;
top:940px;
right:0;
float: right;
margin-left: 1%;
margin-right: 0;
padding-left: 0.5%;
padding-right: 0.5%;
border: thin black solid;
clear: right;
}
/*----------------------------------------------------------------------------------------*/
.content{
position:absolute;
top:500px;
text-align:center;
}
.bottomlinks{
position:absolute;
left:45%;
top:700px;
;
}
.headings{background-position:center center;margin-top:0%; margin-bottom:0%
}
/*--------------------------------------*/
/* Horizontal bar with drop downs. */
#navlist5
{
list-style-type: none;
display: inline;
padding: 0;
background-color: black;
color: white;
}

#navlist5 > li {
float: left;
width: 16.66%;
position: relative;
z-index: 3;
}

/* Hide the submenus. */
/* display: none; */
#navlist5 ul
{
visibility: hidden;
list-style-type: inherit;

}

#navlist5 a 
{
display: block;
padding-left: 1%;
padding-top: 1%;
padding-bottom: 1%; 
padding-right: 1%;
text-decoration: none;
color: white;
background-color: black;
border-right: 2px solid white;
z-index: 3;
}

#navlist5 a:hover
{
background-color: blue;
}

/* When hovering over a list item show its sublists. */
/* display: block; */
#navlist5 li:hover ul
{
visibility: visible;
position: relative;
z-index: 3;
}
.header-font{
font-size:100%
}