body
{
    background: #1A1A1A url(../images/background.jpg) repeat-x top;
    font: 12px Lucida Grande, arial, sans-serif;
    padding: 0;
    margin: 0;
}

p
{
    margin: 12px 0;
}

a
{
    color: #0066cc;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a img
{
    border: none;
}

object
{
    display: none;
}
	
	div #homeHeader object
	{
		display: inline;
		margin: 0 auto;
	}
	
	div #inPage object
	{
		display: inline;
		margin: 0 auto;
	}

H2 {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 14pt;
	font-weight: bold;
}

H3 {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 12pt;
	font-weight: bold;
	font-color: #150050;
	margin-top: 0px;
	padding-top: 0px;
}

H4 {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 10pt;
	font-weight: bold;
	font-color: #003d5f;
}

/* -------------------------------------------------------------------------- */
/* --- global classes --- */

.clear
{
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
}

TR {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 10pt;
	font-weight: normal;
}

TH {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #272727;
}

TD {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 10pt;
	font-weight: normal;
}

FORM {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom:0;
}

.fuscia {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 8pt;
	color: #fff;
	background-color: #CC0099;
}

.subhead {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 8pt;
	background-color: yellow;
}

.subheadnormal {
	font-family: Verdana, Arial, Helv, san-serif;
	font-size: 10pt;
	background-color: yellow;
}

.serif
{
    font: italic 15px times new roman, garamond, serif;
}

.roundedCorners
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.dropShadow
{
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

.bottomMargin10
{
    margin-bottom: 10px;
}

.gray
{
    color: #B2B2B2;
}

.big
{
    font-size: 14px;
    font-weight: bold;
}

.small
{
    font-size: 10px;
}

.inparabold {
	font-weight: bold;
}

.inactive {
	color: #6e6c6a;
}

.inactivesmall {
	color: #6e6c6a;
	font-size: 8pt;
}

.calendarempty {
	color: #000000;
	font-size: 9pt;
	background-color: darkgray;
}

.instructions {
	font-size: 8pt;
}

.message {
	color: #CC0000;
	font-size: 10pt;
	font-weight: bold;
}

.ok {
	color: green;
	font-weight: bold;
	font-size: 8pt;
}

.oknormal {
	color: green;
	font-weight: bold;
	font-size: 10pt;
}

.okXXLarge {
	color: green;
	font-weight: bold;
	font-size: 13pt;
}

.oksmaller {
	color: green;
	font-weight: bold;
	font-size: 7.5pt;
}

.attention {
	color: red;
	font-weight: bold;
}

.attentionsmall {
	font-size: 7pt;
	color: red;
	font-weight: bold;
}

.info {
	color: teal;
	font-size: 10pt;
	font-weight: bold;
}

.searchresults {
	font-size: 11pt;
	color: teal;
	font-weight:bold;
}

.small {
	font-size: 8pt;
}

.smaller {
	font-size: 7.5pt;
}

.smallest {
	font-size: 7pt;
}

.smallerbold {
	font-size: 7.5pt;
	font-weight: bold;
}

.smallbold {
	font-size: 10pt;
	font-weight: bold;
}

.smallestbold {
	font-size: 7pt;
	font-weight: bold;
}

.emphasized {
	font-size: 10pt;
	color: #CC0000;
	font-weight: bold;
}

.emphasizedreg {
	font-size: 10pt;
	color: #CC0000;
}

.smallemphasized {
	font-size: 8pt;
	color: #CC0000;
	font-weight: bold;
}

.smalleremphasized {
	font-size: 7pt;
	color: #CC0000;
	font-weight: bold;
}

.formval {
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
}

.forminstructions {
	font-size: 9pt;
	background-color: #DBDDD5;
}

.Reverse {  
	font-size: 9pt;
	color: white;
	font-weight: bold;
	background-color: #7B0000;
}

.ReverseSmaller {  
	font-size: 8pt;
	color: white;
	font-weight: bold;
	background-color: #7B0000;
}

.ReverseSmaller {  
	font-size: 8pt;
	color: white;
	font-weight: bold;
	background-color: #7B0000;
}

.ReverseSmallText {  
	font-size: 7pt;
	color: white;
	font-weight: bold;
	background-color: #7B0000;
}

.even {
	background-color: #ffffff;
}

.odd {
	background-color: #e6e6e6;
}

.notcoming {
	background-color: #c8b4b4;
}

.registerlater {
	background-color: #758E79;
}

.paleyellow {
	background-color: #ebe9b8;
}

.palepurple {
	background-color: #9479CC;
}

.palered {
	background-color: #fcd2c7;
}

.palegreen {
	background-color: #bed6bc;
}

.paleblue {
	background-color: #c0c5d6;
}

.highlight {
	background-color: #ACBAD0;
}

.searchmatch {
	color: green;
	font-weight: bold;
}

.Large {
	font-size: 10.5pt;
}

.Larger {
	font-size: 11pt;
}

.XLarge {
	font-size: 12pt;
}

.XXLarge {
	font-size: 13pt;
}

.XXXLarge{  
	font-size: 14pt;
}

.XXXXLarge{  
	font-size: 16pt;
}
/* begin header bars */

.headerBarRed
{
    background: url(../images/headerBarRedTile.png) repeat-x;
    color: #fff;
}

.headerBarBlack
{
    background: url(../images/headerBarBlackTile.png) repeat-x;
    color: #fff;
}
    
    .headerBarRed h3
    {
        background: url(../images/headerBarRedRight.png) no-repeat scroll top right;
        font-size: 12px;
        display: block;
        float: left;
        height: 24px;
        margin: 0 6px 0 0;
        padding: 0 18px 0 0; /* sliding doors padding */
    }
    
    .headerBarBlack h3
    {
        background: url(../images/headerBarBlackRight.png) no-repeat scroll top right;
        font-size: 12px;
        display: block;
        float: left;
        height: 24px;
        margin: 0 6px 0 0;
        padding: 0 18px 0 0; /* sliding doors padding */
    }
    
    .headerBarRed span
    {
        background: url(../images/headerBarRedLeft.png) no-repeat;
        display: block;
        line-height: 12px;
        padding: 5px 3px 7px 10px;
    }
    
    .headerBarBlack span
    {
        background: url(../images/headerBarBlackLeft.png) no-repeat;
        display: block;
        line-height: 12px;
        padding: 5px 3px 7px 10px;
    }

/* end header bars */

/* -------------------------------------------------------------------------- */
/* --- ids --- */

#container
{
    width: 1000px;
    margin: 0 auto;
}


#leftCol
{
    width: 160px;
    margin-right: 20px;
    display: inline;
    float: left;
}
    
    #nav ul
    {
        color: #fff;
        list-style: none;
        padding: 0 0 0 12px;
        margin: 0;
    }
        
        #nav ul li
        {
            background-color: transparent;
            width: 148px;
            padding: 3px 0;
            border-bottom: 1px solid #CBCBCB;
            cursor: pointer;
        }
        
        #nav ul li:hover
        {
            background: url(../images/navHover.png) repeat-y right;
        }
        
        #nav ul li.expand   
        {
            list-style-image: url(../images/navExpand.gif);
            list-style-type: circle;
        }
        
        #nav ul li.expand ul li
        {
            list-style: none;
        }
            
            #nav ul ul
            {
                list-style: none;
                padding: 0 0 0 10px;
                display: none;
            }
            
            #nav ul ul li
            {
                background: url(../images/navOpen.png) repeat-y right;
                width: 138px;
            }
    
    #socialIcons
    {
        color: #fff;
        line-height: 12px;
        margin-left: 12px;
    }
        
        #socialIcons a
        {
            color: #fff;
        }
        
        #socialIcons img
        {
            margin-right: 10px;
        }

#centerCol
{
    width: 640px;
    margin-right: 20px;
    display: inline;
    float: left;
}

    #homeHeader
    {
        width: 640px;
        height: 120px;
        border: 1px solid silver;
        margin: 0 auto 10px auto;
		margin-top: 10px;
	}

    #inPage
    {
        width: 500px;
        height: 335px;
        border: 0px;
        margin: 0 auto 10px auto;
		margin-top: 10px;
	}

    #header
    {
        width: 100%;
    }
    
    #mainContent
    {
        background: #F2F2F2 url(../images/mainContentTile.png) repeat-x top;
        width: 620px;
        padding: 10px;
        margin-bottom: 20px;
    }
        
        #mainContent #left
        {
            width: 290px;
            display: inline;
            float: left;
            padding-right: 10px;
            border-right: 1px dashed #999;
            margin-right: 10px;
        }
            
            #mainContent #left #menu
            {
                margin: 10px 0 0 10px;
            }
                
                #mainContent #left #menu .secTitle
                {
                    font-weight: bold;
                    margin-bottom: 5px;
                }
                
                #mainContent #left #menu ul
                {
                    color: #fff;
                    list-style: none;
                    padding: 0;
                    margin: 0 0 10px 0;
                }
                    
                    #mainContent #left #menu ul li
                    {
                        background: url(../images/loginMenuButton.png) no-repeat left top;
                        width: 268px;
                        padding: 3px 5px;
                        border: 1px solid #fff;
                        cursor: pointer;
                    }
                    
                    #mainContent #left #menu ul li:hover
                    {
                        background: url(../images/loginMenuButton.png) no-repeat left bottom;
                    }
        
        #mainContent #middle
        {
            width: 275px;
            display: inline;
            float: left;
        }
            
            #mainContent #middle .section
            {
                min-height: 68px;
                line-height: 14px;
                border-bottom: 1px dashed #999;
                margin-bottom: 10px;
            }
                
                #mainContent #middle .section img
                {
                    margin: 0 10px 5px 0;
                    border: 0px solid #999;
                }
                
                #mainContent #middle .section .noBorder
                {
                    margin: 0 10px 5px 0;
                    border: 0px solid #fff;
                }
        
        #mainContent p
        {
            padding-left: 10px;
        }
        
        #mainContent #right
        {
            width: 299px;
            display: inline;
            float: left;
        }
            
            #mainContent #right .section
            {
                min-height: 68px;
                line-height: 14px;
                border-bottom: 1px dashed #999;
                margin-bottom: 10px;
            }
                
                #mainContent #right .section img
                {
                    margin: 0 10px 5px 0;
                    border: 1px solid #999;
                }
                
                #mainContent #right .section .noBorder
                {
                    margin: 0 10px 5px 0;
                    border: 0px solid #fff;
                }
        
        #mainContent p
        {
            padding-left: 10px;
        }
        
    #footer
    {
        color: #808080;
        width: 620px;
        height: 100px;
        padding-left: 20px;
        border-top: 1px dashed #808080;
    }
        
        #footer img
        {
            padding-right: 10px;
        }
        
        #footer a
        {
            color: #fff;
        }
        
        #footer #footerLinks
        {
            padding-top: 10px;
        }

#rightCol
{
    width: 160px;
    display: inline;
    float: left;
    color: #fff;
    margin-top: 14px;
}

    #rightCol input
    {
        background: #fff;
        width: 160px;
        border: none;
        width: 160px;
        height: 12px;
        font-size: 12px;
        padding: 3px 4px 4px 4px;
        outline: none;
        margin: 3px 0 5px 0;
    }
        
        #rightCol input.withIcon
        {
            width: 130px;
            display: inline;
            float: left;
        }
        
        #rightCol .inputIcon
        {
            border: none;
            width: 20px;
            height: 19px;
            display: inline;
            float: left;
            margin: 3px 0 5px 0;
        }
        
        #rightCol input#leaderSearchButton
        {
            background: url(../images/leaderSearchButton.png) no-repeat left top;
            cursor: pointer;
        }
        
        #rightCol input#leaderSearchButton:hover
        {
            background: url(../images/leaderSearchButton.png) no-repeat left bottom;
        }

    #rightCol select
    {
        width: 160px;
        margin: 3px 0 5px 0;
    }

    #rightCol a
    {
        color: #fff;
    }https://baseballchapel.securepayments.cardpointe.com/pay
	
.tooltip {
    position: relative;
    display: inline-block;
    border: none;
	width: auto;
	font-size: 10pt;
	background-color: #F2F2F2;
	color: #0066cc;
}

.tooltiptext {
    visibility: hidden;
    font-family: arial;
    font-size: 14px;
    width: 275px;
    background-color: #ffffff;
    border: 2px solid gray;
	background-image: url("img_tree.png");
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    height: auto;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    margin: 0px 10px 0px 5px;
    position: absolute;
    z-index: 1;
    top: -13px;
    left: 106%;
}

.tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    top: 6%;
    right: 100%;
    background-color: #F2F2F2;
    margin-top: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent gray transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}