/*
'All source code and design by Bowers Programming
'Source code copyright © 1999, 2006 Randy Bowers, Bowers Programming.
'Source code designated intellectual property of Bowers Programming.
'phn: 360.671.5280
'eml: randy@bowersprogramming.com
'web: www.bowersprogramming.com
'Text and photographs copyright © 2006 Lones Group.
'All rights of copyright holders are reserved.
*/
* { margin: 0; padding: 0; }
html { height:100%; }

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: 12px verdana, arial, helvetica, sans-serif;
    color: black;
    background: #000000;
    text-align: center;
}

#hcenter {
    /* horizontally centers the wrapper. This is done by having the margins (top and left) 
       negative of half the size of the field we want to center). Position must be absolute 
       and top and left settings are at 50%. Works in IE5.5+, Opera 7+, Mozilla, Netscape 7+.
    */
    background-color: transparent;
    text-align: center;
    margin-top: 0px;
    margin-left: -402px;
    position: absolute;
    left: 50%;
    width: 804px;
    visibility: visible;
}

#outer {
    margin-top: 30px;
    margin-bottom:20px;
    background-color: transparent;
    text-align: left;
    width: 100%;
    visibility: visible;
    border:1px solid white;
}

#inner {
    margin:1px 1px 1px 1px;
    padding:10px 10px 10px 10px;
    border:1px solid black;
    width:780px;
    visibility:visible;
    background:white;
}

#header {
    position:relative;
    padding: 0px 0px 0px 0px;
    width:780px;
    height:36px;
    visibility:visible;
    background: url(images/header.jpg) no-repeat bottom center;
}


#tabwrap {float:right;}
.tab {
    background:red;
    background: url(images/header_tab.gif) no-repeat top left;
    width:72px;
    height:18px;
    padding:2px 0px 0px 5px;
    font-size:11px;
    float:left;
    text-align:left;
}

#column_wrap {
    margin-top:10px;
    position:relative;
}

#content {
    padding:0px 17px 0px 18px;
    margin: 0px 0px 0px 0px;
    background:white;
    width:454px;
    margin-left:155px;
}

#sidebar_left {
    float:left;
    width:155px;
}

#sidebar_right {
    float:right;
    width:135px;
}

#nav_bar ul { 
    list-style: none; 
    margin-left:0px;
    padding-top:15px;
    padding-bottom:15px;
    line-height:23px;
    background: url(images/sidebar_scrolls.gif) no-repeat top left;
}

#content ul {
    list-style-type: disc;
	list-style-position: inside;
    margin-left:35px;
    padding-left:0px; 
    text-indent: -17px;
    margin-bottom:10px;
}

#content ul ul {
    list-style-type: circle;
}

#content ul li {padding-bottom:5px; }

#footer {
padding: 15px 0px 0px 0px;
display:block;
width:100%;
height:24px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:22px;
color:#9d9c8a;
text-align:center;
border-bottom: 2px solid black;
clear:both;
}

#copyright {
position:relative;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
color:black;
text-align:center;
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
background:transparent;
width:100%;
}

table tr.subproducts:hover {
    background-color:#eeeeee;
}

input.button {
    font: bold 12px verdana;
}
input.button:hover {
    font: bold 12px verdana;
    background:#aaa;
}


table tr.subproducts td {padding-right:5px; padding-left:5px; padding-top:2px; padding-bottom:2px;}