body {
margin: 0;
background-repeat: repeat-x;
background-position: 0% 0%;
background-color: #ffffff;
background-attachment: scroll;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;
}

.pageRelDiv
{
position:relative; 
width: 850px; 
top: 0px; 
margin: 0 0;
padding: 0;
background-color: #ffffff;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;
}

.contentDiv
{
position:absolute;
left: 0px;
top: 0px;
z-index: 1;
margin: 0 0;
padding: 0;
background-color: #ffffff;
}

.sidebarDiv
{
position: absolute;
left: 5px;
top: 117px;
width: 160px;
z-index: 2;
margin: 0 0;
padding: 0;
}



.headerDiv
{
position:absolute;
left: 2px;
top: 0px;
background-color: #003366;
margin: 0 0;
}


.navDiv
{
position:absolute;
left: 170px;
top: 112px;
height: 15px;
z-index: 1;
margin: 0 0;
background-color: #003366;
font-size: 10pt;
color: #ffffff;
font-weight: 700;
}

.pinkRibDiv
{
position:absolute;
left: 508px;
top: 48px;
margin: 0px 0px;
z-index: 5;
}

.searchDiv
{
position:absolute;
left: 720px;
top: 2px;
margin: 3px 2px;
z-index: 2;
color: #003366;
}

.searchLabelDiv
{
position:relative;
left: 30px;
margin: 0 0;
z-index: 2;
color: #003366;
}

.searchCalDiv
{
position:relative;
margin: 3px 2px;
color: #003366;
}

.searchCalLabelDiv
{
position:relative;
margin: 0px 0px;
background-color: #ffffff;
color: #003366;
}

.hiddenSearchCalDivWBorder {
position:relative;
border: 0;
padding: 5px;
margin: 0px 0px;
background-color: #003366;
display:none;
}


.tpStuffDiv
{
position:absolute;
left: 685px;
top: 106px;
margin: 3px 2px;
z-index: 2;
}

.hiddenSearchDivWBorder {
position:relative;
/*width: 146px;*/
border: #003366 thin solid;
padding: 5px;
margin: 0px 0px;
background-color: #557793;
display:none;
z-index: 2;
}

.adDiv
{
position:absolute;
left: 2px;
top: 137px;
margin: 3px 2px;
z-index: 1;
background-color: #ffffff;
color: #ffffff;
}

.adRotatorDiv
{
position:absolute;
left: 2px;
top: 300px;
margin: 3px 2px;
z-index: 1;
background-color: #ffffff;
color: #ffffff;
}



.calendarEventDiv {
position:relative;
display:block;
}

.calendarEventHiddenDiv {
position:relative;
display:none;
}

.calendarEventCell {
color: #333333;
background-color: #f7f971;
font-size: 10pt;
font-weight: bold;
}

.calendarPastEventCell {
color: #333333;
background-color: #bbbbbb;
font-size: 10pt;
font-weight: bold;
text-decoration: line-through;
}



.blockDiv {
position:relative;
width: 146px;
display:block;
/*background-color: #ffffff;*/
}

.blockDivNoPrint {
position:relative;
margin: 0 0;
padding: 0;
display:block;
}

.hiddenDiv {
position:relative;
width: 146px;
display:none;
margin: 0 0;
padding: 0;
/*background-color: #ffffff;*/
}

.hiddenDivNoPrint {
position:relative;
display:none;
}

.blockDivA {
position:relative;
display:block;
}

.blockDivNoPrintA {
position:relative;
display:block;
}

.hiddenDivA {
position:relative;
display:none;
}

.hiddenDivNoPrintA {
position:relative;
display:none;
}


.hiddenDivWBorder {
position:relative;
border: black solid medium;
padding: 5px;
background-color: #cccccc;
display:none;
}

.hiddenMenuDiv {
position:relative;
border: black solid thin;
padding: 5px;
background-color: #ccccff;
display:none;
}


.grayOutDiv {
position:absolute;
left: 0px;
top: 0px;
margin: 0px 0px;
width: 1000px;
height: 1000px;
z-index: 25;        
display: none;
background-color: #666666;  
/* for IE */
/* filter:alpha(opacity=60); */
/* CSS3 standard */
 opacity:0.6;
}

