﻿/*******************************************************************************
*   HTML Tag Redefinitions
*******************************************************************************/
body
{
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    
    color:Black;
    
    background-image:url(../website_images/background_top.jpg);
    background-color:#4e4e4e;
    background-position:top left;
    background-repeat:repeat-x;
    
    margin:0px;
}

img
{
    vertical-align:bottom;  /*  This gets rid of the "white space" below the image where this tag is used   */     
    border:0px;  
}

a
{
	text-decoration:none;
	color:#0066cc;
}

a:visited   {color:#0066cc;}
a:hover     {color:#FF6600;}

.linkToTournaments{font-size:13px; color:Black; text-align:center; top:5px; position:relative; z-index:1;}
.linkToTournaments a{color:Blue; text-decoration:underline;}
.linkToTournaments a:hover{text-decoration:none;}






/*******************************************************************************
*   Page Style Definitions
*******************************************************************************/
/***************************************
*   TABS / NAVIGATION
***************************************/
.mainOutterElasticTabs
{
    position:relative;
    z-index:1;
    
    width:100%;
    height:41px;
    
    background-color:White;
    
    background-image:url(../website_images/background_behindTabs.jpg);   
    background-position:center center;
    background-repeat:no-repeat;
    
    margin:0 auto;
    margin-top:15px;
    text-align:center;
    
    border-top-color:#4d4c4a;
    border-top-width:12px;
    border-top-style:solid;
    
    border-bottom-color:#4d4c4a;
    border-bottom-width:12px;
    border-bottom-style:solid;
}

.mainInnerElasticTabs
{
    position:relative;
    z-index:1;
    
    width:680px; 
    
    text-align:center;
    
    margin:0 auto;
}

.mainBottomBorderElasticTabs
{
    position:relative;
    z-index:1;
    clear:both;
    
    width:100%;
    height:1px;
    
    top:-1px;
    
    background-color:#74675e;
}





/***************************************
*   TOP CONTENT AREA
***************************************/
.mainOutterBorder
{
    position:relative;
    z-index:1;
    clear:both;
    
    width:800px;
    min-height:475px;
    
    margin:0 auto;
   
    top:15px;
    
    border-style:solid;
    border-width:2px;
    border-color:#2d2e30;   
}

.mainOutterContent
{
    position:relative;
    z-index:1;

    min-height:475px;
    
    border-style:solid;
    border-width:10px;
    border-color:#4d4c4a;
}



/*******************
* TOP LEFT
*******************/
.mainInnerContent_Left
{
    position:relative;
    z-index:1;
    
    float:left;
    
    width:295px;
    min-height:470px;
    
    background-color:#f6f6f6;
    
    border-style:solid;
    border-width:2px;
    border-color:#2d2e30;
}

.topLeft_logo
{
    position:relative;
    z-index:1;
    
    width:100%;
    height:112px;
    
    top:8px;
    
    text-align:center;
}

.topLeft_menuContainer
{
    position:relative;
    z-index:1;
    
    top:15px;
    
    width:295px;
    
    border-top:Solid 1px #c0c0c0;
    border-bottom:Solid 1px #c0c0c0;
    
    background-color:#eceae8;
}

.topLeft_menuItem
{
    position:relative;
    z-index:1;
    
    width:100%;
	height:20px;
	
	background-color:#eceae8;
	
	background-image:url(../website_images/bullet_arrowGray.jpg);
	background-repeat:no-repeat;
	background-position:10px 11px;
	
	border-bottom-width:1px;
	border-bottom-color:#c0c0c0;
	border-bottom-style:none;
	
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	
	padding-top:8px;
}

.topLeft_menuItem #ACTIVE   {color:#ce9600;}

.topLeft_menuImages
{
    position:relative;
    z-index:25;
    clear:both;
    
    top:25px;
    
    width:295px; 
    
    text-align:center; 
}





/*******************
* TOP RIGHT
*******************/
.mainInnerContent_Right
{
    position:relative;
    z-index:1;
    
    float:right;
    
    width:470px;
    min-height:470px;
    
    background-image:url(../website_images/background_poolBalls.jpg);
    background-repeat:no-repeat;
    
    border-style:solid;
    border-width:2px;
    border-color:#2d2e30;
}

.mainInnerContent_Right_Content
{
    position:relative;
    z-index:1;
    
    float:right;
    margin:0 auto;
    
    width:400px;
    height:443px;
    
    top:12px;
    right:12px;
    
    background-color:White;
    
    border-style:solid;
    border-width:2px;
    border-color:#2d2e30;
}




.mainInnerContent_Right_Content #PHONENUMBERS
{
    position:relative;
    z-index:1;
    
    width:273px;
    height:18px;
    
    margin:0 auto;
    margin-top:10px;
    
    background-image:url(../website_images/img-phonenumbers.jpg);   
    background-repeat:no-repeat;
}

.mainInnerContent_Right_Content .CONTENTBG01
{
    position:relative;
    z-index:1;
    
    width:93%;
    
    margin:0 auto;
    margin-top:10px;
    
    padding:10px 0px 10px 5px;
    
    border-top-style:dotted;
    border-top-color:Black;
    border-top-width:1px;   
    
    border-bottom-style:dotted;
    border-bottom-color:Black;
    border-bottom-width:1px;   
}

.mainInnerContent_Right_Content .CONTENTBG02
{
    position:relative;
    z-index:1;
    
    width:93%;
    
    margin:0 auto;
    margin-top:10px;
    
    padding:10px 0px 10px 5px;
    
    border-top-style:dotted;
    border-top-color:Black;
    border-top-width:1px;   
    
    border-bottom-style:dotted;
    border-bottom-color:Black;
    border-bottom-width:1px;   
    
    background-color:#e9e9e9;
}

.TITLE01    {font-size:18px; color:Maroon; text-align:center; clear:both;}
.TITLE02    {font-size:16px; color:NAVY; text-align:center; clear:both;}
.CONTENT01  {font-size:12px; color:Black; clear:both; margin-top:12px;}

.BULLET01
{
    position:relative;
    z-index:10;
    
    width:250px;
    height:14px;
    
    margin-top:3px;
    padding-left:15px;
    
    background-image:url(../website_images/bullet_listItem.gif);   
    background-position:left center;
    background-repeat:no-repeat;
}


/*******************
* BOTTOM CENTER
*******************/
.mainInnerContent_BottomCenter
{
    position:relative;
    z-index:1;
    clear:both;
    
    width:776px;
    min-height:10px;   
    
    top:12px;
    
    background-color:#ffffff;
    
    border-style:solid;
    border-width:2px;
    border-color:#2d2e30;
}










/*******************************************************************************
*   CSS TABS: TAG DEFINITIONS
*******************************************************************************/
/***************************************
*   Description:
*       n/a
***************************************/
#header 
{
    width:680px;
    background:url("../website_tabs/bg.gif") repeat-x;  /*  Black Bottom Along Tabs */
    font-family:Tahoma;
    font-size:12px;
    line-height:normal;
    
    margin-top:6px;
}

#header ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}

#header li {
    float:left;
    background:url("../website_tabs/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
}
      
#header a {
    display:block;
    background:url("../website_tabs/right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#000099;
}
      
#header a:hover {
    color:#FFFFFF;
}
      
#header #current {
    background-image:url("../website_tabs/left_on.gif");
}
      
