/* ------------------- index.php -------------------------------------------*/
#body {background-color: #FFF; background-image: url(debate.jpg); background-position: 10px 20px; 
       background-repeat: no-repeat; }
#form1 {width: 220px; /*background-color: #FFF;*/ font-family: verdana, helvetica, arial, sans-serif; 
        font-size: 12px; position: absolute; top: 395px; left: 365px; }
#form1 h1 {font-family: verdana, helvetica, arial, sans-serif; font-size: 14px; margin: 0 0 4px 0; }
#form1 p {margin: 0 0 4px 0; }
#form1 p.center {text-align: center; }
#sbmt {width: 13em; }
#bushBalloon {position: absolute; top: 235px; left: 250px; display: none; }
#kerryBalloon {position: absolute; top: 250px; left: 120px; display: none; }
#bushBalloon tr td, #kerryBalloon tr td {vertical-align: top; }
#bushWords, #kerryWords {width: 200px; background-color #FFF; background-image: url(middle.gif); 
                         background-repeat: repeat-x; text-align: center; }
#bushWords p, #kerryWords p {margin: 14px 0 4px 0; font-family: comic sans MS, verdana, helvetica, arial, sans-serif; 
                             font-size: 16px; }
#bushWords p.count, #kerryWords p.count {margin: 0; font-family: verdana, helvetica, arial, sans-serif; 
                                         font-size: 11px; text-align: center; }
#explLink {position: absolute; left: 10px; top: 5px; margin: 0; }
#explLink p {margin: 0; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; }
#explanation {position: absolute; left: 20px; top: 560px; width: 580px; margin: 0;
              font-family: verdana, helvetica, arial, sans-serif; }
#explanation h1 {margin: 0 0 4px 0; font-size: 18px; }
#explanation p {font-size: 11px; margin: 0 0 10px 0; }
#explanation .factoid {float: right; width: 200px; margin: 5px 0 5px 5px; border: 2px solid #666; padding: 3px; 
                       background-color: #A3BDFF; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; }
#explanation .factoid h3 {font-size: 13px; margin: 0 0 4px 0; }
#explanation .factoid p {margin: 0 0 6px 0; padding: 0; }
#explanation .factoid p.noBotMarg {margin-bottom: 0; padding: 0; }
#explanation .factoid ul {margin: 0; padding: 0 0 0 14px; }
#explanation .factoid ul li {text-indent: -6px; padding: 0 0 1px 6px; }                               

/* ------------------- analyze.php -------------------------------------------*/
#body2 {padding: 0; margin: 0; }
#banner {background-color: #193064; height: 100px; background-image: url(header.jpg); background-repeat: no-repeat; }
#logo {position: absolute; top: 0px; left: 60px; margin: 0; }
#info {position: absolute; top: 55px; left: 90px; border: 2px solid #B4CBFF; background-color: #7293DD; 
       font: 14px verdana; margin: 0; padding: 0 5px; }
#form {position: absolute; top: 4px; left: 470px; width: 200px; font: 11px verdana; margin: 0; padding: 0; }
#form h2 {color: #FFF; margin: 0 0 4px 0; font-size: 14px; }
#form p {color: #FFF; margin: 0 0 2px 0; }

table.table {margin: 0 40px 0 10px; float: left; width: 300px; }
table.table tr {padding: 0; }
table.table tr.tr2 {background-color: #EEEEEE; }
table.table tr.header th {padding-top: 10px; }
table.table tr.header2 th {padding-bottom: 4px; }
table.table tr th {font: 12px verdana; font-weight: bold; }
table.table tr th.name {text-align: left; font-size: 14px; padding: 0 4px 4px 0; vertical-align: bottom; }
table.table tr td {padding: 1px 4px 1px 14px; vertical-align: top; text-indent: -10px; font: 11px verdana; }
table.table tr td.num {text-align: center; }