BODY { background-color: #cccccc;  }
DIV { font-family: tahoma; font-size: 12px; }
FORM { margin: 0; padding:0; }

.left { float: left; }
.right { float: right; }

A {color: #ff0000;text-decoration: none;font-weight: bold; }
A:hover {color: #ff0000;text-decoration: underline;font-weight: bold; }

.SiteHolder { width: 100%;}

.SiteHeader { padding:10px; border: 1px solid #999999; background-color: #ff0000; width: 900px; height: 75px; font-size: 30px; text-align: left; line-height: 50px; }
.SiteHeaderLeft { float: left;font-size: 30px; }
.SiteHeaderLeft A { color: #ffffff; }
.SiteHeaderRight { float: right; }

.SiteMenu { border-right: 1px solid #999999; border-left: 1px solid #999999; background-color: #ffffff; width: 920px; height: 21px; text-align: right; }
.SiteMenuSpacer { float: left;width: 661px;height: 20px;border-bottom: 1px solid #999999;}
.SiteMenuTab { float: left;width: 128px;text-align: center;height: 20px;line-height: 18px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
.SiteMenuTabSelected { float: left;width: 128px;text-align: center;height: 20px;line-height: 18px;background-color: #f1f1f1; border-right: 1px solid #999999; border-bottom: 1px solid #f1f1f1; }

.SiteMainArea { border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #f1f1f1; width: 900px; padding: 10px; }

.SiteTop { padding:10px; }

.SiteLeft { padding: 10px 0 0 0; text-align: left;width: 170px; float: left; }

.SiteMiddle { text-align: left; width: 450px; position:absolute; top: 188px; left: 200px; }

.SiteRight { padding:10px 0 0 0; text-align: left; margin-left:15px; width: 260px; float: right; }

.SiteFooter { padding:10px;background-color: #ff0000; border: 1px solid #999999; color: #ffffff; clear: both; width: 900px; line-height: 18px; font-weight: bold; }
.SiteFooter A { color: #ffffff; font-weight: bold; text-decoration: none; }
.SiteFooter A:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }

.ContentArea { border: 1px solid #999999; background-color: #ffffff; text-align:left; }

.lhsLatest { width: 450px;height: 600px;}
.lhsViewList {width: 450px;height: 600px;}

.headerlessscroll { height: 544px;overflow-x: hidden;overflow-y: scroll;}

.rhsCategories { width: 260px;height: 280px;}
.rhsPopularLists { width: 260px;height: 304px;}
.rhsTagCloud { width: 260px;height: 280px;}
.rhsCommentHolder {width: 260px;height: 600px;}

.SectionTitleHolder { border-bottom: 1px solid #999999; height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 5px; }
.SectionTitle { color: #ff0000; float: left; text-align:left; line-height: 28px; font-size: 16px; }
.SectionMoreLink { width: 100px;color: #ff0000; float: right; text-align:right; line-height: 28px; font-size: 12px; }
.SectionBodyHolder { padding:10px;}

.ListItemIcon { margin: 0 5px 2px 0;}
.ListItemTitle { margin: 0 0 2px 0;}
.ListItemSubTitle { color: #999999;}
.ListItemSeperator { background-image: url('/Images/NewsSeperator.gif'); background-repeat:repeat-x; background-position:center; background-color: #ffffff;}
.ListItemMoreLink { margin-top:5px;text-align: center;font-size: 14px; }

.ListTitle { padding: 10px 0 10px 0; border-bottom: 1px solid #999999; }
.ListTitleText { font-size: 18px;text-align: center; margin:0; }
.ListTitleDate { text-align: center; }
.ListBody { padding: 10px; height: 520px;overflow-x: hidden;overflow-y: scroll;}
.ListHolder { margin-left:50px; }

.ListCommentFormHolder { padding:10px; }
.ListCommentTextbox { width: 220px; }
.ListCommentTextarea { width: 220px; height: 50px; }

.ListCommentsHolder { padding:10px;border-top: 1px solid #999999;height: 443px;overflow-x: hidden;overflow-y: scroll; }

.CommentHolder { padding:5px;border-bottom: 1px solid #999999; }
.CommentInfo { text-align: right;margin-top:3px;font-size: 9px;color: #999999; }