#header #current a {
    background-image:url("../website_tabs/right_on.gif");
    color:#FF6600;
    padding-bottom:5px;
}





















/*******************************************************************************
*   CSS FOR ACCORDION
*******************************************************************************/
.accordionStyle
{
	margin-top:25px;
}

.aspStoryThumb  /*...Rectangle Color Div On The Left Hand Side Title Bar...*/
{
    float:left;
    width:3px; 
    height:27px;
    
    background-color:Blue;  
    
    margin-right:10px; 
    margin-left:-5px; 
    margin-bottom:-5px; 
    margin-top:-5px; 
}

.aspStoryHeader
{
	margin-top:0px;
	margin-left:0px;
	
	padding:5px 5px 5px 5px;
	
	border-style:inset;
	border-width:1px;
	border-color:#000000;
	
	border-bottom-style:none;
	
	background-color:#FFFFFF;
	background-image:url(../website_images/page_Default/background_stories2.jpg);
	background-position:right;
	background-repeat:no-repeat;
	
	font-size:14px;
	font-family:Tahoma;
	color:#000000;
	
	cursor:pointer;
}

.aspStoryAuthor
{	
	margin-top:0px;
	margin-left:0px;
	
	padding:5px 5px 5px 5px;
	
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	
	border-top-style:none;
	border-bottom-style:none;
	
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left;
	
	font-weight:bold;
	font-size:11px;
	font-family:Tahoma;  
	color:#FF3300;
}

.aspStoryDate
{	
	margin-top:-5px;
	margin-left:0px;
	
	padding:0px 5px 5px 5px;
	
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	
	border-top-style:none;
	border-bottom-style:none;
	
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left;
	
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	font-family:Tahoma;  
	color:#FF3300;
}

.aspStoryBody
{
	margin-top:0px;
	margin-left:0px;
	margin-bottom:15px;
	
	padding:5px 5px 5px 5px;
	
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	
	border-top-style:none;
	
	background-color:#FFFFFF;
	
	font-size:12px;
	font-family:Tahoma;
}



















/*******************************************************************************
*   CSS FOR EQUIPMENT PAGE
*******************************************************************************/
.imageContainer
{
	width:150px;
	
	margin-top:20px;
	margin-left:27px;
}

.imageDescription
{
    text-align:center;   
    margin-top:5px;
}



















/*******************************************************************************
*   CSS FOR CONTACT PAGE
*******************************************************************************/
.myTextBoxMultiLine
{
    width:250px;
    height:100px;
    
    font-family:Tahoma;
    font-size:12px;
}

.myTextBoxSingleLine
{
    width:250px;
    font-family:Tahoma;
    font-size:12px;
}    

.myTextBoxSingleLine_Smaller
{
    width:110px;
    font-family:Tahoma;
    font-size:12px;
}