#container {
width: 900px;
}
/* @horizontal nav bar control below */
#horizontalnav {
width: 940px;
height: 30px;
position: relative;
background-color: #734400;
border-bottom: 2px solid #000000;
}
.navlinks {
position: absolute; top: 4px; left: 60px;
}
.navlinks ul {
margin: auto;
}
.navlinks li {
margin: 0px 18px 0px 0px;
list-style-type: none;
display: inline;
}
.navlinks li a {
color: #ffffff;
padding: 5px 12px 7px;
text-decoration: none;
font-size: 16px;
font-family: Verdana;
}
.navlinks li a:hover{
color: #ffd800;
background-image: url(images/skull2.jpg);
}
/* @right navigation alignment control below */
#rightnav {
float: right;
width: 202px;
height: 1005px;
background-color: #ffe990;
}
#rightnav2 {
float: right;
width: 202px;
height: 2010px;
background-color: #ffe990;
}
#rightnav3 {
float: right;
width: 202px;
height: 3015px;
background-color: #ffe990;
}
#rightnav4 {
float: right;
width: 202px;
height: 4020px;
background-color: #ffe990;
}
#rightnav5 {
float: right;
width: 202px;
height: 5025px;
background-color: #ffe990;
}
#rightnav6 {
float: right;
width: 202px;
height: 6030px;
background-color: #ffe990;
}
#rightnav7 {
float: right;
width: 202px;
height: 7035px;
background-color: #ffe990;
}
#rightnav8 {
float: right;
width: 202px;
height: 8040px;
background-color: #ffe990;
}
#rightnav9 {
float: right;
width: 202px;
height: 9045px;
background-color: #ffe990;
}
#rightnav10 {
float: right;
width: 202px;
height: 10050px;
background-color: #ffe990;
}
#body {
margin: auto;
width: 932px;
padding: 10px 0px 0px 10px;
background-color: #ffe990;
}
/* @footer control below */
#footer {
clear: both;
background-color: #feb06c;
}
.box {
margin-top: 10px;
padding: 5px 5px 5px 5px;
background-color: #dddddd;
border: 2px solid #d22929;
width: 550px;
color: #000000;
}
h1 {
font-size: 24px;
color: #cc0000;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
}
h2 {
font-size: 16px;
color: #000000;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
}