html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
    color: #595959;
    background-color: #fff;
}
h1, h2, h3, h4, h5
{
    color: #EEA204;
    margin: 0 0 .5em;
}
h2
{
    font: 22px Arial, Helvetica, sans-serif;
    color: #EEA204;
}
h3
{
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #EEA204;
}
h3 img{display: block;}
p{margin: 0 0 1em;}
a,
a:link,
a:visited{color: #333;}
a:hover,
a:active{color: #D90E27;}
a img{border: none;}
form{margin: 0;}
fieldset{padding: 0;}
hr
{
    height: 1px;
    border: none;
    color: #999;
    background-color: #999;
    margin-bottom: 1em;
}
font
{
    color: #595959; 
    font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif; 
}
ul
{
    list-style-type: square;
}
img[align="right"]
{
    float: right;
    border: 1px solid #333;
    margin: 0 0 4px 12px;
}
/* ~~~ === POSITIONING SELECTORS ===================================== ~~~ */
#wrapper
{
    width: 870px;
    margin: 0 auto;  
}
#masthead
{
    position: relative;
    height: 261px;
    background: url(../images/masthead_bg.jpg) no-repeat 0 0;
}
#nav
{
    height: 25px;
    background: url(../images/menu_bg.gif) repeat-x 0 0;
    border-bottom: 4px solid #fff;
}
#content{}
#leftcol
{
    width: 170px;
    float: left;
}
#main
{
    width: 506px;
    float: left;
    padding: 24px 7px 30px;
    margin: 0 5px;
}
#rightcol
{
    width: 170px;
    float: right;
    padding: 0;
}

#footer
{
    width: 520px;
    clear: both;
    margin: 0 auto 24px;
    color: #333;
    font-size: 10px;
}
#footer a{color: #333;}
#footerLinks
{
    border-bottom: 1px dotted #FFB724;
    padding-bottom: 10px;
}
#footerLinks a
{
    background: url(../images/footer_bullet.gif) no-repeat 0 50%;
    padding-left: 7px;
    text-decoration: none;
}
#footerLinks a:first-child
{
    background-image: none;
    padding: 0;
}
#copyright p{margin: 0;}

/* ~~~ === MASTHEAD ===================================================== ~~~ */


/* ~~~ === SPONSOR LINKS ====================================================== ~~~ */
#sponsors
{
    position: absolute;
    bottom: 0;
    left: 0;
}
#sponsorlinks
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sponsorlinks li{float: left;}
#sponsorlinks li a
{
    display: block;
    height: 55px;
    text-decoration: none;
    text-indent: -9999em;
    outline: none;
}
#sponsor-1 a{width: 178px;}
#sponsor-2 a{width: 176px;}
#sponsor-3 a{width: 176px;}
#sponsor-4 a{width: 158px;}
#sponsor-5 a{width: 178px;}

/* ~~~ === MAIN NAVIGATION ================================================ ~~~ */
#nav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li
{
    float: left;
    position: relative;
}
#nav a
{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    padding: 0 12px 0 6px;
    background: url(../images/menu_arrow.gif) no-repeat 100% 0;
    margin: 0 0 0 4px; 
    outline: none;   
}
#nav ul ul
{
    display: none;
    position: absolute;
    top: 25px;
    left: auto;
    background-color: #5C5C5C;
    width: 180px;
    padding: 6px 0;
    z-index: 5;
}
#nav ul ul li
{
    float: none;
}
#nav ul ul a
{
    width: 180px;
    background-image: none;
    padding: 0 6px;
    height: auto;
    line-height: 16px;
    float: none;
}
#nav ul ul ul
{
    width: 168px;
    position: static;
    margin: 0;
    padding: 0 0 0 12px;
}
#nav ul ul ul a{float: none;}

#nav li.active a,
#nav li.active li.active a,
#nav li.active li.active li.active a{color: #D90E27;}
#nav li.active ul a,
#nav li.active li.active ul a{color: #fff;}
/* ~~~ === ROLLOVERS ========================================================= ~~~ */
#nav ul li.sfhover ul,
#nav ul li:hover ul
{
    display: block;
    left: 0;
}
#nav a:hover,
#nav li.active ul a:hover,
#nav li.active li.active ul a:hover{color: #FCB924;}

/* ~~~ === LEFT RIGHT COLUMN BOXES =========================================== ~~~ */
div.sideBox
{
    margin-bottom: 4px;
    font-size: 10px;     
}
div.sideBox h3{}
/* ~~~ === HOME PAGE ======================================================== ~~~ */
#home #main
{
    width: 520px;
    padding: 0;
}
#home #main div.headingBox
{
    position: relative;
    background-color: #000;
    height: 50px;
    border-bottom: 1px solid #fff;
}
#home #main div.headingBox h2
{
    color: #E1A420;
    margin: 0;
    position: absolute;
    bottom: 4px;
    left: 12px;
    font-size: 18px;
}
#home #main div.headingBox h2 span{vertical-align: bottom;}
#homeNews
{
    width: 500px;
    height: 401px;
    background: url(../images/news_bg.jpg) no-repeat 0 0;
    padding: 5px 10px;
}
div.newsBox
{
     border-bottom: 1px dotted #B37E18;
     min-height: 78px;
     padding: 5px 0;
}
dl.newsItem
{
    margin: 0;
    padding: 0;
    clear: both;
}
dl.newsItem dt
{
    width: 82px;
    height: 82px;
    text-align: right;
    float: right;
}
dl.newsItem dt img
{
    border: 1px solid #fff;
}
dl.newsItem dd
{
    margin: 0 94px 0 0;
    font-size: 10px;
    color: #4F3912;
}
dl.newsItem dd h3
{
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0;
    color: #000;
}
dl.newsItem dd.newsLinks
{   
    padding: 6px 0;
    color: #fff;
}
dl.newsItem dd.newsLinks a.more
{
    font-weight: bold;
    color: #fff;
}
/* ~~~ === NEWS PAGE ================================================================================ ~~~ */
#newsListing h3
{
    clear: both;
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #FCB924;
    padding: 8px 0;
    margin: 1em 0 .3em;
    border-bottom: 1px dotted #FCB924;
}
#newsListing h3 span
{
    font-weight: normal;
    text-transform: none;
}
#newsListing h3 a,
#newsListing h3 a:link,
#newsListing h3 a:visited,
#newsListing h3 a:active
{
    text-decoration: none;
    color: #FCB924;
}
#newsListing img
{
    float: left;
    border: 1px solid #000;
    margin: 0 14px 4px 0;
}
#newsListing a.viewmore{text-decoration: none;}
#newsListing a.viewmore img
{
    float: none; 
    vertical-align: middle;
    border: none;
}

/* ~~~ NEWS ARCHIVES ~~~ */
.newsArchive p
{
    float: left;
    line-height: 1.5em;
    margin: 0;
}
.newsArchive p a{}
.newsArchive p b{font-weight: normal;}
/* ~~~ NEWS DETAIL ~~~ */
#newsDetails table{width: 100%;}
#newsDetails img
{
    border: 1px solid #000;
    float: right;
    margin: 0 0 6px 14px;
}
span.date
{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}




/* ~~~ === VIEW GALLERY ================================================ ~~~ */
div.viewGallery
{
    background-color: #000;
    padding-bottom: 20px;
}
div.viewGallery h3{margin: 0;border-bottom: 1px solid #fff;}
#wipe1
{
    overflow: hidden; 
    position: relative; 
    width: 170px; 
    height: 156px;
}
/* ~~~ === TABLES ====================================================== ~~~ */
table.borderedTable
{
    width:392px;
    clear: both;
    border-collapse: collapse;
    border: 1px solid #2F3030;
    background-color: #000;
    margin: 0 0 1em;
}
table.borderedTable thead th,
table.borderedTable tbody th
{
    background-color: #000;
    color: #FCB924;
    font-weight: normal;
    font-size: 11px;
    padding: 4px;
    border: 1px solid #2F3030;
}
table.borderedTable tbody td h3{font-size: 11px; margin: 0;}
table.borderedTable tbody td
{
    padding: 4px;
    border: 1px solid #2F3030;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #CFCFCF;
}
table.borderedTable tbody td a{color: #fff;}
table.borderedTable tbody tr.even{background-color:#232222;}
.rowBold{font-weight:bold}
table.borderedTable{width: 100%;}

/* ~~~ === CLASSES ============================================= ~~~ */
a.more
{
    padding-right: 10px;
    background: url(../images/arrow_more.png) no-repeat 100% 3px;
}
.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;}