body { margin: 20px 0 0 20px; background-color: #222; /*background-image: url(img/mainbkg.gif); background-repeat: repeat-y;*/ }
#header { margin: 0 0 10px 0; }
#menuarea { height: 24px; width: 936px; padding: 8px 0 0 63px; font: bold 11px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #AAA; border-top: solid 1px #39F; margin: 0 0 0 0; letter-spacing: 1px; }
#menuarea a { display: inline; text-decoration: none; color: #FFF; margin-right: 1px; padding: 4px 10px 5px 10px; background: #222; }
#menuarea a:visited { color: #FFF; }
#menuarea a:hover { background: #34414e; }
.midseparator { border-left: solid 10px #999; border-right: solid 10px #999; margin: 11px 0; font-size: 6px; width: 970px; background: #3F3F3F; }
#content { padding: 25px 16px 25px 70px; width: 910px; margin: 10px 0 0 0; border-left: solid 3px #39F; }
#innerpad { width: 907px; }
#footer { width: 907px; padding: 20px 0 10px 73px; color: #888; font: 10px Arial, Helvetica, sans-serif; line-height: 15px; clear: left; margin: 0 0 30px 0; }
h1 { font: 21px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; letter-spacing: 0; color: #99dcff; margin: 0 0 10px 0; padding: 0 0 6px 0; letter-spacing: 1px; font-variant:small-caps; }
h2 { font: 15px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #EEE; margin: 2px 0 8px 0; padding: 0 0 3px 0; border-bottom: dashed 1px #555; width: 907px; letter-spacing: 1px; font-variant:small-caps }
.left-detail { width: 170px; font: 10px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #999; display: inline; float: left; margin-bottom: 15px; }
.right-detail { width: 580px; font: 11px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #CCC; display: inline; float: left; margin-bottom: 15px; }
.clear { font-size: 0; height: 0; clear: both; }
p { margin: 0 0 15px 0; padding: 0; font: 11px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #AAA; line-height: 16px; }
a, a:visited { color: #9edeff; text-decoration: none; outline: none; }
a:active { outline: none; }
a:hover { color: #FFF; }
ul { margin: 0 0 0 25px; padding: 0; }
li { margin: 0 0 10px 0; padding: 0; font: 11px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #999; list-style: square; }
.left-200 { width: 200px; display: inline; float: left; }
.right-200 { width: 200px; display: inline; float: left; }

.thumbbox { width: 166px; padding: 8px 0 0 0; margin: 0 10px 15px 0; display: inline; float: left; }
.thumbbox a img { border: solid 6px #464646; }
.thumbbox a:hover img { border: solid 6px #555; }
.thumbbox img { margin-bottom: 5px; }
.thumb-infoarea { padding: 0 6px; }
.thumb-title { font: bold 10px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #AAA; }
.thumb-info { color: #999; font: 10px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #888; }
.morebox { padding: 7px 10px; width: 900px; font: 10px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; margin: 0 0 18px 0; color: #777; background: #2B2B2B; }
.morebox a { color: #89afd1; }
.item-title { font: 13px LucidaSans, "Lucida Sans", 'Trebuchet MS', Arial, sans-serif; color: #FFF; }
.item-date { color: #777; font-size: 10px; letter-spacing: 2px; }

.col-50-l { width: 400px; float: left; display: inline; padding: 0 20px 0 0;  }
.col-50-r { width: 400px; float: left; display: inline; padding: 0 0 0 20px; border-left: solid 1px #444; }

.large { font: 12px LucidaSans, "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #999; line-height: 18px; margin: 0 0 20px 0; padding: 0 0 11px 0; border-bottom: solid 1px #444; }