A:link          {text-decoration: none; }
A:visited       {text-decoration: none; }
A:active        {text-decoration: none; }

html,body { margin: 0; padding: 0; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; background-color: #777777;}
div { box-sizing: content-box; -moz-box-sizing: content-box; }
/*  Instructions:  If the menubox content is too long, it will extend beyond the bottom of the "stretchbox", in which case you need to change the height of "stretchbox".  */

.graybox { position: absolute; top: 0px; left: 0px; height: 135px; width: 100%; background-color: #909090; z-index: 1; display: block; }
.grayboxfix { position: absolute; top: 80px; left: 0px; height: 80px; width: 80px; background-color: #777777; z-index: 1; display: block; }

.title { position: absolute; top: 16px; left: 13px; height: 20px; width: 350px; z-index: 10; display: block; }
.url { position: absolute; top: 16px; left: 496px; height: 20px; width: 250px; z-index: 10; display: block; text-align: right; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 10pt; letter-spacing: 2pt; color: #C0C0C0; }

.menubox { position: absolute; top: 220px; left: 620px; height: 610px; width: 120px; z-index: 2; display: block; z-index: 30; }
.topbox { position: absolute; top: 35px; left: 35px; height: 50px; width: 706px; z-index: 3; display: block; border-top-style: solid; border-top-color: black; border-top-width: 2px; border-left-style: solid; border-left-color: black; border-left-width: 2px; border-right-style: solid; border-right-color: black; border-right-width: 2px; overflow: visible; background-color: #FFFFFF; }
.stretchbox { position: absolute; top: 84px; left: 35px; min-height: 300px; width: 706px; z-index: 2; display: block; border-left-style: solid; border-left-color: black; border-left-width: 2px; border-right-style: solid; border-right-color: black; border-right-width: 2px; border-bottom-style: solid; border-bottom-color: black; border-bottom-width: 2px; background-color: #EDF3E0; background-image: URL(../images/stretch_right.gif); background-repeat: repeat-y; background-position: right; padding-bottom: 15px; padding-top:20px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 14pt; }
.stretchtext { position: relative; width: 530px; margin-left: 20px; font-size: 12pt; }

.statline1 { border: solid 1px #2D6C68; height: 20px; width: 40px; font-size: 12px; color: #833938; }
.statline2 { border: solid 1px #2D6C68; height: 20px; width: 95px; font-size: 12px; color: #833938; }
.statline3 { border: solid 1px #2D6C68; height: 20px; width: 315px; font-size: 12px; color: #833938; }

.textline1 { border: solid 1px #2D6C68; height: 20px; font-size: 14px; color: #833938; }
.textline2 { border: solid 1px #2D6C68; height: 20px; width: 300px; font-size: 14px; color: #833938; }
.textline3 { border: solid 1px #2D6C68; height: 20px; width: 500px; margin-bottom: 6px; font-size: 14px; color: #833938; }
.textline4 { border: solid 1px #2D6C68; height: 20px; width: 370px; margin-bottom: 6px; font-size: 14px; color: #833938; }
.textline5 { border: solid 1px #2D6C68; height: 20px; width: 52px; font-size: 12px; color: #833938; }
.table1 { width: 500px; font-size: 12px; }
.textbox1 { border: solid 1px #2D6C68; height: 100px; width: 500px; font-size: 14px; color: #833938; }
.select1 { border: solid 1px #2D6C68; height: 20px; font-size: 14px; color: #833938; }
.select2 { border: solid 1px #2D6C68; height: 20px; width: 150px; font-size: 14px; color: #833938; }
.select_mult { border: solid 1px #2D6C68; font-size: 14px; color: #833938; }
.stattable { background-color: #BCBCBC; margin-bottom: 10px; width: 500px; border: solid 1px #2D6C68; border-top: solid 4px #2D6C68; padding: 5px 0px 5px 0px; }
.statcell { padding: 3px 5px 3px 3px; font-size: 12px; text-align: right; font-weight: bold; }
.statcell2 { padding: 3px 5px 3px 3px; font-size: 12px; font-weight: bold; text-align: center; }
.statcell3 { padding: 3px 5px 3px 3px; font-size: 12px; text-align: left; font-weight: bold; }
.statcell4 { padding: 3px 5px 3px 3px; font-size: 12px; text-align: right; font-weight: bold; border-bottom: dashed 1px #2D6C68; padding-bottom: 4px; margin-bottom: 4px; }
.celltitle { padding: 3px 5px 3px 3px; font-size: 14px; color: #FFFFFF; text-align: center; font-weight: bold; background-color: #000000; border-top: solid 1px #2D6C68; border-bottom: solid 1px #2D6C68; }

/*  "pusher" keeps the contents out from under the curve picture.   */
.pusher { position: relative; top: 0px; left: 0px; width: 70px; height: 125px; float: right; }
.post { font-size: 16px; color: #2D6C68; font-weight: bold; }
.post2 { font-size: 16px; color: #833938; font-weight: bold; }
.sport { font-size: 36px; font-style: italic; color: #833938; }
.emph { font-size: 14px; color: #2D6C68; font-weight: bold; }
.mark { font-size: 12px; color: #833938; font-weight: bold; background-color: #E0E0E0; border: solid 1px #2D6C68; padding: 0px 8px 0px 8px; }

.oltopleft { position: absolute; top: 67px; left: 0px; height: 20px; width: 100px; z-index: 1; display: block; background-color: #000000; }
.cvlefttop { position: absolute; top: 30px; left: 0px; height: 20px; width: 484px; z-index: 3; display: block; background-image: URL(../images/curves1bar_left_top.gif); background-repeat: repeat; }
.cvleft { position: absolute; top: 46px; left: 0px; height: 300px; width: 567px; z-index: 2; display: block; background-color: #EDF3E0; }
.cvtop { position: absolute; top: 67px; left: 517px; height: 152px; width: 174px; z-index: 4; display: block; }
.cvrighttop { position: absolute; top: 63px; left: 691px; height: 80px; width: 52px; z-index: 3; display: block; background-image: URL(../images/curves1bar_right_top.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; }
.cvright { position: absolute; top: 123px; left: 594px; height: 300px; width: 50px; z-index: 2; display: block; background-color: #F6EDDA; }


/*  Adjust the height of the bottom black line here  */
.olbottom { position: absolute; top: 200px; left: 594px; height: 5037px; width: 20px; z-index: 1; display: block; background-color: #000000; }

/*  Adjust the width of the right black line here  */
.oltopright { position: absolute; top: 123px; left: 0px; height: 20px; width: 100%; z-index: 1; display: block; background-color: #000000; }
.oltrcover { position: absolute; top: 123px; left: 0px; height: 20px; width: 100px; z-index: 1; display: block; background-color: #777777; }

.button { height: 30px; width: 70px; background-color: #833938; font-size: 16px; color: #FFFFFF; border: solid 2px black; }

.gender { font-size: 20px; color: #000000; font-style: normal; }

div#stat_chooser { position: relative; width: 500px; padding: 0px; border: solid 1px #833938; background-color: #E8E8E8; margin-top: 4px; }
.cellch { background-color: white; padding: 5px; text-align: center; font-size: 16px; font-weight: bold; }
.menux { color: #2D6C68; display: none; }

.login { position: relative; width: 411px; border: solid 1px #2D6C68; background-color: white; padding: 10px; font-size: 12px; color: #000000; }
.logintable { width: 390px; border: solid 1px #833938; background-color: #BCBCBC; padding: 5px; margin-top: 6px; }
.cell1 { width: 130px; font-size: 14px; color: #000000; height: 30px; }
.cell2 { width: 80px; font-size: 14px; color: #000000; height: 30px; }
.asterisk { color: #833938; font-family: Times, "Times New Roman", "Book Antiqua", serif; font-size: 16px; }
.instructions { position: relative; width: 411px; border: solid 1px #2D6C68; background-color: white; padding: 10px; font-size: 14px; color: #000000; }
.instructions2 { position: relative; width: 500px; border: solid 1px #2D6C68; background-color: white; padding: 10px; font-size: 12px; color: #000000; }
#name_f { width: 150px; }
#name_m { width: 25px; }
#name_l { width: 150px; }

.otherbox { position: relative; }

.portraitbox { position: relative; width: 510px; padding: 5px; margin: 5px 5px 15px 0px; border: solid 1px #833938; font-size: 12px; }
.portraitpic { float: right; margin-left: 10px; }

.adminnotebox { position: relative; width: 90%; padding: 5px; border: solid 3px #833938; font-size: 14px; color: #833938; margin: 10px 0px 10px 0px; }
.freshiframe { position: absolute; top: 0px; left: 0px; border: none; width: 15px; height: 15px; overflow: hidden; z-index: 0; }
.controlpanel { position: relative; float: left; width: 360px; border: solid 1px black; padding: 10px; background-color: white; color: black; }
.controlouter { position: relative; width: 360px; float: left; }
.controlbox { position: relative; width: 250px; height: 18px; float: left; border: solid 1px black; padding: 2px; background-color: #BCBCBC; color: black; font-size: 14px; text-align: center; margin: 4px 0px 0px 0px; }
div#xbox { height: 46px; width: 80px; float: right; background-color: #833938; color: white; font-size: 12px; text-align: right; }