body { background-color: #777777; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
form { margin-top: 10px; margin-bottom: 10px; }
div { box-sizing: content-box; -moz-box-sizing: content-box; }

.graybox { position: absolute; top: 0px; left: 0px; height: 125px; width: 100%; background-color: #909090; z-index: 1; display: block; }
.grayboxfix { position: absolute; top: 70px; left: 0px; height: 80px; width: 80px; background-color: #777777; z-index: 2; 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: 160px; left: 40px; height: 610px; width: 120px; z-index: 2; display: block; z-index: 30; }
.topbox { position: absolute; top: 35px; left: 35px; height: 88px; width: 706px; z-index: 3; display: block; border-top: solid 2px black; border-left: solid 2px black; border-right: solid 2px black; overflow: visible; background-color: #FFFFFF; }
.stretchbox { position: absolute; top: 120px; left: 35px; min-height: 300px; width: 706px; max-width: 710px; z-index: 2; display: block; border-left: solid 2px black; border-right: solid 2px black; border-bottom: solid 2px black; background-color: #F6EDDA; background-image: url("../images/stretch_left.gif"); background-repeat: repeat-y; background-position: left top; padding: 34px 0px 15px 0px; }
.stretchtext { position: relative; width: 530px; margin-right: 10px; float: right; font-size: 12pt; }
/*  "pusher" keeps the contents out from under the curve picture.   */
.pusher { position: relative; top: 0px; left: 0px; width: 65px; height: 65px; float: left; }
.adminbutton { position: relative; float: left; width: 38px; height: 12px; font-size: 10px; font-weight: bold; color: white; text-align: center; padding: 1px 4px 1px 4px; border: solid 1px black; background-color: #833938; margin-right: 6px; }

/* Curves and lines  */
.oltopleft { position: absolute; top: 57px; left: 0px; height: 20px; width: 100px; z-index: 2; display: block; background-color: #000000; } /* Outer top black line */
.cvlefttop { position: absolute; top: 20px; left: 0px; height: 100px; width: 50px; z-index: 3; background-image: url("../images/curves1bar_left_top.gif"); background-repeat: repeat-x; background-position: top; background-color: #EDF3E0; }
.cvleft { position: absolute; top: 36px; left: 0px; height: 300px; width: 135px; z-index: 2; background-color: #EDF3E0; }
.cvtop { position: absolute; top: 57px; left: 87px; height: 152px; width: 174px; z-index: 4; }
.cvrighttop { position: absolute; top: 113px; left: 261px; height: 20px; width: 482px; z-index: 3; background-image: url("../images/curves1bar_right_top.gif"); background-repeat: repeat; }
.cvright { position: absolute; top: 113px; left: 594px; height: 300px; width: 50px; z-index: 2; background-color: #F6EDDA; }


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

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

/*  Adjust the height of the dark-gray background shading here  */
.oshadeleft { position: absolute; top: 77px; left: 0px; height: 950px; width: 600px; z-index: 0; display: block; background-color: #777777; }
.oshaderight { position: absolute; top: 113px; left: 0px; height: 904px; width: 100%; z-index: 0; display: block; background-color: #777777; }

/*  Search Ordering */
.orderby { position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; border: solid 1px #833938; width: 520px; background-color: #D2D2D2; padding: 2px 0px 2px 0px; margin: 12px 0px 12px 0px; }

/* Athlete listing box rules */
.ath_outer { position: relative; float: left; width: 520px; height: 45px; border: solid 1px black; margin-left: 0px; margin-bottom: 10px; background-color: white;  overflow: hidden; padding: 0px; }
.ath_left { position: relative; float: left; width: 220px; height: 45px; padding: 0px; border-right: double 6px black; overflow: hidden; }
.ath_right { position: relative; float: right; width: 290px; height: 45px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  overflow: hidden; }
.ath_pad { padding: 2px 5px 0px 5px; }
.ath_name { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2D6C68; }
.ath_position { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }

/*  Rating System Sements  */
.ratingcont { position: relative; float: left; height: 14px; width: 250px; margin-top: 5px; overflow: hidden; padding: 0px;  }
.rating_r { position: relative; float: left; width: 110px; height: 12px; font-size: 10px; padding-left: 5px; overflow: hidden; }
.rating { position: relative; float: left; width: 122px; height: 8px; padding: 0px 0px 0px 2px; border: solid 1px black;  margin-top: 2px; overflow: hidden; }
.rating_dark { position: relative; float: left; width: 10px; height: 4px; background-color: #833938; margin: 2px 2px 0px 0px; overflow: hidden; }
.rating_light { position: relative; float: left; width: 10px; height: 4px; background-color: #E0E0E0; margin: 2px 2px 0px 0px; overflow: hidden; }

/*  Page Numbers  */
.pagenums { position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold; }

/*  Bottom Spacer (IE has no min-height support, dammit)  */
.bottomspacer { position: relative; float: left; width: 520px; height: 350px; }

/*  Title  */
.results { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #000000; font-weight: bold; }
.subresults { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #833938; }
.paratext { padding-left: 10px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 14px; font-color: #833938; line-height: 16px; }
.parameters { position: absolute; left: 350px; top: -5px; z-index: 100; width: 190px; }

/*  SEARCH AGAIN box don't consolidate DROPDOWNs */
.leftboxtop { position: absolute; top: 90px; left: 50px; width: 110px; z-index: 100; display: block; }
.search { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
.again { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000; }
.dropdown { width: 100px; height: 18px; font-size: 12px; color: #833938; border: solid 1px #2D6C68; background-color: #FFFFFF; }
.dropdown2 { width: 100px; height: 18px; font-size: 12px; color: #833938; border: solid 1px #2D6C68; background-color: #FFFFFF; }
/* Do not consolidate the BUTTON classes */
.button { font-size: 14px; color: #EDF3E0; border: 2px solid #000000; background-color: #2D6C68; }
.button2 { font-size: 14px; color: #EDF3E0; border: 2px solid #000000; background-color: #2D6C68; }

/*  BYLINE box  */
.bylinebox { position: absolute; top: 0px; right: 0px; height: 50px; width: 320px; padding-left: 5px; padding-top: 5px; z-index: 50; display: block; text-align: center; }
.smalltext { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 9pt; color: #C0C0C0; }
.bigtext { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 16pt; font-style: italic; color: #C0C0C0; letter-spacing: 1pt; }

/* Don't consolidate these WIDENER classes (shared includes)  */
.widener { font-size: 12px; color: #000000 ; }
.widener2 { font-size: 12px; color: #000000 ; }
.widener3 { font-size: 12px; color: #000000 ; }

.bugbottle { position: absolute; left: 2px; bottom: -35px; font-size: 10px; z-index: 50; }

.homepage { position: absolute; left: 635px; top: 140px; width: 100px; height: 30px; font-size: 11px; z-index: 50; text-align: right; }

.aspiring { position: relative; float: left; width: 450px; margin: 20px; font-size: 14px; }