.renovationMsgDiv {
position:relative;
top: 25px;
width:540px;
margin: 5px auto;
z-index: 26;       
display:none;
background-color: #ffffff;
/* for IE */
/* filter:alpha(opacity=100); */
/* CSS3 standard */
 opacity:1.0;
border: 3px solid #1B6E42;
font-family: verdana, arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;
}









A:link, A:visited {
color: #557793;
font-size: 10pt;
font-weight: bold;
}
A:hover, A:active {
color: #cc0000; 
font-size: 10pt;
font-weight: bold;
}

A.veryTiny:link, A.veryTiny:visited {
color: #224460;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 7pt;
font-weight: normal;
}
A.veryTiny:hover, A.veryTiny:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 7pt;
font-weight: normal;
}

A.small:link, A.small:visited {
color: #557793;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
}
A.small:hover, A.small:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
}

A.tiny:link, A.tiny:visited {
color: #557793;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tiny:hover, A.tiny:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.tinyHighlighted:link, A.tinyHighlighted:visited {
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #003366;
}

A.tinyHighlighted:hover, A.tinyHighlighted:active {
color: #003366; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;

}

A.normalWhite:link, A.normalWhite:visited {
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}
A.normalWhite:hover, A.normalWhite:active {
color: #ffff00; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}

A.tinyWhite:link, A.tinyWhite:visited {
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tinyWhite:hover, A.tinyWhite:active {
color: #ffffff; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.tinyRed:link, A.tinyRed:visited {
color: #aa0000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tinyRed:hover, A.tinyRed:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.tinyYellow:link, A.tinyYellow:visited {
color: #ffff99;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tinyYellow:hover, A.tinyYellow:active {
color: #ffff33; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.yellow:link, A.yellow:visited {
color: #ffff33;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}
A.yellow:hover, A.yellow:active {
color: #ffffff; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}

A.red:link, A.red:visited {
color: #aa0000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.red:hover, A.red:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}


A.featured:link, A.featured:visited {
color: #ffff99;
font-size: 8pt;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
}
A.featured:hover, A.featured:active {
color: #000040; 
font-size: 8pt;
font-weight: bold;
background-color: #ffff99;
font-family: verdana, arial, helvetica, sans-serif;
}

A.sidebar:link, A.sidebar:visited {
color: #557793;
font-size: 9pt;
font-weight: bold;
}
A.sidebar:hover, A.sidebar:active {
color: #ffffff; 
font-size: 9pt;
font-weight: bold;
background-color: #557793;

}

A.nav:link, A.nav:visited {
font-size: 10pt;
color: #ffffff;
font-weight: 700;
font-family: arial, helvetica, times, sans-serif;
}
A.nav:hover, A.nav:active {
color: #cc0000; 
font-size: 10pt;
font-weight: bold;
background-color: #557793;
font-family: arial, helvetica, times, sans-serif;
}


h1 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14pt;
      font-weight: bold;
      text-align: left;
      margin-top: 0.1em;
      margin-bottom: 0.1em;
      padding-left: 4px;
}

h3 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14pt;
      font-weight: bold;
      text-align: left;
      margin-top: 0.1em;
      margin-bottom: 0.1em;
      padding-left: 4px;
}

.title {
color: #ffffff;
background-color: #557793 ;
line-height: 170%;
padding: 2px;
}

.navCell {
background-color: #003366;
color: #ffffff;
}

.darkGrayCell {
color: #ffffff;
background-color: #888888;
font-size: 10pt;
}
.darkGrayTinyCell {
color: #ffffff;
background-color: #888888 ;
font-size: 8pt;
}

.darkBlueTinyCell {
color: #ffffff;
background-color: #003366 ;
font-size: 3pt;
}

.navColorCell {
color: #333333;
background-color: #557793;
font-size: 10pt;
}

.whiteCell {
color: #333333;
background-color: #ffffff ;
font-size: 10pt;
}

.whiteTinyCell {
color: #333333;
background-color: #ffffff ;
font-size: 8pt;
}

.pinkTinyCell {
color: #333333;
background-color: #ffcccc ;
font-size: 8pt;
}

.calendarTinyCell {
color: #333333;
/*background-color: #d3ff0d ;*/
background-color: #f7f971;
font-size: 8pt;
}



.lightYellowCell {
color: #333333;
background-color: #ffffcc ;
font-size: 10pt;
}

.yellowCell {
color: #333333;
background-color: #ffff00 ;
font-size: 10pt;
}

.darkGreenCell {
color: #ffffff;
background-color: #1B6E42 ;
font-size: 10pt;
}

.darkBlueCell {
color: #ffffff;
background-color: #003366;
font-size: 10pt;
}

.darkBlueTitleCell {
color: #ffffff;
background-color: #003366;
font-size: 14pt;
font-weight: bold;
}

.bgBlueCell {
color: #ffffff;
background-color: #557793;
font-size: 10pt;
}

.darkRedCell {
color: #ffffff;
background-color: #b02048;
font-size: 10pt;
}

.lightRedCell {
color: #000000;
background-color: #ffe0e0;
font-size: 10pt;
}

.darkGreenTitleCell {
color: #ffffff;
background-color: #1B6E42 ;
font-size: 11pt;
font-family: verdana, arial, helvetica, times, sans-serif;
}

.darkGreenLargeTitleCell {
color: #ffffff;
background-color: #1B6E42 ;
font-size: 14pt;
font-family: arial, helvetica, times, sans-serif;
}

.beigeCell {
color: #333333;
background-color: #ffe7a6 ;
font-size: 10pt;
}

.beigeTinyCell {
color: #333333;
background-color: #ffe7a6 ;
font-size: 8pt;
}

.greenTinyCell {
color: #333333;
background-color: #a0ffa0;
font-size: 8pt;
}

.lightGrayTinyCell {
color: #333333;
background-color: #e0e0e0;
font-size: 8pt;
}

.lightGrayCell {
color: #333333;
background-color: #e6e6e6 ;
font-size: 10pt;
}

.mainBodyCell {
color: #333333;
background-color: #ffffff;
background-image: url('/images/bbnBGbody.gif');
font-family: verdana, arial, helvetica, times, sans-serif;
font-size: 10pt;
}

.sidebarCell {
color: #333333;
background-color: #ffffff;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
}

.darkPurpleTitleCell {
color: #ffffff;
background-color: #620383 ;
font-size: 12pt;
}

.lightPurpleCell {
color: #000000;
background-color: #d3b5db ;
font-size: 10pt;
}

.beigeCell {
color: #333333;
background-color: #ffe7a6 ;
font-size: 10pt;
}

.ms1 {
color: #31639c;
font-size: 9pt;
font-weight: bold;
}

.purple9bold {
color: #620383;
font-size: 9pt;
font-weight: bold;
}

.darkerGray10bold {
color: #666666;
font-size: 10pt;
font-weight: bold;
}

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

.white10bold {
color: #ffffbb;
font-size: 10pt;
font-weight: bold;
}

.white10normal {
color: #ffffbb;
font-size: 10pt;
font-weight: normal;
}

.white08bold {
color: #ffffff;
font-size: 8pt;
font-weight: bold;
}

.red07normal {
color: #b60000;
font-size: 7pt;
font-weight: normal;
}

.red08normal {
color: #c00000;
font-size: 8pt;
font-weight: normal;
}

.red08bold {
color: #c00000;
font-size: 8pt;
font-weight: bold;
}

.white08normal {
color: #ffffbb;
font-size: 8pt;
font-weight: normal;
}

.black10bold {
color: #000000;
font-size: 10pt;
font-weight: bold;
}

.black10normal {
color: #000000;
font-size: 10pt;
font-weight: normal;
}
.white12bold {
color: #ffffbb;
font-size: 12pt;
font-weight: bold;
}
.white16bold {
color: #ffffbb;
font-size: 16pt;
font-weight: bold;
}

.white12normal {
color: #ffffbb;
font-size: 12pt;
font-weight: normal;
}

.black12bold {
color: #000000;
font-family: Arial,Helvetica,Times;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
}

.black12normal {
color: #000000;
font-size: 12pt;
font-weight: normal;
}


.black08normal {
color: #000000;
font-size: 8pt;
font-weight: normal;
}
.black08bold {
color: #000000;
font-size: 8pt;
font-weight: bold;
}

.black07normal {
color: #000000;
font-size: 7pt;
font-weight: normal;
}

.black06normal {
color: #000000;
font-size: 6pt;
font-weight: normal;
}

.popupTitle14bold {
color: #289C60;
font-size: 14pt;
font-weight: bold;
}

.popupTitle18bold {
color: gray;
font-size: 18pt;
font-weight: bold;
}

.gray14bold {
color: gray;
font-size: 14pt;
font-weight: bold;
}

.gray11normal {
color: #333333;
font-size: 11pt;
font-weight: normal;
}

.red14bold {
color: #b02048;
font-size: 14pt;
font-weight: bold;
}

.red12bold {
color: #b02048;
font-size: 12pt;
font-weight: bold;
}

.red09normal {
color: #cc0000;
font-size: 9pt;
font-weight: normal;
}

.red10normal {
color: #cc0000;
font-size: 10pt;
font-weight: normal;
}

.red10bold {
color: #cc0000;
font-size: 10pt;
font-weight: bold;
}

span.christmas {

background-color: #336699 ;
padding:   4px 4px 20px  4px;

}

.cartButton {
font-family: Arial, Helvetica;
font-size:9pt;
font-weight:bold;
font-style:normal;
color:#1B6E42;
background-color:#e0e0e0;
border-style:outset;
border-width:2px;
border-color:#1B6E42;
}

.cropbutton
{
   font-size: 9pt;
   font-family: Arial,sans-serif;
   font-weight: bold;
   color: #990000;
   background-color: #ffffff;
   border-color: #003366;
}


.darkBlueButton {
font-family: Arial, Helvetica;
font-size:9pt;
font-weight:bold;
font-style:normal;
color:#ffffff;
background-color:#6577B7;
border-style:outset;
border-width:2px;
border-color:#dddddd;
}

.pageRelFooterWhiteCell {
color: #333333;
background-color: #ffffff ;
font-size: 8pt;
}

.cartSummaryCell {
color: #c00000;
background-color: #ffffff;
font-size: 8pt;
}

.calUSTACell {
color: #ffffff;
background-color: #003366;
font-size: 10pt;
font-weight:bold;
}

.calMixerCell {
color: #000000;
background-color: #a9c2b0;
font-size: 10pt;
font-weight:bold;
}

.calDeadlineCell {
color: #990000;
background-color: #f7f971;
font-size: 10pt;
font-weight: bold;
}

.calQuadsCell {
color: #000000;
background-color: #feffa9;
font-size: 10pt;
font-weight:bold;
}

.calGPLTLCell {
color: #000000;
background-color: #ffc0c0;
font-size: 10pt;
font-weight:bold;
}
.calClubTourneyCell {
color: #ffffff;
background-color: #557793;
font-size: 10pt;
font-weight:bold;
}

.calGeneralCell {
color: #000000;
background-color: #ccaacc;
font-size: 10pt;
font-weight:bold;
}

.calSpecialDateCell {
color: #000000;
background-color: #40ffff;
font-size: 10pt;
font-weight:bold;
}

.darkBlueCalCell {
color: #ffffff;
background-color: #003366 ;
font-size: 8pt;
}

.darkBlueSCalCell {
color: #ff9999;
background-color: #003366 ;
font-size: 8pt;
}

.printButtonDiv {
z-index: 5;        
display: block;
 background-color: #666666;  
/* for IE */
/* filter:alpha(opacity=60); */
/* CSS3 standard */
 opacity:0.6;
  padding: 3px;
}

.printButton {
font-family: Arial, Helvetica;
font-size: 8pt;
font-weight: bold;
font-style: normal;
color: #003366;
background-color: #ffffff !important;
border-style: outset;
border-width: 2px;
border-color: #003366;
opacity: 1.0 !important;
}

.popper {
  position : absolute;
  visibility : hidden;
  z-index: 10;
}

.leftOnlyIndent {
margin-right:0px;
}


.pinkribbon09Div
{
position:absolute;
left: 268px;
top: 56px;
margin: 0px 0px;
z-index: 1;
}