body {

background:#FFF;

color:#000;

font-family:Arial, Helvetica, sans-serif;

line-height:1.5;

}



body#bd {

color:#000;

margin-top:5px;

background:#F1F1F1;

}



body.contentpane {

color:#000;

font-size:12px;

line-height:1.3em;

width:auto;

margin:1em 2em;

}



body.fs1 {

font-size:10px;

}



body.fs2 {

font-size:11px;

}



body.fs3 {

font-size:12px;

}



body.fs4 {

font-size:13px;

}



body.fs5 {

font-size:14px;

}



body.fs6 {

font-size:15px;

}



a {

color:#069;

font-weight:400;

text-decoration:none;

}



.contentheading,.componentheading,.blog_more strong,h1,h2,h3,h4 {

line-height:normal;

color:#069;

}



small,.small,.smalldark,.article-meta,.modifydate,.img_caption p,.site-slogan,#ht-topnav,#ht-pathway,#ht-subnav,#ht-footer,#ht-col1,#ht-col2,#ht-botsl {

font-size:92%;

}



.img_caption.left,.img_caption.right {

margin-top:3px;

}



h1 {

font-size:200%;

}



h3 {

font-size:150%;

}



h4 {

font-size:125%;

}



p,pre,blockquote,ul,ol,h1,h2,h3,h4,h5,h6 {

margin:3px;

padding:0;

}



ul {

list-style:none;

}



ul li {

background:none;

padding-left:5px;

}



ol li {

margin-left:35px;

}



th {

font-weight:700;

text-align:left;

padding:8px;

}



fieldset {

border:none;

background:url(../images/dot.gif) repeat-x top;

padding:10px 5px;

}



hr {

border-bottom:0;

border-left:0;

border-right:0;

border-top:1px solid #EEE;

height:1px;

}



form label {

cursor:pointer;

}



#form-login .inputbox {

border:none;

background:#FFF;

color:#000;

font-size:100%;

}



input,select,textarea,.inputbox,.button {

color:#333;

font-size:100%;

}



#ht-logAndNav #modlgn_passwd,#modlgn_username,textarea,.button {

color:#333;

font-size:100%;

background:#fdfde5;

}



#ht-logAndNav #modlgn_passwd,#modlgn_username {

color:#fff!important;

font-size:100%;

background:#000!important;

}



.inputbox {

border:1px solid #CCC;

background:#FFF;

color:#000;

font-size:100%;

padding:2px;

}



.button {

-moz-box-shadow: 0 1px 3px #555; 

-webkit-box-shadow: 0 1px 3px #555; 

border-top: 1px solid #eee;

border-left: 1px solid #eee; 

border-bottom: 1px solid #bbb; 

border-right: 1px solid #aaa;

background:#006699;

color:#f2f2f2;

text-shadow: 0px 1px 8px #fff;

text-transform:uppercase;

font-size:92%;

padding:1px 8px;

}





.button:hover {

background:#006699;

color:#fff;

text-shadow: 0px 1px 2px #000;



}



.article_separator,.article_seperator {

clear:both;

display:block;

height:30px;

background:url(../images/dot.gif) repeat-x center;

margin:0;

}



.column_separator {

padding:5px 25px 5px 15px;

}



.separator {

display:block;

font-weight:700!important;

color:#fff;

background:#202020;

border-top: 2px solid #eee!important;

border-left: 2px solid #eee!important; 

border-bottom: 1px solid #eee!important; 

border-right: 1px solid #eee!important;

-moz-box-shadow: 2px 2px 2px #777; 

-webkit-box-shadow: 2px 2px 2px #777;

margin-bottom:3px;

margin-top:1px;

padding:5px;

}



.separator img {

margin-right:6px;

}



.sectiontableheader {

background:#8D7962;

color:#FFF;

font-weight:700;

padding:4px 8px;

}



.sectiontableheader a,.sectiontableheader a:hover,.sectiontableheader a:active,.sectiontableheader a:focus {

color:#FFF;

font-weight:700;

}



