/* works fine but tables would need to be fixed to align with the change to position: relative */

/* general */

body {background: #D6DEE4 url("../images/bg.jpg") no-repeat 60% 200px;
        width: 100%; height: 100%;
        margin: 0; padding: 0;
        font: 12px/1.5 Verdana, Arial, sans-serif;}

hr {clear: both; visibility: hidden;}

a {text-decoration: none; color: navy; font-size: 11px;}
a:hover {text-decoration: underline;}

h1 {color: #2E2E2E; font: bold 150% sans-serif; letter-spacing: 7px; text-align: center;
        background-color: #99BBC6; padding: 0.5em 0 0.33em 0; margin-top: 0; margin-bottom: 0;}

div#subtitle {color: #2E2E2E; background-color: #99BBC6; border-bottom: 1px solid gray;
        text-align: center; padding-bottom: 0.5em; font-size: 11px;}

h2 {background-color:  #BBC8D3; margin-top: 1em; padding: 0.25em 0 0.25em 1.33em;
        text-align: left; border: 1px solid gray; font-size: 22px; margin-bottom: 0; clear: both;
        margin-right: 0; width: 100%;}

h5 {text-align: center; font-size: 12px; margin: 1em 0 1em 0; padding: 0;}

p {padding: 0.66em 0.66em 0 1em;}

ul {margin-left: 66px;}

form {margin: 0; padding: 0;}

div#mainpane {position: absolute; left: 220px; right: 30px; margin-right: 3em;} /* removed width: 78%; */
* html div#mainpane {position: relative; left: 0; margin-left: 220px;}

div#links {position: absolute; top: 6em; left: 0; width: 160px; margin-top: 3em;
        text-align: right; font-family: Arial; font-weight: bold;}
span.navtext {font-size: 13px; padding-right: 1.33em; font-variant: small-caps;
        font-weight: normal; font-family: Verdana;}
div#links a {display: block; padding: 2px 1em 2px 0; margin-bottom: 0.5px; text-align: right;
        text-decoration: none; font-size: 17px; color: #383838;
        border: 1px solid #D6DEE4; border-right: 1px solid gray;}
div#links a:hover {background: #DCE3E9; color: black; border: 1px solid gray;}
div#links strong {display: none;}

div#button img {border: 0; margin: 0; padding: 0;}
div#button2 img {position: absolute; top: 25em; left: 12.66em; border: 0;}

div#adminlinks {font-family: Verdana; padding: 0; margin: 0.33em 0 0 300px;}
div#adminlinks a {color: #383838; text-decoration: none; padding: 0 1em;
        border-right: 1px solid gray;}
div#adminlinks a:hover {background: #DCE3E9; color: black; border: 1px solid gray; border-left: 0px;}
div#adminlinks strong {display: none;}
div#adminlinks a.link1 {border-left: 1px solid #D6DEE4;}
div#adminlinks a.link1:hover {border-left: 1px solid gray; border-right: 1px solid gray;}
div#adminlinks a.alinklast {border-right: 1px solid #D6DEE4;}
div#adminlinks a.alinklast:hover {border-right: 1px solid gray;}
div#adminlinks a#logout {font-weight: bold; font-style: italic; border-left: 1px solid #D6DEE4;}
div#adminlinks a#logout:hover {border-left: 1px solid gray; border-right: 1px solid gray;}

div#archive {position: absolute; top: 27.3em; left: 0; width: 160px; margin-top: 3em;
        text-align: right; font-family: Arial;}
span#archivetext {font-size: 11px; padding-right: 1.33em; font-variant: small-caps;
        font-family: Verdana;}
div#archive a {display: block; padding: 5px 1em 2px 0; margin-bottom: 0.5px; text-align: right;
        text-decoration: none; font-size: 11px; font-weight: 600; color: #383838;
        border: 1px solid #D6DEE4; border-right: 1px solid gray;}
div#archive a:hover {background: #DCE3E9; color: black; border: 1px solid gray; }

