BODY{background-color: #000000; color: #000044;margin: 0 auto; padding:0px;}
.menu{background-color: #FF0000;width: 220px;height: 330px;border: solid 1px black;}
.logo {background-color: #00BB00;width: 822px; height: 52px; border: 1px solid black}
.menuHeader{background-color: #000088; color: #EEFFFF;width: 100%;padding:0px; margin: 0 auto;text-align: center;}
.mheadText {padding-left:2px; }
.menuItem {padding: 0px; margin: 0 auto;width: 100%;font-size: 12px; font-family: arial;}
.toppart{position: absolute; left: 222px;top: 54px;border:solid 1px black;}
.toppartInside{background-color: #FFFFFF; width:600px; height: 330px;}
.toppartInsideText{padding: 10px; color: #999999;}
.bottompart{background-color: #666699;color: #0099FF; width: 822px; height: 375px;border: solid 1px black}
.sList{overflow: hidden;width: 570px;padding:0;margin:0 auto; border: solid 1px black}
.skillContainer1{border: solid 1px #000000;padding: 0px;margin:0 auto;}
.skillContainer2{border: solid 1px #000000;padding: 0px;margin:0 auto;}
.skillContainer3{border: solid 1px #000000;padding: 0px;margin:0 auto;}
.skillContainer4{border: solid 1px #000000;padding: 0px;margin:0 auto;}
.insideSkill {width: 130px; height: 180px;background-color: #EEEEFF;color: #000000;padding: 5px;margin:0 auto;}
SPAN {padding:0px; margin: 0 auto;}
.span0{width:100%;color:#CCCCCC;cursor: default; font-size: 11px; font-family: Arial;}
.span1{width:100%;color:#000000;cursor: pointer; font-size: 11px; font-family: Arial;font-weight: bold;}
.span2{width:100%;color:#0000FF;cursor: pointer; font-size: 11px; font-family: Arial;}
.skillList{font-size: 11px; font-family: Comic Sans MS; color: #996666;}
SELECT { BACKGROUND-COLOR: #000000; color: #FFFFFF;}
FORM {padding:0px; margin: 0 auto;}
.featContainer {border: solid 1px #000000; padding: 0px;margin: 0 auto;background-color: #BBBBCC}
.fspan {width:100%;color: #0000FF; cursor: pointer; font-size: 10px; font-family: "comic sans ms";padding:1px;margin: 0 auto;}
.fspanOff {width:100%;color: #000066; cursor: default; font-size: 10px; font-family: "comic sans ms";padding:1px;margin: 0 auto;}
.fspanDone {width:100%;color: #00AA66; cursor: default; font-size: 10px; font-family: "comic sans ms";padding:1px;margin: 0 auto;}
.emsg {width: 822px; height: 20px; float:left;border: solid 1px #000000;background-color: #EEEEEE;padding: 0px; margin:0 auto;}
.innerEmsg {color: #FF0000;font-size: 12px;padding: 2px;margin: 0 auto;text-align: center;}
.hiddensheet {display: none;}
.sheetHeading {position:absolute;left:0px;top:0px;background-color: #FFFFFF;text-align: center; font-size: 15px; font-family: Comic Sans MS; width: 800px;border-bottom: solid 1px #CCCCCC;}
.charHeading {position:absolute; left:0px;top:21px;width: 800px; height: 50px;background-color: #FFFFFF; color: #000000; border-bottom: solid 1px #CCCCCC;font-family: Arial;padding:0px;margin:0px;}
.charName {width: 280px;position:absolute;	top:10px;	left:10px;}
.charRace {width: 230px;position:absolute;	top:10px;	left:292px;}
.charClass {width: 220px;position:absolute;	top:10px;	left:524px;}
.charExp {width: 512px;position:absolute;	top:30px;	left:10px;}
.stats {width: 800px; position: absolute; top: 72px; left: 0px;padding:0px; margin:0 auto;}
.attributes {width: 230px;height:170px;background-color: #FFFFFF;border-right: solid 1px #CCCCCC;border-bottom: solid 1px #CCCCCC;padding: 0px;}
.attr {padding: 5px;padding-left: 20px;font-family: Garamond; font-size: 22px;margin: 0 auto;}
.attrEnd{padding:0px;font-family: Garamond; font-size: 22px;}
.attrNum {font-weight:bold;}
.calcedStats {width: 230px;height:170px;background-color: #FFFFFF;border-right: solid 1px #CCCCCC;border-bottom: solid 1px #CCCCCC;padding: 0px;position: absolute; top: 0px; left: 231px;}
.bab {padding-left:10px;}
.hp {padding-left: 10px;}
.hpNum {font-size: 48px;}
.save{padding-left: 10px;}
.saves{padding: 10px;font-family:arial;}
.feats {background-color:#FFFFFF;position:absolute; left:462px; top:0px; width:337px;height:170px;border-bottom:solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;}
.featsinside{padding-left: 10px;font-family: "Comic Sans MS";font-size: 12px;}
.spec {background-color: #EEEEEE;position:absolute; left: 0px; top: 243px; width:800px; height: 150px; border-bottom: solid 1px #CCCCCC;}
.specinside {font-size: 12px;font-family: "Comic Sans MS";padding-left:10px;}
.skillslist {background-color: #EEEEEE;position:absolute; left: 0px; top: 394px; width:800px; height: 150px; border-bottom: solid 1px #CCCCCC;}
.skillslistinside {font-size:11px; font-family: "Comic Sans MS";padding-left:10px;}


.selectMenu {color: #FFFFFF;background-color: #000000;font-size: 11px;}
.seldiv{position:absolute;top:20px;left:400px; z-index:99;background-color:grey;width:859px;height:400px;}
.selspan {background-color:magenta;border:blue 5px double;color:green;width:100%;height:50px;}
.msgArea{background-color:#FFFFFF; color: #000000;width: 812px;float:left;position:relative;}
.msgText{font-family: "Comic Sans Ms";font-size: 13px;padding-left:3em;}
.spellList {padding:0px;margin:0 auto;background-color: #CCCCCC; border: solid 1px #999999;width:100%;font-family: Arial; font-size: 10px;}
.spellListDone {padding:0px;margin:0 auto;background-color: #BBCCBB;color:#777777; border: solid 1px #999999;width:100%;font-family: Arial; font-size: 10px;}
.spellListOld  {padding:0px;margin:0 auto;background-color: #BBBBBB;color:#777777; border: solid 1px #999999;width:100%;font-family: Arial; font-size: 10px;}
.spellListOver {padding:0px;margin:0 auto;background-color: #BBBBCC; color: #EEEEEE; border:solid 1px #000000;width:100%;font-family: Arial; font-size: 10px;cursor:pointer;}
.spellText0 {color: #999999;padding-left: 5px; font-size: 11px;}
.spellText1 {color: #009900;padding-left: 5px; font-size: 11px;}
.spellText2 {color: #770099;padding-left: 5px; font-size: 11px;}
.spellText3 {color: #0066CC;padding-left: 5px; font-size: 11px;}
.spellText4 {color: #FF0000;padding-left: 5px; font-size: 11px;}
.spellText5 {color: #0000FF;padding-left: 5px; font-size: 11px;}
.spellText6 {color: #000000;padding-left: 5px; font-size: 11px;}
.spellText7 {color: #666600;padding-left: 5px; font-size: 11px;}
.spellText8 {color: #996600;padding-left: 5px; font-size: 11px;}
.tableGrid {width:812px;border:solid red 1px;}
.gridCell{width:270px; height: 230px; vertical-align: top;}
.butStyle{background-color:#FF00FF;color:#0000FF;}