tr.sectiontableentry0 td,tr.sectiontableentry1 td {

background:#fff;

border-bottom:1px solid #eee;

padding:8px;

}



tr.sectiontableentry2 td {

background:#f9f9f9;

border-bottom:1px solid #eee;

padding:8px;

}



table.contentpane {

border:none;

width:100%;

}



table.contentpaneopen {

border:none;

border-collapse:collapse;

border-spacing:0;

}



table.contenttoc {

width:20%;

float:right;

background:#f1eece;

margin:10px 0 10px 15px;

padding:0;

}



table.contenttoc td {

background:url(../images/bullet.gif) no-repeat 12px 8px;

padding:1px 5px 1px 20px;

}



table.contenttoc th {

border-bottom:2px solid #fff;

text-indent:5px;

color:#fff;

font-size:11px;

background:#c90;

padding:0 0 1px;

}



table.poll {

border-collapse:collapse;

width:100%;

padding:0;

}



table.pollstableborder {

border:none;

text-align:left;

width:100%;

padding:0;

}



table.pollstableborder img {

vertical-align:baseline;

}



table.pollstableborder td {

border-collapse:collapse;

border-spacing:0;

background:none;

padding:4px!important;

}



table.pollstableborder tr.sectiontableentry1 td {

background:#E6E6E6;

}



table.searchintro {

width:100%;

padding:10px 0;

}



table.searchintro td {

padding:5px!important;

}



.blog_more {

background:url(../images/dot.gif) repeat-x top;

margin:15px 0 0;

padding:10px 0 0;

}



.blog_more strong {

display:block;

text-transform:uppercase;

margin:0 0 5px;

}



.blog_more ul li {

background:url(../images/bullet.gif) no-repeat 4px 8px;

margin:0;

padding:0 0 0 12px;

}



.contentdescription {

padding-bottom:3px;

}



.contentheading {

padding-left:5px;

font-family:Georgia, Times, serif;

font-size:200%;

background:#4b5d64;

color:#fff;

margin-bottom:5px;

border:1px solid #1b5d64;

}



a.readon {

line-height:24px;

font-weight:700;

text-transform:uppercase;

font-size:90%;

background:#006699;

letter-spacing:0;

padding:2px 5px;

-moz-box-shadow: 0 1px 3px #555; 

-webkit-box-shadow: 0 1px 3px #555; 

border-top: 1px solid #eee;

border-left: 1px solid #eee; 

border-bottom: 1px solid #bbb; 

border-right: 1px solid #aaa;

background:#006699;

color:#f2f2f2;

text-shadow: 0px 1px 8px #fff;

}



a.readon:hover,a.readon:focus,a.readon:active {

color:#FFF;

text-decoration:none;

}



.moduletable {

padding:0;

}



ul.pagination {

background:url(../images/dot.gif) repeat-x top;

color:#999;

margin:15px auto 0;

padding:10px 0 0;

}



ul.pagination li span { 

padding:2px 5px;

}



ul.pagination a {

text-decoration:none;

background:#EEE;

color:#069;

border:1px solid #eee;

padding:2px 3px;

}



ul.pagination a:hover,ul.pagination a:active,ul.pagination a:focus {

background:#a2bb8a;

color:#FFF;

}



.pagenavbar {

background:url(../images/icon-pages.gif) no-repeat center left;

font-weight:700;

padding-left:14px;

}



.pagenavcounter {

background:url(../images/icon-pages.gif) no-repeat 0 11px;

font-weight:700;

padding:8px 14px 0;

}



.smalldark {

text-align:left;

}



.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {

background:none;

}



ul.latestnews a,ul.mostread a {

color:#006699;

}



.article-toolswrap {

display:block;

position:relative;

margin:0 0 10px;

padding:0;

}



.article-tools {

display:block;

padding:0 10px 0 0;

}



.article-meta {

width:70%;

float:left;

color:#999;

}



.createdate {

padding-right:6px;

margin-right:5px;

background:url(../images/vline.gif) no-repeat right;

}



.modifydate {

width:100%;

display:block;

color:#bbb;

margin:15px 0;

}