div#footer {text-align: right; padding-right: 3em;
                padding-bottom: 0; margin-bottom: 0; letter-spacing: 2px; font-size: 9px; color: gray;}
div#footer a {text-decoration: none; color: #646464;}
div#footer a:hover {text-decoration: underline;}
div#login {margin: 0; padding: 0; margin-top: 1em;}
div#login a {font-size: 9px; font-family: Arial; color: #99BBC6;}


/* recent results table */

div#curres {position: absolute; top: 42em; left: -45px; width: 320px; margin: 3em 0 0 0;
        padding: 0 0 10em 0; text-align: center; font-size: 10px; font-family: Arial;
        font-weight: bold; font-style: oblique; background: transparent url(../images/bgcorner.jpg) 50% 0% no-repeat;}
div#curres table {margin: 0.33em 0 0 0; padding: 0; margin-left: 8em; background-color: transparent; text-align: left;
        font-style: normal; margin-bottom: 8em;}
* html div#curres table {margin-left: 0;}
div#curres a {font-size: 9px;}
div#recrestitle {text-align: center; padding-top: 1em;}

/* general table */

div.tablename {text-align: center; font-size: 17px; font-weight: bold; padding: 0.33em 0 0.66em 0;}
table {filter: alpha (opacity=70); border: 1px solid #111111; border-width: 2px 0px;
        font-size: 90%; margin-bottom: 1.5em; width: 55%; margin: 0 0% 0 12.5%;}
th {background-color: rgb(182,202,216); color: black; border-bottom: 1px solid #222222; text-align: left;}
th, td {padding: 0.125em 0.66em;}
tr.tr1 {background-color: rgb(209,219,226);}
tr.tr2 {background-color: rgb(191,203,213);}

/* results page specific */

table#standings {width: 50%; margin-left: 25%;}
* html table#standings {width: 40%; margin-left: 18%;}

table.currestab {width: 75%;}
* html table.currestab {width: 55%; margin-left: 11%;}

td.curresmainteams {text-align: center;}
td.curresmainscorel {text-align: right;}
td.curresmainhyp {text-align: center;}
td.curresmainscorer {text-align: left;}
td.curresmainmap {text-align: center;}
td.curresmainvs {font-style: italic; text-align: center;}
td.curresmaint1 {text-align: right;}

/* fixtures page specific */

table.fixtures {margin-bottom: 2em; margin-left: 12%; width: 80%;}
* html table.fixtures {width: 55%;}

table.fixtures td {padding-top: 0; padding-bottom: 0;}

table.fix3 {margin-bottom: 3em; margin-left: 12%; width: 80%;}
* html table.fix3 {width: 55%;}

table.fix3 td {padding-top: 0; padding-bottom: 0;}

div#fixturestitle {font-size: 22px; font-weight: bold; text-align: center; margin: 2em 0 0.66em 0;}

div#teamstitle {margin-top: 2em;}

table#teams {width: 40%; margin: 0 30%;}
* html table#teams {width: 31%; margin: 0 0 0 23%;}
table#teams td {padding-top: 0; padding-bottom: 0;}

td.teamsname {text-align: right; width: 50%;}
td.teamshyp {text-align: center;}
td.fixdate {text-align: center;}
th.fixdateth {text-align: center;}

/* login page specific */
table#logintable {margin-top: 3em; margin-left: 0; width: 50%;}
* html table#logintable {margin-top: 3em; margin-left: 0; width: 40%;}

/* signup specific */

div#signdetails {margin-top: 2em;}
table#signup {width: 50%; margin: 0 25%;}
* html table#signup {width: 35%; margin: 0 0 0 20.5%;}
td.signleft {text-align: right; width: 40%;}
td.signinput {text-align: center;}
td.signinput input {width: 100%;}
div#signupbut {text-align: center; margin-top: 2em;}

/* news page */

div.newstitle {float: left; text-align: left; width: 85%; clear: both; color: #384850;
        font-weight: bold;}
div.newsadmin {float: left; text-align: right; width: 3%; clear: none; font-size: 10px;
        margin-top: 0.5em;}
div.date {font-size: 10px; margin-top: 0.66em; text-align: right;
        padding-right: 2em;}
* html div.date {margin-top: 1.2em;}

div.newsadmin a {text-decoration: none; color: navy; font-size: 12px;}
div.newsadmin a:hover {text-decoration: underline;}

div.newsheading {background-color: rgb(191,203,213); padding: 0.25em 0 0.33em 1.33em;
         border: 1px solid gray; font-size: 16px; font-family: Arial; margin: 1.5em 1em 0 1.5em; width: 93%;}
* html div.newsheading {width: 97%;}
div.newsbody {clear: both; margin: 0 6em 0 3em; padding-top: 0.1em;}
* html div.newsbody {padding-top: 0em; margin-top: -1em;}

div.newscomments {padding: 0 0 0.66em 0; margin: -0.66em 0 0 1em; text-align: right;}
div.newscomments a {font-style: italic;}

div#allnews {float: right; padding: 0 3em 0 0; margin: 3em 0 0 0; font-size: 9px;}

/* match results page */

div#mrteams {float: right; background-color: rgb(191,203,213);
        padding: 0.25em 0 0.33em 1.33em; border: 1px solid gray; font-size: 16px;
        font-family: Arial; margin: 1.5em 0em 0 4em; width: 80%; margin-right: 10%}
