body {
font-family: verdana, arial, helvetica, sans-serif;
color: #000000; background: #ffffff url(images/backtile.gif);
font-size: 95%;
margin-top: 10px;
}

a:link {color: #fff; background: transparent; text-decoration:none}
a:visited { color: #fff; background: transparent; text-decoration:none}
a:hover { color: #eee; background: transparent; text-decoration: none }

h1 {
font-size: 120%;
color: #036;
margin-bottom: -10px;
text-align: left
}

h2 {
font-size: 100%;
color: #036;
margin-bottom: -10px;
text-align: left
}

h3 {
font-size: 120%;
}

#feature h2 {
color: #f00; background: #fff;
text-align: center;
font-size: 140%;
margin-bottom: 10px;

}

h2.white {
font-size: 85%;
color: #fff; background: #036;
padding: 4px;
text-align: center;
margin-bottom: 10px;}

#header {
text-align:center;
color: #fff; background: #6a6a6a;
font-size: 75%;
border: solid 1px #000;
width: 702px;
}

#topmenu ul{
color: white; background: #a1a1a1;
border-top: 1px solid #000;
padding: 2px 5px 0 10px;
font-weight: normal;
text-decoration: none;
margin: 0;
height: 17px;
vertical-align: middle;
}

#topmenu li{
display: inline;
list-style-type: none;
}

#topmenu a {
padding: 12px 10px 5px 12px;
text-decoration: none;
}

#topmenu a:hover {
background-color: #036;
}

#mainbody {
color: #fff; background: #8c95ab;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
text-align: left;
width: 702px;
}

#acrobat h1 {
font-size: 120%;
clear: none;
margin-bottom: -10px;
text-align: left
}

#acrobat p {
float:right;
width: 270px; height: 30px;
border: 2px solid #c7ccd6;
color: #036; background: #c7ccd6;
font-size: 70%;
font-weight: normal;
margin-top:-10px;
padding: 6px;
text-align: left;
}

td.vertical {
vertical-align: top;
 }

ul  {
font-size: 80%;
color: #036; background: transparent;
text-align: left;
font-weight:bold;
vertical-align: top;
list-style-type: square;
}

ol  {
font-size: 80%;
color: #036; background: transparent;
text-align: left;
font-weight:bold;
vertical-align: top;
}

ol.white {
color: #fff;
}

ul.white {
color: #fff;
}

li   {
line-height: 140%;
font-size: 110%;
font-weight: normal;
text-align: left;
clear: right;
}

.list-title
{margin-left: -20px;
list-style-type: none;
color: #036;
font-weight: bold;
}

.age{
color: #000; background: #fff url(rules/ages.gif);
width: 300px; height: 524px;
border: 2px solid #c7ccd6;
text-align: right;
}

#outsidelinks ol{ border-top: 2px solid #c7ccd6;
border-bottom: 2px solid #c7ccd6;
color: #ded6bf; background: transparent;
margin-left: 10px;
font-size: 75%;
width: 240px;
}

#outsidelinks li {list-style-type: none;
margin-left: 15px;
}

.top { font-family: verdana, arial,  helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color: white; background: #d60000;
}

.cen { text-align: center }

.left {text-align: left }

.title { color: white; background: black;
font-size: 90%;
font-weight: bold
}

.blk { background: black }

.rd { color: white; background: #003366;
font-size: 70%;
font-weight: normal;
text-align: center }

.big { font-size: 90%;
font-weight: bold;
}

/*index page*/

#leftmenu { color: white; background: #a1a1a1;
padding: 0 0 0 0;
text-align: left;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}


#leftmenu a {
display:block;
padding: 6px 2px 6px 4px;
background-color: #a1a1a1;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
color: #fff;
text-decoration: none;
width: 94%}

#leftmenu a.hilite { color: #358; background: #dbe5f1; }
#leftmenu a.hilite2 { color: #06c; background: #8cafd3; }
#leftmenu a.hilite3 { color: #fff; background: #5483bc; }
#leftmenu a.hilite4 { color: #06c; background: #b3bdb2; }
#leftmenu a.hilite5 { color: #06c; background: #D8DFD2; }


#leftmenu a:hover {
display:block;
background-color: #5371b5;
color: #bcbc78;
}

#leftmenu img {
padding-top: 4px;
}


#feature { 
margin: 15px 20px 15px 10px;
width: 80%;
color: #036; background: #fff;
line-height: 140%;
font-size: 75%;
text-align: left;
}