.article-section {

padding-left:6px;

margin-left:5px;

background:url(../images/vline.gif) no-repeat left center;

}



div.buttonheading {

position:absolute;

top:0;

right:10px;

}



.buttonheading img {

border:0;

float:right;

margin:0 0 0 5px;

}



#ht-wrapper {

width:970px;

margin:0 auto;

}



.narrow #ht-wrapper {

width:760px;

margin:0 auto;

}



#ht-mainbody {

width:78%;

float:left;

}



#ht-content {

clear:both;

display:block;

float:right;

width:72%;

background:url(../images/content-center.gif.png) repeat-y center;

}



#ht-content-top {

background:url(../images/content-top.gif.png) no-repeat center top;

}



#ht-content-bot {

background:url(../images/content-bot.gif.png) no-repeat center bottom;

}



.narrow #ht-content {

background:url(../images/content-center-n.gif) repeat-y center;

}



.narrow #ht-content-top {

background:url(../images/content-top-n.gif) no-repeat top center;

}



.narrow #ht-content-bot {

background:url(../images/content-bot-n.gif) no-repeat bottom center;

}



#ht-current-content {

padding:20px 20px 10px;

}



#ht-col1 {

float:left;

overflow:hidden;

width:28%;

}



#ht-col2 {

float:right;

overflow:hidden;

width:22%;

}



#ht-containerwrap-fr #ht-col1 {

width:22%;

}



#ht-containerwrap-fr #ht-content {

width:78%;

background:url(../images/content-center2.gif.png) repeat-y center #fff;

}



#ht-containerwrap-fl #ht-content {

width:100%;

background:url(../images/content-center2.gif.png) repeat-y center;

}



#ht-containerwrap-f #ht-content {

width:100%;

background:url(../images/content-center1.gif.png) repeat-y center;

}



#ht-containerwrap-f #ht-content-top {

background:url(../images/content-top1.gif.png) no-repeat center top;

}



#ht-containerwrap-f #ht-content-bot {

background:url(../images/content-bot1.gif.png) no-repeat center bottom;

}



#ht-containerwrap-f #ht-current-content {

padding-left:20px;

padding-right:20px;

}



.narrow #ht-containerwrap-f #ht-content {

background:url(../images/content-center1-n.gif) repeat-y center;

}



.narrow #ht-containerwrap-f #ht-content-top {

background:url(../images/content-top1-n.gif) no-repeat center top;

}



.narrow #ht-containerwrap-f #ht-content-bot {

background:url(../images/content-bot1-n.gif) no-repeat center bottom;

}



div.module h3,div.module_text h3,div.module_menu h3,div.module_hilite h3,div.ht-box-br h3 {

font-size:145%;

color:#f9f9f9;

background: #444444;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');

background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000)); 

background: -moz-linear-gradient(top,  #444,  #000); 

padding: 8px 10px 5px; 

margin-bottom: 5px!important;

font-weight: bold;

text-shadow: 1px 1px 0px #000; 

line-height: 1; 

border-top: 2px solid #eee;

border-left: 2px solid #eee; 

border-bottom: 2px solid #bbb; 

border-right: 2px solid #aaa;

height:20px;

}



div.module,div.module_text,div.module_menu,div.module_hilite,div.ht-box-br {

float:left;

clear:both;

width:100%;

background:url(../images/box-br.gif.png) no-repeat bottom right #FFF;

overflow:hidden;

padding:0;

}



div.module div,div.module_text div,div.module_menu div,div.module_hilite div,div.ht-box-bl {

background:url(../images/box-bl.gif.png) no-repeat bottom left;

padding:0;

}



div.module div div,div.module_text div div,div.module_menu div div,div.module_hilite div div,div.ht-box-tr {

background:url(../images/box-tr.gif.png) no-repeat top right;

padding:0;

}



div.module div div div,div.module_text div div div,div.module_menu div div div,div.module_hilite div div div,div.ht-box-tl {

background:url(../images/box-tl.gif.png) no-repeat top left;

padding:4px 3px 4px 4px;

}



