a.pg:link {text-decoration:none; color: black;}
a.pg:visited {text-decoration:none; color: black;}
a.pg:hover {text-decoration:underline; color: black;}
a.pg:active {text-decoration:underline; color: black;}

a.ab, a:link {text-decoration:none; color: #00cc00;}
a.ab, a:visited {text-decoration:none; color: #00cc00;}
a.ab, a:hover {text-decoration:underline; color: #00cc00;}
a.ab, a:active {text-decoration:underline; color: #00cc00;}

a.mn:link {text-decoration:none; color: white;}
a.mn:visited {text-decoration:none; color: white;}
a.mn:hover {text-decoration:none; color: lime;}
a.mn:active {text-decoration:none; color: white;}
a.mn {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

body {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
margin: 0px 0px 0px 0px;
background-color: #e0e0e0;
}

div.topper, #cemet, #title, #tagline, #jackpot, #reaper, div.menubar, #bottom, #notdead, div.roller, div.mitem {
position: absolute;
}

div.topper, #cemet, #tagline, div.menubar, #bottom, #notdead, #content {
width: 100%;
}

div.roller, div.mitem {
left: 50%;
}

ul {
list-style-type: none;
padding: 0px;
margin: 10px 0px 0px 0px;
}

ul.jackpot {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#jackpot, #notdead, #content, div.mitem, td.cent, div.cent, p.cent, h3.cent {
text-align: center;
}

table.cent {
margin: 0 auto;
}

div.topper {
background-color: #2B2B2B;
border-top:10px solid #000000; 
z-index: 5; 
top: 0px;
}

div.main_top {
height: 260px;
}

div.page_top {
height: 220px;
}


#cemet {
z-index: 2; 
background-image: url('../icons/cemetery2.png'); 
background-repeat: repeat-x;
width: 100%;
height: 100%;
/* only display on home page */
}

#title {
width: 530px; 
height: 220px; 
z-index: 10; 
margin-left: -35%; 
left: 40%;
top: 30px; 
background-image:url('../icons/title5.png'); 
background-repeat:no-repeat
}

#tagline {
height: 58px; 
z-index: 3; 
left: 0px; 
bottom:0px;
color: white;
/* only display on home page */
display: block;
text-align: center;
}

div.fade {
background-image: linear-gradient(bottom, #4A4A4A 21%, #2B2B2B 100%);
background-image: -o-linear-gradient(bottom, #4A4A4A 21%, #2B2B2B 100%);
background-image: -moz-linear-gradient(bottom, #4A4A4A 21%, #2B2B2B 100%);
background-image: -webkit-linear-gradient(bottom, #4A4A4A 21%, #2B2B2B 100%);
background-image: -ms-linear-gradient(bottom, #4A4A4A 21%, #2B2B2B 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, #4A4A4A), color-stop(1, #2B2B2B));
}

#jackpot {
width: 245px; 
height: 125px; 
z-index: 8; 
top: -10px; 
background-repeat: no-repeat;  
left: 500px;
color: #00c000;
font-size: 11pt;
}

#reaper {
width: 214px; 
height: 250px; 
z-index: 11; 
bottom: 0px;
right: 30px;
background-image:url('../icons/new_reaper2.png'); 
background-repeat:no-repeat;
/* only display on home page */
display: block;
}

font.menuitem:hover {
color: lime;
}

div.menubar {
height: 30px; 
z-index: 12; 
background-color: #000000;
color: white;
}

div.main_bar {
top: 270px;
}

div.page_bar {
top: 220px;
}



#bottom {
border-top:10px solid #000000; 
height: 195px; 
z-index: 4; 
bottom: 0px; 
background-color: #2B2B2B;
/* only display on home page */
display: block;
}

#notdead {  
height: 23px; 
z-index: 2; 
top: 5px; 
color: #00c000;
}

div.roller {
z-index: 1; 
top: 30px
}

div.mitem {
width: 100px; 
height: 26px; 
z-index: 1; 
top: 6px; 
}

div.mitem:hover {
color: lime;
}

#content {
height: auto; 
z-index: 3;  
color: black;
/* raise to 260 for pages other than home (370) */
overflow: auto;
border-radius: 8px;
top: 20px;
bottom: 220px;
right: 50px; 
left: 50px;
position: absolute;
width: auto;
background-color: white;
padding: 15px;
border: 3px double darkgray;
-moz-border-radius: 8px;
}

#pgcontent {
margin: 270px 50px 50px 50px;
background-color: white;
padding: 30px;
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
border: 3px double darkgray;
-moz-border-radius: 8px;
border-radius: 8px;
}

#page_content {
height: auto;
z-index: 3;
color: black;
/* raise to 260 for pages other than home (370) */
overflow: auto;
border: 3px double darkgray;
top: 20px;
bottom: 20px;
right: 20px;
left: 20px;
position: absolute;
width: auto;
background-color: white;
}

img.roll {
border: 1px solid gray;
-moz-border-radius: 5px;
border-radius: 5px;
}

#lower {
position: absolute; 
top: 300px; 
bottom: 0px; 
height: auto; 
width: 100%
}

#pglower {
position: absolute;
top: 0px;
bottom: 0px;
height: auto;
width: 100%
}


p, li, td {
font-size: 1em;
}

p, h3, li, td {
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

h3 {
font-size: 1.5em;
font-weight: 500;
color: dimgray;
}

div.bar {
position: relative;
width: 100%;
height: 22px;
margin-top: -15px;
background:url('../icons/divider-line4.png') no-repeat center;
}

img.rulepics {
float: left;
margin: 10px;
clear: left;
width: 200px;
height: 217px;
border: 3px double darkgray;
-moz-border-radius: 5px;
border-radius: 5px;
}

img.rollpic {
border: 3px double darkgray;
-moz-border-radius: 5px;
border-radius: 5px;
}

#teamlist {
margin: 0 auto;
position: relative;
width: 540px;
}

table.payscreen {
border-spacing: 0px;
border-collapse: collapse;
padding: 0px;
}

table.teamtable {
width: 500px;
margin: 0px 0px 0px 0px;
border-spacing: 0px;
border-collapse: collapse;
padding: 0px;
}

#teampop {
display: none;
border:2px solid #555;
position: absolute;
bottom: 10px;
width: 540px;
z-index: 25;
left: 50%;
margin-left: -270px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #eee
}

#poptitle {
background-color: #555;
color: lime;
text-align: center;
padding: 6px 0px 6px 0px;
border-bottom: 8px solid gray;
}

td.total {
text-align: right;
color: #009000
}

td.score {
text-align: right;
}

table.padtab td {
padding: 2px 10px 2px 10px;
}

tr.chart {
background-color: #f5f5f5;
}

tr.chg {
background-color: #f8f8f8;
}

input.most {
width: 350px;
}

table.regis {
border-collapse: separate; 
border-spacing: 5px;
}