body {
background: #ECECEC 0;
}
html, body, div {
color: #000000;
font: normal 11px verdana, arial, georgia, serif;
}
li ul {
display: none; /* second-level lists */
left: 7px;
position: absolute;
top: 29px;
}
li:hover ul, li.over ul {
display: block; /* lists nested under hovered list items */
left: 0px;
top: 30px;
width: 120px;
}
li>ul {
left: auto;
top: auto;
}
.sbutton {
vertical-align: middle;
}
#content {
padding: 10px;
width: 480px;
}
#content a {
color: #F2670C;
}
/* -------------------- Formats ----------------------*/
#content h1 {
color: #F2670C;
font-size: 18px;
}
#content h2 {
font-size: 14px;
}
#content img {
background-color: #ECECEC;
border: 1px solid #CCCCCC;
float: left;
margin-bottom: 5px;
margin-right: 10px;
padding: 5px;
}
#contenthdr {
padding: 0 0 10px 16px;
width: 450px;
}
#filler {
background: url("spacer.jpg") no-repeat;
height: 10px;
left: 0px;
position: absolute;
top: 235px;
width: 750px;
z-index: 2;
}
#fillerbot {
clear: both;
}
#footer {
background: url(footer.jpg) no-repeat;
height: 113px;
padding: 0px;
width: 750px;
}
#footer a {
color: #AAAAAA;
text-decoration: none;
}
#footer h3 {
color: #AAAAAA;
font-size: 10px;
padding-top: 28px;
text-align: center;
vertical-align: bottom;
}
#header {
background-image: url(head.jpg);
height: 116px;
left: 0px;
position: absolute;
top: 0px;
width: 750px;
z-index: 2;
}
#header h1 {
height: 116px;
text-indent: -9999px;
}
#image {
background-image: url(background.jpg);
background-position: center;
background-repeat: repeat-y;
height: 90px;
left: 0px;
position: absolute;
top: 145px;
width: 750px;
z-index: 0;
}
#image img {
margin-left: 25px;
}
#navbar {
background-image: url(navback.jpg);
left: 0px;
position: absolute;
top: 116px;
width: 750px;
z-index: 3;
}
/* ---------------------------------------- */
#navcontainer {
border: 0px solid;
height: 29px;
margin-left: 25px;
width: 700px;
}
#navcontainer li {
float: left; /* all list items */
position: relative;
width: 100px;
}
#navcontainer li a, #navcontainer li a:link, #navcontainer li a:active, #navcontainer li a:visited {
background: url(nav_off.gif) no-repeat;
color: #000000;
display: block; /* link attributes for the main nav */
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
height: 18px;
margin: 0;
padding: 6px 0;
text-align: center;
text-decoration: none;
}
#navcontainer li a:hover {
background: url(nav_on.gif) no-repeat;
color: #FFFFFF; /* hover attribute for the main nav */
}
#navcontainer li.pageon {
background: url(nav_on.gif) no-repeat;
color: #FFFFFF;
display: block;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
height: 18px;
margin: 0;
padding: 6px 0;
text-align: center;
text-decoration: none;
}
#navcontainer ul {
clear: left; /* all lists */
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
padding: 0;
text-align: center;
}
/* ------------- These are for the Sub Menu ----------------------------------------------------------------------------------------------------*/
#menu li.hdr {
background: #CCCCCC;
border-bottom: 1px solid #ACACAC;
border-left: 1px solid #ACACAC;
border-right: 1px solid #ACACAC;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
height: 20px;
padding: 6px 0 0 0;
text-align: center;
width: 120px;
}
#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {
background: #FAFAFA;
border-bottom: 1px solid #ACACAC;
border-left: 1px solid #ACACAC;
border-right: 1px solid #ACACAC;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 0 3px 0;
text-align: center;
width: 120px;
}
#menu li a:hover {
background: #FF9900;
color: #FFFFFF;
font-size: 11px;
}
/* -------------------- IDs -------------------------------------------------------------*/
#page {
margin: 0 auto;
position: relative;
width: 750px;
}
#side {
color: #000000;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
width: 180px;
}
#side h1 {
color: #F2670C;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 15px;
padding-top: 5px;
}
#side img {
border: 1px solid #CCCCCC;
}
#side p {
border-bottom: 1px dotted #F85B07;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
}
#signs {
bottom: 110px;
position: absolute;
right: 70px;
width: 80px;
}
#signs img {
border: none;
}
#signs p {
border: none;
margin: 5px;
}
#story {
background: url("background.jpg") #C1CDC0;
left: 0px;
position: absolute;
top: 245px;
width: 750px;
z-index: 1;
}
#storymain {
float: left;
padding: 0 0 0 35px;
width: 500px;
}