div.module div div div div,div.module_text div div div div,div.module_menu div div div div,div.module_hilite div div div div {

background:none;

margin:0;

padding:0;

}



div.ht-box-ct {

background:url(../images/box-bg.gif) repeat-x top left!important;

padding:10px 15px!important;

}



div.module_menu div.ht-box-ct {

padding:2px 0 0!important;

}



div.banneritem_text {

padding:5px 0!important;

}



div.advs {

clear:both;

display:block;

float:left;

width:100%;

}



div.moduletable li,div.moduletable_menu li,div.moduletable_text li {

padding-left:13px;

background-position:5px 7px;

}



#ht-header {

background:url(../images/header-bg.png) repeat-x top left!important;

line-height:normal;

position:relative;

z-index:999;

width:100%!important;

height:103px!important;

}



#ht-logAndNav {

height:30px;

left:28px;

top:10px;

background: #f9f9f9;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');

background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); 

background: -moz-linear-gradient(top,  #fff,  #ddd); 

border:1px solid #ddd;

padding:5px 25px 0px 2px;

}



#ht-loginpos {

float:left;

}



#ht-topnav ul {

margin:0;

padding:2px 0;

}



#ht-topnav li {

display:inline;

line-height:1.6;

background:url(../images/vline.gif)no-repeat center left;

margin:0;

padding:0;

}



#ht-topnav li a {

display:inline;

padding:0 10px;

}



#ht-leaderboard {

margin-top:7px;

margin-left:227px;

}



#ht-mainnav {

background:url(../images/grad-2.gif) repeat-x top #000;

width:100%;

position:relative;

padding:0;

}



#ht-mainnav a,#ht-subnav a {

outline:none;

line-height:normal;

}



#ht-subnav {

background:#FFF;

clear:both;

}



#ht-subnav a {

display:block;

float:left;

outline:none;

text-decoration:none;

background:url(../images/vline.gif) no-repeat left 9px;

margin:0;

padding:7px 15px 5px;

}



#ht-subnav li.active a {

color:#000;

font-weight:700;

text-decoration:underline;

}



#ht-pathway strong {

margin-right:5px;

}



#ht-pathway img {

margin:1px 5px;

}



ul.menu {

list-style:none;

display:block;

margin:0;

padding:0;

}



ul.menu li {

display:block;

line-height:normal;

border-bottom:1px solid #f2f2f2;

margin:0;

padding:0;

}



ul.menu li a {

display:block;

height: 15px;

outline:none;

text-decoration:none;

color:#069;

background: #f9f9f9;

border: 1px solid #eee;

border-bottom: 1px solid #aaa;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');

background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); 

background: -moz-linear-gradient(top,  #fff,  #eee); 

margin-top:5px;

padding:8px 5px;

}



ul.menu li a:hover,ul.menu li a:active,ul.menu li a:focus {

color:#900;

text-decoration:none;

background: #f9f9f9;

border: 1px solid #ddd;

border-bottom: 1px solid #aaa;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');

background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); 

background: -moz-linear-gradient(top,  #eee,  #fff); 

}



ul.menu li.active a {

font-weight:700;

border:1px solid #f6f6f6;

background:#f9f9f9!important;

color:#069;

margin:0;

padding:5px;

}



ul.menu li li {

border:none;

background:none;

padding:0;

}



ul.menu li li a {

height: 25px;

color:#333!important;

font-weight:400!important;

background: #fdfdfd!important;

border: 1px solid #f9f9f9;

border-bottom: 1px solid #eee;

padding:0px 5px 5px 5px !important;

}



ul.menu li li a:hover,ul.menu li li a:active,ul.menu li li a:focus {

color:#069;

text-decoration:none;

}



ul.menu li li li a {

color:#000!important;

font-weight:400!important;

padding-left:45px!important;

background:url(../images/bullet.gif) no-repeat 35px 10px!important;

}



ul.menu li li li.active a {

font-weight:700!important;

}



.ht-box-full,.ht-box-left,.ht-box-center,.ht-box-right {

float:left;

overflow:hidden;

}



