body {
background: #CFCFCF url(http://i874.photobucket.com/albums/ab303/aarnio/main-column-back.png) fixed;
width: 918px;
color: #333333;
font-family: Helvetica,Arial,sans-serif;
text-align : left;
margin: 0px auto 0px;
padding: 0px;
}
#wrap {
width: 918px;
background: url(http://i874.photobucket.com/albums/ab303/aarnio/header-4-4-1-1.png);
margin: 0 auto;
text-align: left;
}
#allwrap {
width: 918px;
margin: 0 auto;
text-align: left;
}
#content-wrap {
background: #FFFFFF;
clear: both;
width: 898px;
padding: 0; margin: 0 auto;
}
#header {
background: url(http://i874.photobucket.com/albums/ab303/aarnio/newheader.png);
clear: both;
width: 918px;
height: 90px;
padding: 0px 0px 0px 0px; margin: 0 auto;
}

#header p {
font-size: 11px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.headerleft {
width: 200px;
float: left;
margin: 0px;
padding: 4px 10px 0px 0px;
}
.headerright {
width: 200px;
float: right;
margin: 0px;
padding: 4px 10px 0px 0px;
text-transform: uppercase;
text-align: right;
}
.headerleft a img {
border: none;
margin: 4px 20px 0px 10px;
padding: 0px;
}
#footer {
width: 918px;position: relative;
height: 33px;
background: url(http://i874.photobucket.com/albums/ab303/aarnio/header-4-4-1-2-1.png);
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 14px;
color: #CC0000;
}
a:active, a:link, a:visited {
color: #0000ff;
font-weight: normal;
font-size : 12px;
font-family : helvetica;
text-decoration: none;
}
a:hover {
color: #ff0000;
font-weight: normal;
font-size : 12px;
font-family : helvetica;
background: none;
text-decoration: underline;
}
#container_top {background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/box-1-1-2-1.jpg);
width: 450px;
height: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
#container {
background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/box-1-1-2-2.jpg);
width: 450px;
color: #000099;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#container_footer {
background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/box-1-1-2-3.jpg);
width: 450px;
height: 12px;
margin: 0px;
padding: 0px;
}
#container-wrap {
clear: both;
width: 418px;
padding: 0; margin: 0 auto;
}
table {
border-collapse: collapse;
}
textarea {
font-weight: normal;
width: 400px;
height:50px;
background: none;
border: 1px solid #000000;
scrollbar-base-color: #e7efff;
scrollbar-arrow-color: #000000;
}
textarea:hover {
border: 1px solid #cc0000;
}
h1 {
font-family : helvetica;
color : #C00000;
text-align : center;
font-weight: bold;
font-size: 22px;
margin: 0px;
padding: 0px;
}
h2 {
font-family : helvetica;
color : #990000;
text-align : center;
font-weight: bold;
font-size: 16px;
margin: 0px;
padding: 0px;
}
h3 {
font-family : helvetica;
color : #990000;
text-align : center;
font-weight: bold;
font-size: 16px;
}
h4 {
font-family: Verdana;
font-weight: bold;
color : #990000;
font-size: 10px;
text-align : center;
}
h5 {
font-family : helvetica;
color : #000000;
text-align : left;
font-weight: normal;
font-size: 12px;
margin: 0px;
padding: 0px;
}
#navbar {
background: #990000 url(http://i874.photobucket.com/albums/ab303/aarnio/bluenav.jpg);
width: 898px;
height: 34px;
font-size: 12px;
font-family: Helvetica, Arial;
color: #990000;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.navbarleft {
width: 200px;
float: left;
margin: 0px;
padding: 4px 10px 0px 0px;
}
.navbarleft a img {
border: none;
margin: 4px 20px 0px 10px;
padding: 0px;
}
.navbarright {
width: 300px;
font-size: 11px;
float: right;
margin: 0px;
padding: 6px 0px 0px 0px;
}
#nav {
margin: 0px;
padding: 0px;
}
#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFFFCC;
display: block;
font-size: 16px;
font-family: Helvetica, Arial;
font-weight: bold;
text-transform: none;
margin: 0px;
padding: 7px 20px 7px 20px;
}
#nav li a:hover, #nav li a:active {
background: #FFFFCC url(http://i874.photobucket.com/albums/ab303/aarnio/nav_hov3.jpg);
color: #990000;
margin: 0px;
padding: 7px 20px 7px 20px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #E1DCCA;
width: 150px;
color: #990000;
font-size: 14px;
font-family: Helvetica, Arial;
font-weight: bold;
text-transform: none;
float: none;
margin: 0px;
padding: 6px 10px 6px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#nav li li a:hover, #nav li li a:active {
background: #FFFFCC;
color: #990000;
padding: 7px 10px 7px 10px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#nav li li { }
#nav li ul a { width: 140px;
}
#nav li ul a:hover, #nav li ul a:active { }
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover { position: static;
}
#cathead {
background: #990000
url(http://i874.photobucket.com/albums/ab303/aarnio/navbar-1.jpg);
width: 134px;
height: 20px;
color: #FFFFFF;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
font-size: 12px;
margin: 0px;
padding: 4px 13px 0px;
margin-top: 0px;
}
#subnavbar {
background: #990000
url(http://i874.photobucket.com/albums/ab303/aarnio/navbar-1.jpg);
width: 898px;
height: 25px;
color: #FFFFCC;
margin: 0px;
padding: 0px;
}
#subnavbar p {
font-size: 12px;
font-weight: bold;
padding: 4px;
margin: 0px;
}
.subnavbarleft {
width: 700px;
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.subnavbarright {
width: 200px;
float: right;
margin: 4px;
padding: 4px 0px 4px 20px;
text-align: right;
font-size: 12px;
font-weight: bold;
}
.subnavbarright a img {
border: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFCC;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px 5px 0px 0px;
padding: 5px 20px 5px 20px;
}
#subnav li a:hover, #subnav li a:active {
background: #333333
url(http://i874.photobucket.com/albums/ab303/aarnio/nav_hov.jpg);
color: #990000;
display: block;
text-decoration: none;
margin: 0px 5px 0px 0px;
padding: 5px 20px 5px 20px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #990000
url(http://i874.photobucket.com/albums/ab303/aarnio/navbar-1.jpg);
width: 150px;
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
}
#subnav li li a:hover, #subnav li li a:active {
background: #FF9966
url(http://i874.photobucket.com/albums/ab303/aarnio/nav_hov.jpg);
margin: 0px;
padding: 5px 10px 5px 10px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li { }
#subnav li ul a { width: 150px;
}
#subnav li ul a:hover, #subnav li ul a:active { }
#subnav li ul ul {
margin: -25px 0 0 171px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1
ul ul, #subnav li.sfhover1 ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul,
#subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li
li.sfhover1 ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover { position: static;
}
#category {
background: #F6F6F6;
width: 160px;
height: 21px;
color: #0000FF;
margin: 0px;
padding: 0px;
}
#category_menu {
background: #F6F6F6;
width: 160px;
height: 42px;
color: #0000FF;
margin: 0px;
padding: 0px;
}
#catend {
background: #EDEDED;)
width: 160px;
height: 4px;
}
#cat {
margin: 0px;
padding: 0px;
}
#cat ul {
float: vertical;
list-style: none;
margin: 0px;
padding: 0px;
}
#cat li {
float: vertical;
list-style: none;
margin: 0px;
padding: 0px;
}
#cat li a img {
border: none;
padding: 0px 0px 0px 30px;
}

