@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

html, body {margin:0px; padding:0px; background:#32382C; font-family:Geneva, Arial, Helvetica, sans-serif, sans-serif; font-size:12px;}
body {}
/*Header and Footer */
.head {display:block; margin: 0; height:120px; min-width: 930px; color:#fff; background: url(headerbg.gif) left top repeat-x #282828; text-align:left; padding: 0 5px 5px 5px; font-size:10px; border-bottom: 2px solid #000;}
.foot {display:block; background: url(footerbg.gif) left top repeat-x; border-top: 2px solid #000;}
.logoBox {float: left; width: 300px; margin-right: 140px;}


/* Center Template */
#container {position:relative; display:block; min-width: 600px; background: url(pictures/burlap_backdrop.jpg) left top repeat; border-left:167px solid #32382C; border-right:173px solid #32382C;}
#inner {display:block; margin-left:-167px; margin-right:-173px; padding: 0 2px 0 2px;}
#left {float:left; position:relative; width:165px; left:0px; padding: 1px; height: 100%;}
#right {float:right; position:relative; width:165px; right:0px;}
#center {margin-left:165px; margin-right:170px; position:relative; display:block; height:1%; padding: 0 10px 0 10px; border-left: 2px solid #000; border-right: 2px solid #000;}
.clear {clear:both;}

/* Anchors */
div#topOfPageAnchor {position: absolute; top: 0; left: 0; height: 0;}
a:link {color: #6699CC; text-decoration: none;}
a:visited {color: #6699CC; text-decoration: none;}
a:hover {color: #6699CC; text-decoration:underline;}
a:focus {background: none; text-decoration:underline;}
a:active {color: #ffffff; background: none;}
a.leg, a.leg:link, a.leg:visited, a.leg:hover, a.leg:focus, a.leg:active {color:#F07800; text-decoration: underline;}
a.epic, a.epic:link, a.epic:visited {color: #A335EE;}
a.epic:hover, a.epic:focus, a.epic:active {text-decoration: underline;}
a.rare, a.rare:link, a.rare:visited {color: #405ee5;}
a.rare:hover, a.rare:focus, a.rare:active {text-decoration: underline;}
a.uc, a.uc:link, a.uc:visited{color: #00DD00;}
a.uc:hover, a.uc:focus, a.uc:active {text-decoration: underline;}
a.com, a.com:link, a.com:visited, a.com:hover, a.com:focus, a.com:active {color:#FFFFFF; text-decoration: underline;}
a.poor, a.poor:link, a.poor:visited, a.poor:hover, a.poor:focus, a.poor:active {color:#666666; text-decoration: underline;}
a.boa, a.boa:link, a.boa:visited {color: #B1AC8D;}
a.boa:hover, a.boa:focus, a.boa:active {text-decoration: underline;}

/* Text */
h1 {margin-top: 5px; overflow:visible; background: url(menubg1.gif) left top repeat-x; border-bottom: 1px solid #fff; color: #FFFFFF; padding:2px; padding-left: 5px; font: bold 1.4em/1.3571428em Arial, Helvetica, sans-serif; margin-left: -10px; margin-right: -10px;}
h2 {margin: 0; margin-top: 0px; overflow:visible; color: #FFFFFF; padding: 15px 10px 15px 10px; font: bold 1.4em/1.2571428em Arial, Helvetica, sans-serif;}
h3 {margin: 0; overflow:visible; color: #FFFFFF; background-color: #3B3B3B; border: #FFFFFF solid 1px; padding: 10px 10px 10px 5px; font: 1.0em/0.8571428em Arial, Helvetica, sans-serif;}
h4 {margin: 0; overflow:visible; color: #FFFFFF; padding: 10px 5px 5px 5px; font: bold 1.2em/1.4571428em Arial, Helvetica, sans-serif;}
h5 {margin-top: 20px; padding-bottom: 5px; overflow:visible; border-bottom: 2px dashed #717F64; color: #FFFFFF; font: bold 1.2em/1.1571428em Arial, Helvetica, sans-serif;}
h6 {text-align: center; overflow: visible; text-transform:capitalize; color: #FFFFFF; padding-right: 0.3em; font: bold 1.4em/1.2571428em Arial, Helvetica, sans-serif; background-color : #869279;}
p { overflow:visible; color: #fff; margin-bottom: 30px; margin-top: 30px;}
.foot p {overflow: visible; color: #FFFFFF; text-align: center; font: 9px Arial, Helvetica, sans-serif; min-width: 600px; margin: 0 165px 0 165px; padding: 25px 0 5px 0;}
img {border:none;}


/* Navigation */
.navigation, .navigation ul {padding:0; margin:0; list-style:none; float: left; width: 13em; }
.navigation li {position: relative; float: left; line-height: 1.25em; margin-bottom: -1px; width:13em;}
.navigation li ul {position: absolute; left:-999em; margin-left: 13em; margin-top: -2.3em; z-index: 10000;}
.navigation li ul ul {left: -999em;}	
.navigation li a {width: 10em; w\idth: 13em; display: block; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; background:url(table-header-stripe.jpg) 0 50% repeat-x; text-align:left; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom:1px solid #000; border-left: 1px solid #fff; padding: 6px 5px 6px 5px;}
.navigation li a:hover, .navigation li a:focus {color: #fff; background: url(table-header-stripe2.jpg) 0 50% repeat-x;}
.navigation li:hover ul ul, .navigation li:focus ul ul, .navigation li:hover ul ul ul, .navigation li:focus ul ul ul, .navigation li.sfhover ul ul, .navigation li.sffocus ul ul, .navigation li.sfhover ul ul ul, .navigation li.sffocus ul ul ul {left: -999em;}
.navigation li:hover ul, .navigation li:focus ul, .navigation li li:hover ul, .navigation li li:focus ul, .navigation li li li:hover ul, .navigation li li li:focus ul, .navigation li.sfhover ul, .navigation li.sffocus ul, .navigation li li.sfhover ul, .navigation li li.sffocus ul, .navigation li li li.sfhover ul, .navigation li li li.sffocus ul {left: auto;}

#back-to-top-link  {}	

/* Body */
.topnav {font-size: 0.9em; color: #fff; border-bottom: 1px #fff solid; padding: 1em;}

.hidden {visibility: hidden;}
.navBox {float: right; width: 150px; padding: 0px; margin: 10px 0px 20px 20px; background-color : #869279; border: 1px solid #fff;}
.navBox p {font-size: 0.9em;}
.navBox a:link {color: #fff; text-decoration: none;}
.navBox a:visited {color: #fff; background: none; text-decoration: underline;}
.navBox a:hover {color: #fff; text-decoration:underline;}
.navBox a:focus {background: none;}
.navBox a:active {list-style-type: none; width: 160px; padding: 5px;}
#generated-toc {color: #fff; text-decoration: none;}
.generate_from_h2 {list-style-type: none;}
.popContBox {float: left; width: 150px; padding: 0; border-bottom: 2px solid #fff; margin: 10px 0 20px 0;} 
.popContBox ul {list-style-type: none; width: 150px; display: block; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; text-align:left; margin: 0;}
.popContBox ul li a {w\idth: 142px; display: block; border-top: 1px solid #fff; border-right: 2px solid #fff; border-left: 2px solid #fff; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; background-color: #869279; text-align:left; padding: 3px 0 3px 5px;}
.popContBox ul ul {font-size: 1em;}
.popContBox ul li ul { padding:0;}
.popContBox a:link, #popContBox a:visited {text-decoration: none; text-transform: none; font-weight: bold; display: block;  background-color: #869279; color: #ffffff;}
.popContBox a:hover, #popContBox a:active {width: 142px; background-color: #98a589; text-align:left; text-decoration:underline; padding-left: 5px;}
.popContBox #title {background:url(pictures/top.png) no-repeat; background-color: #32382C; width: 150px; padding: 8px 0 8px 8px; margin-left: -1px; margin-bottom: -4px; margin-top: 2px; margin-right: 4px;}


/* Images */
#proficon {float:left; padding: 8px 8px 0 0; width: 35px; height: 35px;}
.videothumb {margin-top: 15px; margin-bottom: 10px;}
.videothumb img {margin-top: 5px; margin-left: 20px; margin-right: 20px; border: 2px solid #fff;}
.videothumb img:hover {border: 2px solid #6699CC;}
.videothumb p {width: 120px; margin-left: 10px; margin-right: 20px; padding: 0 0 20px 0; }


/* ADS */
.leftAdBox {position: relative; margin: 5px;}
.rightAdBox {position: fixed; float: right; }
#titleAdBox {position: relative; text-align: center; margin-top: 10px; margin-bottom: 20px;}
.header {position: relative; float: right; right: 5px; padding: 10px 0 0 0;}
.bottomad {position: relative; text-align: center; padding-bottom: 30px;}
.searchbox {position: relative; float: right; right: 5px; width: 275px; top: 5px;}


/* Table Attributes */
table {border-collapse: collapse; margin: 0 0 10px 0; table-layout: auto;}
th, td {border: 1px solid #c9c9c9; font-size: 1.0em; color: #fff; padding: 5px; background: #444C49;}
caption {display:block; text-transform: uppercase; background-color:#869279; color: #869279; border: 1px 1px 0 1px solid #fff; font-weight: bold; font-size: 1.1em; padding: 0 0 5px 0;}
th {background: url(pictures/table-bg.jpg) left top repeat-x; background-color: #627155; text-align: center; color: #fff; padding: 5px 20px 5px 20px;}
tbody tr.alt td {background: #e7edf6;}
tr.highlight td {color: #fff; font-weight: bold; padding: 3px; background: url(pictures/tablehighlight-bg.jpg) left top repeat-x #444C49; border-bottom: 2px solid #fff;}
tfoot {display:none;}

/* Lists */
ul {margin: 15px 15px 30px 15px; color: #fff; list-style-position: inside;}
li {color: #fff;}

/* Sub Navigation Menu */
#sub {position: relative; float: right; margin: 10px 0 20px 20px;}
#sub ul {list-style-type: none; width: 148px; display: block; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; text-align:left; margin: 0;}
#sub ul li a {w\idth: 142px; background-color : #869279; border-top: 1px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; background-color: #869279; text-align:left; padding: 3px 0 3px 5px; margin-left: -2px; margin-top: -2px;}
#sub ul ul {font-size: 1em;}
#sub ul li ul { padding:0;}
#sub a:link, #sub a:visited {text-decoration: none; text-transform: none; font-weight: bold; display: block;  background-color: #869279; color: #ffffff;}
#sub a:hover, #sub a:active {width: 142px; background-color: #98a589; text-align:left; text-decoration:underline; padding-left: 5px;}
#sub #title {background:url(pictures/top.png) no-repeat; background-color: #32382C; width: 150px; padding: 8px 0 8px 8px; margin-left: -3px; margin-bottom: -4px; margin-top: 2px; margin-right: 4px;}


#news {float: left; position: relative; display: block; width: 99%;}
#newsBox {float: left; height: 120px; width: 200px; margin-top: 30px; margin-left: 10px; margin-bottom: 20px; background-color: #869279; border-right: 1px solid #717F64; border-bottom: 1px solid #717F64; border-left: 1px solid #717F64;}
#newsBox ul {list-style-type: none; width: 200px; display: block; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; text-align:left; }
#newsBox ul li a { w\idth: 195px; display: block; color: white; font: bold 11px Geneva, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; background-color: #869279; text-align:left; padding: 3px 0 3px 5px;}
#newsBox ul ul {font-size: 1em;}
#newsBox ul li ul { padding:0;}
#newsBox a:link, #sub a:visited {text-decoration: none; text-transform: capitalize; font-weight: bold; display: block;  background-color: #869279; color: #ffffff;}
#newsBox a:hover, #newsBox a:active {width: 195px; background-color: #98a589; text-align:left; text-decoration:underline; padding-left: 5px;}
#newsBox #title {padding: 5px 0 5px 0; text-align: center; background-color: #32382C; border-top: 1px solid #717F64; border-bottom: 1px solid #666666 }


/* News Box */

div.newsscroll {width: 100%; padding-bottom: 10px; padding-top: 10px;}

div.newslayout {background: url(pictures/burlap_backdrop.jpg) left top repeat;}

div.newsicon { float: left; padding-left: 10px; padding-right: 5px;}

div.newssubject {position: relative; background: url(pictures/headerbg2.jpg) left top repeat-x; background-color: #3f4737; color: #fff; font: 12px Geneva, Arial, Helvetica, sans-serif, sans-serif; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 4px solid #fff; padding: 25px 0 25px 0;}

span.smaller {position: absolute; right: 0;}
div.newsbody {position: relative; background: url(header-shadow.jpg) repeat-x; background-color:#464F3E; color: #fff; padding: 30px 10px 50px 10px; list-style-position: inside; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin-bottom: 30px; }

span.newslink {float: right; padding-bottom: 5px; padding-right: 15px; color: #fff;}
div.newsavatar {position:relative; margin-top: -40px; margin-left: 225px;}