#feature p {
margin-bottom: 20px;
}


#feature strong.blue { 
color: #06c; 
}

#feature .title {
color: #f00; background: transparent;
font-size: 120%; 
font-family: arial, sans-serif;
font-weight: bold;
}

#feature a {
font-weight: bold;
color: #06c; background: transparent;
text-decoration: underline 
}

#feature a:hover {
color: red; background: transparent;
text-decoration: none
 }
 
.date {
padding:1px;
border-top:1px solid;
border-bottom:1px solid;
margin-bottom: 25px;
font-size:0.9em;
border-color:#e9e6f7;
background-color:#FAFAFA; 
width: 80%;
}

#footer {       
color: #036;
background: transparent;
font-size: 75%;
letter-spacing: 1px;
line-height: 120%;
text-align: center;
margin: 20px 0 5px 0;
}


#footer a {       
color: #669;
background: transparent;
text-decoration: underline;
}

#footer a:hover {
color: #036;
background: transparent;
text-decoration: none }

#validate li {
list-style-type: none;
margin-left:-15px;}

/*sponsors page*/
#sponsor {
font-size: 85%
}

#sponsor h2 {color: #fff; background:#8C95AB; }

#sponsor a { 
text-decoration: underline;
 }

#sponsor a:hover {
text-decoration: none;
background-color: #8C95AB;
 }

/*executive page*/
#exec {font-size: 85%}

/*the game page*/
#game {font-size: 80%;
padding: 0 20px;}

/*classifieds page*/

#classifieds {
font-size: 80%;
padding: 0 20px;}

#classifieds a {
text-decoration: underline;
}

#classifieds a:hover {
text-decoration: none;
}

#classifieds .entry {
border: 1px solid #036;
padding: 5px;
background: #fff; color: #000;
width: 400px;
margin-bottom: 4px;
}

#classifieds ul {
color: #fff;
}

#classifieds h2 {
color: #fff;
margin-bottom: 10px;
font-size: 90%;
}

#classifieds h3 {
color: #fff;
font-weight: normal;
font-size: 80%;
text-decoration: none;
}

#classifieds h3 a { text-decoration: none;}

/*history page*/
#history {font-size: 80%;
padding: 0 20px;}

/*league affiliations page*/
#league {font-size: 80%;
padding: 0 20px;}

#league a{text-decoration: underline;}

/*funfirst page*/
#funfirst {font-size: 80%;
}

#funfirst td{ vertical-align:top;
padding: 0 20px;}

.redborder {border-right: solid 1px #903;
}

#funfirst h2 {  padding-top: 15px;
font-size: 120%;
color: #903;  }

#funfirst h3 {font-size: 100%;
color: #036; }

/*custom 404 page */
#four h1 { font-size: 120%;
text-align: center;
font-weight: normal;
}

#four blockquote {font-size: 80%;
padding: 0 30px; }

#four a:link {color: white; background: transparent; text-decoration:underline}
#four a:visited { color: white; background: transparent; text-decoration:underline}
#four a:hover { color: #cccccc; background: #003366; text-decoration: none }

sup {color: #c33;
}

/* top menu in header.php*/

#menu ul{  color: white; background: #a1a1a1;
border-top: 1px solid #000;
padding: 2px 0px 0 10px;
font-weight: normal;
text-decoration: none;
margin: 0;
height: 17px;
vertical-align: middle;

}

#menu li{    display: inline;
list-style-type: none;
}

#menu a {
padding: 12px 10px 5px 12px;
text-decoration: none;
font-weight:bold;
color:#ffffff;
}

#menu a:hover {
text-decoration: underline;
background: transparent; color: #FFF9B3;
}

#menu span {
display:none;
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {  background: transparent;
text-align: left;
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;

}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
position:absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
position:relative;
left:1px; top:0px;
z-index:2;
}

.transMenu.top .items {
border-top:none;
}

/* each TR.item is one menu item */
.transMenu .item {
color:#336;
font-size:11px;

font-family:verdana, sans-serif;
text-decoration:none;
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
border:none;
cursor:pointer;

}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
position:absolute;
left:0px; top:0px;
z-index:1;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
position:absolute;
z-index:3;
top:3px; width:2px;
-moz-opacity:0.6;
filter:alpha(opacity=60);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
position:absolute;
z-index:1;
left:3px; height:2px;
-moz-opacity:0.6;
filter:alpha(opacity=60);
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background:#fdfdfd;
color:#06c;
text-decoration: underline;
}