﻿body 
{
    background-color: White;
    background-image: url(Images/EightBallWatermark.png);
    background-repeat:no-repeat;
    background-position:200px 130px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    /* If you change this, you must change #TitleLeftPadding 
    background: White url('Images/EightBallWatermark.png') no-repeat fixed 200px 130px;*/
    }
A               {color: Black;}
A:hover         {color:Red;}
A:visited       {text-decoration: underline;}
A:visited:hover {color:Red;
                 text-decoration: underline;}
.nodecoration   {padding: 10px 10px 0px 0px;
                 width: 480px; 
                 text-align: right;}
.nodecoration A {text-decoration:none;}
.nodecoration A:visited {text-decoration:none;}

#middxTitleBar
{
    width:100%; 
    height:80px; 
    overflow: visible; 
    background-color: Silver; 
    position: relative;
    left: -8px;
}
#middxTitleMain
{
    width:100%;
    height:92px;
    background-image: url(Images/TitleBar.png); 
    background-repeat: repeat-x;
    position:relative;
    top:-5px;
}
#middxTitleLeftPadding
{
    width:16px;
    height:92px;
    background-color:White;
    float: left;
}
#middxTitleLeftShadow
{
    width:8px;
    height:92px;
    float: right;
    background-image: url(Images/TitleBarLeft.png);
}    
#middxLogo
{
    width:0px;
    height:192px;
    overflow: visible;
    float:left;
}
#middxLogo #middxLogoImage
{
    width:161px;/*161px;/*156px;*/
    height:209px;/*209px;/*204px;*/
    background-image: url(Images/middlesex_logo3.png);
    float: left;
    position:relative;
    top:-2px;/*-2px;/*2px;*/
    left:-11px;/*-11px;/*-6px;*/
}
#middxTitleShadowRight
{
    width:9px;
    height:92px;
    background-image: url(Images/TitleBarRight.png);
    float: right;
    position: relative;
    left: 9px;
}
#middxBreadcrumb
{
    height: 20px;
    float: right;
    position: relative;
    top: 10px;
    font-size:80%;
}
#middxName
{
    width:100%;
    text-align:center;
    height: 20px;
    position: relative;
    float: left;
    top:-150px;
    left: 0px;
    font-family: Alba, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:140%;
}
#middxButtonBar
{
    width:146px;
    height:480px;
    border-right:solid 1px #7F7F7F;
    border-bottom:solid 1px #7F7F7F;
    float:left;
}
#middxButtonBar #middxInitialSpacer
{
    width:146px;
    height:150px;
}
#middxButtonBar #middxLowerSpacer
{
    width:146px;
    height:3px;
}
#middxButtonBar #middxLastUpdated
{
    width:146px;
    height:35px;
    text-align:center;
    font-size:75%;
    color:#C0C0C0;
    overflow:hidden;
}
#middxButtonBar .middxButtonHolder
{   
    width:144px;
    height:58px;
}
#middxButtonBar .middxButtonHolder:hover
{
    background-image:url(Images/TeamHover.png);
}
#middxButtonBar #middxButtonATeam
{
    width:144px;
    height:58px;
    background-image:url(Images/a_team.png);
}
#middxButtonBar #middxButtonBTeam
{
    width:144px;
    height:58px;
    background-image:url(Images/b_team.png);
}
#middxButtonBar #middxButtonLadies
{
    width:144px;
    height:58px;
    background-image:url(Images/ladies.png);
}
#middxButtonBar #middxButtonYouths
{
    width:144px;
    height:58px;
    background-image:url(Images/youths.png);
}
#middxButtonBar #middxButtonLinks
{
    width:144px;
    height:58px;
    background-image:url(Images/links.png);
}
#middxMain
{
    width:500px;
    position:absolute;
    top:90px;
    left:120px;
    padding: 0px 0px 0px 20px;
}

#middxContentMain
{
    font-size: 75%;
    padding: 2px 10px 10px 16px;
    position:relative;
    left:0px;
}
#middxContentMain #middxContentInner
{
    padding: 0px 10px 10px 16px;
}
#middxPageFooter
{
    font-size:50%;
    position:fixed;
    bottom:3px;
    z-index:-1;
}
.middxTabof2Up
{
    width: 140px; 
    height: 20px;
    border-top: solid 2px Black; 
    border-left: solid 2px Black; 
    border-right: solid 2px Black;
    text-align: center; 
    font-size: 12pt; 
    float: left; 
    position: relative; 
    z-index: 10;
    background-color: White; 
    cursor: hand;
}
.middxTabof2Down
{
    width: 140px; 
    height: 20px;
    border-top: solid 1px Black; 
    border-left: solid 1px Black; 
    border-right: solid 1px Black;
    text-align: center; 
    font-size: 12pt; 
    float: left; 
    position: relative; 
    top: 1px;
    z-index: 8; 
    background-color: White; 
    cursor: hand;
}
.middxTabContents
{
    border-left:solid 2px Black;
    border-right:solid 2px Black; 
    border-bottom:solid 2px Black;
    position:absolute;
    top:42px;
    left:32px;
}
.gvBorder
{
    outline: windowtext outset 2px;
}