* html div#mrteams {margin-left: 2.5em; width: 60%; margin-right: 5%; margin-left: 250px;}

div#mrteams3v3 table {width: 90%; margin-left: 5%;}
* html div#mrteams3v3 table {width: 65%;}

div.mrteam1 {float: left; width: 45%; clear: both; text-align: right;
        padding-right: 0em; letter-spacing: 4px; font-weight: bold;}
div.mapscore {float: left; width: 10%; clear: none; font-size: 11px; font-family: Arial;
        text-align: center; margin-top: 0.33em; letter-spacing: 2px;}
div.mrteam2 {float: left; text-align: left; padding-left: 0em; clear: none; letter-spacing: 4px;
        font-weight: bold; width: 45%;}
div#repmap {font-size: 10px; text-align: center; clear: both; margin: 7em 0 0 0; font-style: italic;}
* html div#repmap {margin-top: 1em;}
div#matchimg {clear: both; width: 100%; margin: 2em 0 0em 0; text-align: center;}
div#matchimg img {border: 1px solid gray;}
div#reportbody {clear: left; padding: 1.25em; margin: 2.5em 0em 0 10.33em; border: 1px solid gray;
        width: 65%; text-align: justify; background-color: rgb(221,229,235);}
* html div#reportbody {margin: 1.5em 0em 0 12em; width: 78%;}
div#reportbody p {padding-bottom: 0.66em; margin: 0;}

/* add result page */

div.addresmain {text-align: left;}
div.defaultwin {float: right; text-align: right; padding-right: 1em; margin-top: 2em;}
div.threeres {float: right; clear: both; margin-top: 1em;padding-right: 1em;}

table.addrestable {padding: 0; margin: 0em 0 2em 0; width: 60%; margin: 0 20% 0 20%;}
* html table.addrestable {padding: 0; margin: 0em 0 2em 0; width: 45%; margin: 0 20% 0 20%; margin-left: 16%;}

div.addresscomments {text-align: center; margin-bottom: 2em;}
div.restitle {margin-top: 0em;}
div.submitres {text-align: center; margin-top: 2em;}
div.amble {font-style: italic; text-align: center; margin-top: 2em;}
div.amble2 {font-style: italic; text-align: left; margin: 1em 0 1em 2em;}

div#info {position: absolute; top: 4em; left: 1em; width: 600px; font-size: 10px;}
div.blurb {text-align: center; margin: 0 20% 0 20%; padding: 0.66em 0.66em 1em 1em;}