html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 12px/1.5em Arial, Helvetica, sans-serif;
    color: #595959;
    background: #ececec url(../images/body_bg.gif) repeat-y 50% 0;;
}
h1, h2, h3, h4, h5{margin: 0 0 1em; color: #625E3B;}
p{margin: 0 0 1em;}
a,
a:link,
a:visited{color:#B77A07;}
a:hover,
a:active{color:#541A00;}
a img{border: none;}
form{margin: 0;}
fieldset{padding: 0;}
hr
{
    height: 1px;
    border: none;
    color: #999;
    background-color: #999;
    margin-bottom: 1em;
}
p
{
    color: #625E3B; 
    font-size: 16px;
    line-height: 1.5em;
}

/* ~~~ === POSITIONING SELECTORS ===================================== ~~~ */
#wrapper
{
    width: 923px;
    margin: 0 auto;
}
#masthead
{
    height: 75px;
    background: url(../images/logo.gif) no-repeat 0 0;
    margin-bottom: 38px;
}
#leftcol
{
    width: 186px;
    height: 99px;
    float: left;
    background: url(../images/blue.gif) no-repeat 39px 0;
    padding-left: 39px;
}
#main
{
    width: 672px;
    float: right;
    padding-right: 26px; 
}
#rightcol{}
#footer{}

/* ~~~ === CLASSES ============================================= ~~~ */
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.clear{clear: both;}
.hide{display: none;}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}