#ht-botsl .ht-box-tl {

padding:0 15px;

}



#ht-botsl div.module h3 {

font-size:150%;

border-bottom:1px solid #DDD;

margin:0 -14px;

padding:5px 0 5px 30px;

}



#ht-botsl div.module {

float:none;

width:auto;

background:url(../images/box-r-br.gif.png) no-repeat bottom right #FFF;

overflow:hidden;

margin:20px 5px;

padding:0;

}



#ht-botsl div.module div {

background:url(../images/box-r-bl.gif.png) no-repeat bottom left;

}



#ht-botsl div.module div div {

background:url(../images/box-r-tr.gif.png) no-repeat top right;

}



#ht-botsl div.module div div div {

background:url(../images/box-r-tl.gif.png) no-repeat top left;

padding:10px 15px;

}



#ht-footer {

clear:both;

position:relative;

color:#999;

text-align:center;

padding:15px 20px;

}



ul.accessibility {

position:absolute;

top:-100%;

background:#B2324C;

}



li.ht-firstitem,#ht-subnav li.first-item a,#ht-subnav a.first-item {

background:none!important;

}



#form-login p {

margin:0 0 5px;

}



#form-login ul {

margin:5px 0 0;

}



#ht-usertools {

position:absolute;

right:10px;

top:8px;

}



#ht-usertools ul {

display:inline;

margin:0;

padding:0 10px 0 0;

}



#ht-usertools ul li {

float:right;

background:none;

margin:0;

padding:0 2px;

}



#ht-search {

position:absolute;

right:130px;

top:20px;

height:60px;

width:468px;

}



#ht-search .inputbox {

border:none;

background:none;

width:198px;

margin:2px 3px 0 5px;

}



#ht-search .button {

border:none;

background:none;

}



#ht-banner {

text-align:center;

overflow:hidden;

width:100%;

clear:both;

padding:20px 0 0;

}



div.back_button a,div.back_button a:hover,div.back_button a:active {



background:none!important;

display:block;

text-decoration:none!important;

margin:10px 0;

}



.clr {

clear:both;

}



div.ht-innerdiv {

background:url(../images/dot.gif) repeat-x bottom!important;

padding:10px 0 12px!important;

}



div.ht-innerdiv img.border {

border:1px solid #CCC;

margin-right:10px;

padding:2px;

}



.tool-tip {

background:#FFF;

border:1px solid #CCC;

float:left;

max-width:200px;

z-index:999;

color:#333;

padding:5px;

}



.tool-title {

background:url(../../system/images/selector-arrow.png) no-repeat;

font-size:100%;

font-weight:700;

margin:-15px 0 0;

padding:15px 0 5px;

}



.tool-text {

font-size:100%;

margin:0;

}



#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li {

background:none;

color:#00529B;

margin:0;

padding:5px;

}



.clearfix:after {

clear:both;

content:".";

display:block;

height:0;

visibility:hidden;

}



* html > body .clearfix {

display:block;





width:100%;

}



* html .clearfix {

height:1%;

}



#jflanguageselection {

margin-top:2px;

}



a:hover,a:active,a:focus,#ht-subnav a:hover,#ht-subnav a:active,#ht-subnav a:focus {

text-decoration:none;

color:#900;

}



a img,.hasTip img {

border:none;

}



.img_caption p,div.syndicate div {

text-align:center;

}



fieldset.input,#ht-botsl div.module div div div div {

background:none;

padding:0;

}



td,th,div,#ht-footer small {

font-size:100%;

}



* html .button,*+html .button {

padding:0 5px!important;

}



table.contentpaneopen,table.contentpane,table.blog,#ht-containerwrap-fr #ht-mainbody,#ht-containerwrap-f #ht-mainbody {

width:100%;

}



.article-section a,.article-category a,#ht-pathway {

color:#999;

}



#ht-containerwrap-fr #ht-content-top,#ht-containerwrap-fl #ht-content-top {

background:url(../images/content-top2.gif.png) no-repeat center top;

}



#ht-containerwrap-fr #ht-content-bot,#ht-containerwrap-fl #ht-content-bot {

