@import "reset.css";
@import "text.css";
@import "960.css";

body { background: #111 url(../images/bg.gif) top center repeat; }
a, a:visited { color: #C00; text-decoration: none; }
a:hover { text-decoration: underline; }
#layout { background: #0C0C0C url(../images/main_bg.gif) repeat-y top center; width: 980px; margin: auto; }

#hdr_top { position: relative; left: 6px; }
#login { height: 32px; }
#login input.inptxt { background: url(../images/input_bg.png) no-repeat top center; border: none; font-size: 11px; text-align: center; width: 130px; height: 22px; padding-top: 6px; }
#sbmt_btn { position: relative; top: 5px; }

.hdr { font-size: 12px; font-weight: bold; color: #FFE2E2; line-height: 30px; text-indent: 10px; height: 30px; }
#news .hdr { background: url(../images/hdr_220.png) no-repeat top center; width: 220px; }
#news #bg { background: #111 url(../images/news_bg.gif) no-repeat top center; }
.news_entry { padding: 20px; }
#news .hdln { font-weight: bold; }
#flash .hdr, #sites .hdr, #sbpg .hdr { background: url(../images/hdr_700.png) no-repeat top center; width: 700px; }
#mem .hdr, #wm_ref .hdr { background: url(../images/hdr_340.png) no-repeat top center; width: 340px; }
#mem #bg { position: relative; background: url(../images/mem_bg.png) no-repeat top center; width: 340px; height: 150px; }
#wm_ref #bg { position: relative; background: url(../images/wm_ref_bg.png) no-repeat top center; width: 340px; height: 150px; }

#mem #bg .btn, #wm_ref #bg .btn { position: absolute; top: 116px; left: 123px; }

.prog_cntnr { position: absolute; top: 75px; left: 20px; width: 200px; line-height: 1.0em; }

.site_thumb { background: #111; }
.thumb { padding: 10px; }
#sites .cntnr { padding: 10px; padding-top: 0px; }
#sites .flt_lft { float: left; width: 40px; }
#sites .flt_rgt { float: right; text-align: left; width: 160px; }

#nav { background: #111 url(../images/nav_bg.png) repeat-y top center; }
#nav_top { background: url(../images/nav_top.png) no-repeat top center; width: 220px; height: 3px; }
#nav ul { list-style: none; margin: 0px; padding: 0px; }
#nav li { text-indent: 22px; line-height: 30px; margin: 0px; padding: 0px; }
#nav li a { display: block; color: #F3F5F9; font-weight: bold; text-transform: capitalize; }
#nav li a:hover, #nav li.active { color: #C00; font-weight: bold; text-decoration: none; }

#ftr { position: relative; background: url(../images/ftr_bg.jpg) no-repeat top center; width: 940px; height: 130px; }
#btm_nav ul { list-style: none; padding: 0px; margin: 0px; padding-top: 6px; }
#btm_nav li { display: inline; padding: 0px; margin: 0px; padding-left: 5px; padding-right: 5px; }
#btm_nav a, #btm_nav a:visited { color: #F66; font-weight: bold; }
#btm_nav a:hover, #btm_nav li.active { color: #F3F5F9; }
#copyright { position: absolute; top: 86px; left: 40px; color: #666; }

#sbpg { background: #111; }
#sbpg .cntnr { padding: 20px; }