#cat li a, #cat a:link, #cat li a:visited {
color: #333333;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 13px;
}
#cat li a:hover, #cat li a:active {
background:#FFFFCC;
color: #990000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
}
#pagemenu {
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: bold;
height: 14px;
color: #990000;
margin: 0px;
padding: 2px;
}
#pgm {
margin: 0px;
padding: 0px;
}
#pgm ul {
float: vertical;
list-style: none;
margin: 0px;
padding: 0px;
}
#pgm li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#pgm li a, #pgm a:link, #pgm li a:visited {
background: #F6F6F6;
border: 1px solid #CCCCFF;
color: #333333;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#pgm li a:hover, #pgm li a:active {
background:#FFFFCC;
border: 1px solid #990000;
color: #990000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#thisp li a:hover, #thisp li a:active {
background:#FFFFCC;
border: 1px solid #990000;
color: #990000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#thisp li a, #thisp li a:link, #thisp li a:visited {
background: #FFFFCC;
border: 1px solid #990000;
color: #990000;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#thisp {
margin: 0px;
padding: 0px;
}
#thisp ul {
float: vertical;
list-style: none;
margin: 0px;
padding: 0px;
}
#thisp li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
.somediv{
width: 160px;
clear: left;
}
.somediv .floatbox{
float: left;
width: 38px;
}
* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}
.somediv p{
margin-top: 0;
margin-left: 38px;
}