background:url(../images/content-bot2.gif.png) no-repeat center bottom;

}



.narrow #ht-containerwrap-fr #ht-content,.narrow #ht-containerwrap-fl #ht-content {

background:url(../images/content-center2-n.gif) repeat-y center;

}



.narrow #ht-containerwrap-fr #ht-content-top,.narrow #ht-containerwrap-fl #ht-content-top {

background:url(../images/content-top2-n.gif) no-repeat center top;

}



.narrow #ht-containerwrap-fr #ht-content-bot,.narrow #ht-containerwrap-fl #ht-content-bot {

background:url(../images/content-bot2-n.gif) no-repeat center bottom;

}



#ht-subnav ul,ul.menu li ul {

list-style:none;

margin:0;

padding:0;

}



div.sobi2latest {

display:block;

text-align:center!important;

vertical-align:middle!important;

width:100px!important;

height:auto!important;

background:#f9f9f9;

border: 1px solid #ddd!important;

height: 110px!important;

border-bottom: 1px solid #aaa!important;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')!important;

background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff))!important; 

background: -moz-linear-gradient(top,  #eee,  #fff)!important; 

padding-top:20px!important;

padding-bottom:2px!important;

margin:5px!important;

}



div.sobi2latest a {

display:block;

clear:both;

text-align:center!important;

vertical-align:bottom!important;

margin-top:-15px!important;

}



div.sobi2latest img {

border:1px solid #006699!important;

padding:1px;

}



div.sobi2toprated {

display:block;

text-align:center!important;

vertical-align:middle!important;

width:100px!important;

height:auto!important;

padding-left: 2px!important;

padding-right: 5px!important;

background:#f9f9f9!important;

border:1px solid #eee!important;

padding-top:20px!important;

padding-bottom:2px!important;

margin:5px!important;

}

div.sobi2toprated img {

  padding: 2px;

border: 1px solid #ddd;

background: #fff;

}

div.sobi2toprated span.votes,

div.sobi2toprated a {

border: none!important;

  color: #006699;

  font-weight: bold;

}

div.sobi2toprated a {

display:block;

clear:both;

text-align:center!important;

vertical-align:bottom!important;

margin-top:-15px!important;

}



#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul {

font-size:11px;

border:1px solid #aeb1e1;

background-repeat:no-repeat;



background-position:5px center;

background-color:#BDE5F8;

background-image:url(../images/info.png);

padding:5px 5px 5px 15px;

}



ul.pagination li,#ht-subnav li {

background:none;

display:inline;

margin:0;

padding:0;

}



#ht-containerwrap,#ht-containerwrap-fr,#ht-containerwrap-fl,#ht-containerwrap-f,#ht-botsl {

clear:both;

margin:0;

padding:0;

}



h1.logo,div.logo-text,html,body,form,fieldset,img,form,.blog_more ul,#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul {

margin:0;

padding:0;

}



.tagstyle {

background:#eef;

margin-bottom:10px;

margin-top:5px;

color:#111;

font-weight:700;

border:1px solid #ddd;

padding:10px;

}



h1.componentheading,.componentheading,h2.contentheading,h2,table.blog .contentheading {

font-family: Georgia, Times, serif;

font-size:200%;

height: 25px;

color: 000;

background:#F3D784;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3D784', endColorstr='#f0cd65');

background: -webkit-gradient(linear, left top, left bottom, from(#F3D784), to(#f0cd65)); 

background: -moz-linear-gradient(top,  #F3D784,  #f0cd65);

margin-bottom:5px;

border:1px solid #f0cd65;

border-bottom:1px solid #bbb;

padding:5px;

}



ul.menu li li.active a,fieldset a,.category {

font-weight:700;

}



/* Bolgs CSS Document */
#blog_left {
	width:75%;
	padding: 0 0 0 0;
	margin: auto;
	float:left;
	background:#FFFFFF;
}
#blog_right {
	width:25%;
	padding: 0 0 0 0;
	margin: auto;
	float:right;
	background:#FFFFFF
}