p,table { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#222222; }
a:link,a:visited { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#222288; text-decoration:none; }
a:hover,a:active { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; color:#2222BB; text-decoration:underline; }

.hlCell { background-color:#D8D269; background-image:URL('img/tbar_bg.jpg'); }
.errText { color:#FFFF66; }

/* New styles after this line! */
body { background-color:#333333; padding:0; margin:0; }
#mainpage { background-color:#FFFFFF; background-image:URL('img/bg.jpg'); }
#leftbar { background-color:#CCCCCC; background-image:URL('img/leftbg.jpg'); }
#navbar { background-color:#DDDDCC; background-image:URL('img/navbg.jpg'); }

/* 
Old, scroll style
.listbox { background-color:#FFFFCC; width:500px; background-image:URL('img/listbg.jpg'); }
.listtop { background-color:#993333; height:14px; background-image:URL('img/listtop.jpg'); }
.listbottom { background-color:#993333; height:14px; background-image:URL('img/listbottom.jpg'); }
*/
.listbox { background-color:#FFFFCC; width:500px;  }
.listtop { background-color:#993333; height:14px;  }

.listtitle { font-weight:bold; color:#996666; }
.listrow { background-color:#CC9999; font-weight:bold; color:#FFFFFF; }
.listitem { text-align:center; }
.listbottom { background-color:#993333; height:14px; }

.errtext { }
/*.msgtext { }*/
.NPCtext { font-family:Verdana,Helvetica,Arial,sans-serif; font-weight:bold; color:#003300; }

/* Contains info such as score, resources, etc (on each page) */
#infobar { width:100%; background-color:#993333; text-align:center; font-weight:bold; color:#FFFFFF; }
#infobar b { color:#FFFFCC; }

.sminp { width:30px; height:16px; border:1px solid; border-color:#333333 #CCCCCC #CCCCCC #333333; font-size:10px; /* Small input, 30px */ }
.mdinp { width:100px; height:16px; border:1px solid; border-color:#333333 #CCCCCC #CCCCCC #333333; font-size:10px; /* Medium input, 100px */ }
.sdinp { width:150px; height:16px; border:1px solid; border-color:#333333 #CCCCCC #CCCCCC #333333; font-size:10px;  }
.mxinp { width:100%; border:1px solid; border-color:#333333 #CCCCCC #CCCCCC #333333; /* Maximum input, 100% */ }

.smbut { width:30px; height:16px; border:1px solid; border-color:#FFFFFF #333333 #333333 #FFFFFF; font-size:10px; }
.mdbut { width:30px; height:16px; border:1px solid; border-color:#FFFFFF #333333 #333333 #FFFFFF; font-size:10px; }
.sdbut { width:150px; border:1px solid; border-color:#FFFFFF #333333 #333333 #FFFFFF; font-size:10px; }
.mdbut { width:100px; border:1px solid; border-color:#FFFFFF #333333 #333333 #FFFFFF; font-size:10px; }

/* Replaces hlCell,hlCell2 */
.titlecell { background-color:#EEEEDD; }
.bodycell { background-color:#FFFFFF; }

.postbox { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; color:#222222; border:1px solid; border-color:#EBEBEE; }

.lord1 { background-color:#FFFFCC; }
.lord2 { background-color:#FFCCCC; }
.lord3 { background-color:#CCFFCC; }
.lord4 { background-color:#CCCCFF; }

/* Replaces infoTable */
.infobox { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; color:#222222; border:1px solid; border-color:#8B6025; background-color:#D8D269; background-image:URL('img/tbar_bg.jpg'); }
.infobox2 { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; color:#222222; border:1px solid; border-color:#CCCCCC; background-color:#D8D269; background-image:URL('img/tbar_bg.jpg'); }

/* Navigation (Left) bar */
#navbar a,#navbar a:link,#navbar a:visited { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:12px; text-decoration:none; font-weight:bold; color:#333333; }
#navbar a:hover, #navbar a:active { font-weight:bold; color:#993333; }

.pageleft { background-color:#000000; }

.plain{ font-family: Arial; background-color: #D8D269; background-image:URL('img/tbar_bg.jpg'); color: #000000;  }

/* TS */
#wrapper {width:578px; margin:75px auto}
p {line-height:1.4; margin-bottom:12px}
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0; margin:0; padding:0}
#slider li {float:left; width:500px; height:300px; padding-right:10px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}