* { margin: 0; padding: 0; }
body { background: #fff url("images/bg.gif") repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #333; }
a { text-decoration: none; color: #648CA5; }
a:hover { text-decoration: underline; color: #111; }
#banner { height: 100px; margin-bottom: 10px; margin-top:10px; }
#header h1 { font-size: 28px; letter-spacing: -1px; padding: 23px 0 0 0; color: #ccc; }
#banner h1 a { color: #ccc; text-decoration: none; font-weight: 100; letter-spacing: -2px; }
#banner h1 a:hover { color: #fff; }
#principal { width: 1000px; margin: 0 auto; }
#principal2 { background-repeat: repeat-y; background-position: right; }
#contentleft { float: left; width: 210px; background-color: #CCCCCC; text-align:center; }
#contentleft ul { list-style-type: none; padding: 0; margin: 0; }
#contentleft ul li { margin-top:1px; }
#contentleft ul li a { display: block; padding: 3px 5px 3px 10px; text-decoration: none; color: red; background-repeat: repeat-y; }
#contentleft ul li a:hover { color: #fff; background-color: red; background-repeat: repeat-y; }
#contentright { float: right; width: 260px; }
.adleft { float: left; height: 105px; width:105px; border: 10px solid #bbb; font-size: 18px; color: #aaa; text-align: center; }
.adright { float: right; height: 105px; width:105px; border: 10px solid #bbb; font-size: 18px; color: #aaa; text-align: center; }
.latestarticles { background: #eee; margin-top: 15px; }
.latestarticles h2 { padding-left: 10px; height: 28px; line-height: 28px; background: #333; color: #f7f7f7; font-size: 13px; }
.latestarticles ul { padding: 10px 0 10px 25px; color: #888; }
.latestarticles ul li a { color: #648CA5; text-decoration: none; font-weight: 100; }
.latestarticles ul li a:hover { color: #111; }
.menuleft { float: left; width: 210px; background: #eee; margin-top: 10px; }
.menuleft h2 { padding-left: 10px; height: 28px; line-height: 28px; background: #333; color: #f7f7f7; font-size: 13px; }
.menuleft ul { padding: 10px 0 15px 10px; list-style-type: none; }
.menuleft ul li a { color: #648CA5; text-decoration: none; font-size: 12px; font-weight: 100; }
.menuleft ul li a:hover { color: #111; }
.menuright { float: right; width: 120px; background: #eee; margin-top: 10px; }
.menuright h2 { padding-left: 10px; height: 28px; line-height: 28px; background: #333; color: #f7f7f7; font-size: 13px; }
.menuright ul { padding: 10px 0 15px 10px; list-style-type: none; }
.menuright ul li a { color: #648CA5; text-decoration: none; font-size: 12px; font-weight: 100; }
.menuright ul li a:hover { color: #111; }
#contentcenter { margin-left: 220px; margin-right: 280px; }
#contentcenter h2 { color: #648CA5; font-size: 18px; font-weight: 100; font-style: italic; margin: 0; padding-top: 1em; }
#contentcenter h2 a { color: #648CA5; text-decoration: none; }
#contentcenter h2 a:hover { color: #111; }
#cleardiv { clear: both; height: 1em; }
#footer { margin-top: 10px; background: #dedede; border-top: 3px solid #999; text-align: center; font-size: 11px; padding: 10px 0 10px 0; }
.clearfix::after{content:"";display:table;clear:both}