@charset "utf-8";

/*
#||||||||||||||||||||||||||||||||||||||||||||||
#      ___           ___           ___     
#     /\  \         /\__\         /\  \    
#     \:\  \       /:/ _/_       _\:\  \   
#      \:\  \     /:/ /\__\     /\ \:\  \  
#  ___ /::\  \   /:/ /:/  /    _\:\ \:\  \ 
# /\  /:/\:\__\ /:/_/:/  /    /\ \:\ \:\__\
# \:\/:/  \/__/ \:\/:/  /     \:\ \:\/:/  /
#  \::/__/       \::/__/       \:\ \::/  / 
#   \:\  \        \:\  \        \:\/:/  /  
#    \:\__\        \:\__\        \::/  /   
#     \/__/         \/__/         \/__/    
#||||||||||||||||||||||||||||||||||||||||||||||
#Made In Tacoma, WA, USA @ HOLISTIC FORGE WORKS
#     http://www.holisticforgeworks.com
#     © = R.R. "Webmaster" Anderson 
#||||||||||||||||||||||||||||||||||||||||||||||
*/


* {margin: 0; padding: 0}

body {margin:2em; background:#fff url("bodyBG.jpg") 0 0 repeat; color:#999999; font:normal 80%/160% Arial, Helvetica, sans-serif;}

#holder_shell {width:100%;  text-align:left; }
#content {width:100%; }
h1 {font-size:500%; text-align:center; letter-spacing:-.1em; white-space:nowrap; font-weight:bold; line-height:78%;} 
h1 strong {font-size:74%; display:block; letter-spacing:-.08em;}

h2 {letter-spacing:-.05em; color:#8F817D;}
h3 {text-align:center; margin-bottom:.5em; letter-spacing:.5em; font-size:100%; text-transform:uppercase; background:#CFC374 url("h3bg.gif") 50% 0 repeat-y; color:#fff; border-bottom:1px solid #6B5D20; border-top:1px solid #6B5D20; }
img {border:0 none;}

.frame {border: 1px dashed #ccc; padding:.3em; background-color:#fff;}
.float_left {float:left; margin:.5em .5em 0 0;}


fieldset {margin:2em; padding:.5em; width:324px; height:590px; float:left; background:#FAF4DD url("cardBG.gif") 0 100% no-repeat;  border:5px double #DADADA;}
fieldset img {margin:0 auto .3em auto; padding:0; text-align:center; display:block; border:1px dotted #EF5D0E;}


p, ul, ol {margin-bottom:1em; color:#5F5F5F;}
p {line-height:130%;}


  
  dl { 
        margin: 0; 
        padding: 0 0 1em 0;     
		background:transparent url("chartBG.gif") 100% 100% no-repeat;  float:left;              
    }
    dt { color:#000A3E; text-transform:uppercase;
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 20px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
    }
    dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 197px; 
        height: 20px; 
        margin: 0 0 15px; 
        background: url("g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     dd div { 
        position: relative; 
        background: url("g_colorbar2.jpg"); 
        height: 20px; 
        width: 75%; 
        text-align:right; 
     }
     dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("g_marker.gif"); 
        height: 24px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }





#footer {clear:both; width:760px; margin:3em auto; text-align:center;}
#footer a {color:#BEBEBE;}
#footer a:hover {text-decoration:none; color:#000;}