/* General override styles */
.ac 	{text-align:center !important; }
.ar 	{text-align:right !important; }
.al 	{text-align:left !important; }
.fr 	{float:right !important; }
.fl 	{float:left !important; }
.vt 	{vertical-align:top !important; }
.vm 	{vertical-align:middle !important; }
.vb 	{vertical-align:bottom !important; }
img		{border:0px !important; }
/* General margin styles */
.l3		{margin-left:3px !important;}
.l10	{margin-left:10px !important;}
.l12	{padding-left:12px !important;}
.l22	{padding-left:22px !important;}
.l29	{padding-left:29px; }
.l50 	{padding-left:50px !important;}
.l80 	{padding-left:80px !important;}
.r3 	{margin-right:3px !important;}
.r10 	{margin-right:10px !important;}
.r12 	{padding-right:12px !important;}
.r50 	{padding-right:50px !important;}
.t6 	{padding-top:6px !important;}
.t10 	{padding-top:10px !important;}
.t12 	{padding-top:12px !important;}
.t88	{padding-top:88px;}
.b8 	{margin-bottom:8px;}
.b12 	{padding-bottom:12px !important;}
.p12 	{padding:12px !important;}
.pL8 	{padding-left:8px !important;} 
.p10 	{padding:10px !important;}
.lr10 	{margin-left:10px; margin-right:10px;}
.lx 	{margin-left:24px !important;}
.pt18 	{padding-top:18px !important;}
.pt70	{padding-top:70px;}
.cL		{clear:both;}
/* Special color formats */
.bold 		{font-weight: bold;}
.purple 	{color:#6000C6; text-decoration:none;}
.gold 		{color:#996600; text-decoration:none;}
.blue 		{color:#0786CF; text-decoration:none}
.blue_l 	{color:#407CB0; text-decoration:none}
.brown 		{color:#7B5800; text-decoration:none}
.gray_dark	{color:#404040; text-decoration:none}
.gray 		{color:#808080; text-decoration:none}
.gray_d 	{color:#464545; text-decoration:none; font-family:tahoma; font-size:10px}
.gray_dd 	{color:#808080; text-decoration:none; font-family:tahoma; font-size:10px !important; }
.white 		{color:#ffffff; text-decoration:none}
.red 		{color:#940000; text-decoration:none; font-size:11px}
.realred 	{color:#FF0000 !important;}
.realblue 	{color:#0000FF !important;}
.yellow		{background-color:#FFFF33;}
.realbig	{font-size:2.2em;}
.xbig 		{font-size:15px !important;}
.big 		{font-size:13px !important;}
.med 		{font-size:11px !important;}
.sm 		{font-size:10px !important;}
.t 			{text-transform:uppercase}
.u 			{text-decoration:underline}
.em			{font-style: italic;}
.titles 	{background-color:#000000; color:#FFFFFF; text-align:center }
.bg_ltgreen {background-color:#97FF97;}
.bg_ltorange{background-color:#FFbf5f;}

/* General setup styles */
body  { margin:0px; background-color: FFFFFF; background-image: url(../images/bg_px.gif); font-size:14px;}
.tablebox { border: 1px double #999999; background-color: FFFFFF; }

#tablemgt { margin:0px; padding: 0px; width:650px; background-color:#FFFFFF}
td { vertical-align: top; font-family:arial; font-size:11px; padding:0px; /*color:#808080; line-height:12px;*/ }
/* Container which encloses the whole site to allow easy width change */
#container { width:790px; height:680px; padding:0px;}
.address { font-size: small; color: #6633CC; font-weight: bold; }
/* Container which encloses the menu table*/
#menucell { background-image: url(../images/bkgnd_header.gif);	background-repeat: no-repeat; height: 68px;}
#leftcell { background-image: url(../images/bkgnd_left_btm.gif); background-repeat: no-repeat; width:213px; /*height:328px;*/ background-position: bottom; }
#contentcell { background-image: url(../images/bkgnd_content.gif); background-repeat: repeat-y; height:768px; padding:10px; list-style-position: outside; list-style-type: lower-roman; }
#storetable { width:525px;}
#storetable .storetitle{ background-color:#324521; height:32px; color:#FFFFFF; font-weight:bold; font-size:21px !important; text-align: center !important; }
#storetable .storenav{ background-color:#324521; color:#FFFFFF; font-weight:bold; padding:4px; text-align:right;}
#storetable td { vertical-align: middle; font-family:arial; }
#storetable a {text-decoration: none; color:#FFFFFF; font-weight:bold; }
.selectbtn { width: 100px; line-height: 20px; /*background: url('../images/selectbtn.gif') no-repeat 0px 0px;*/ color: #000000 !important; /*text-align: center;*/ text-decoration: none}

a.menutitle{
	text-decoration: none;
	WIDTH: 100px;
	height: auto;
	margin: 2px;
	padding: 2px;
}
a.menutitle:link, a.menutitle:visited, a.menutitle:active {
	text-align: left;
	text-decoration: none;
	font-weight:  bold;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}
				
a.menutitle:Hover{
	text-decoration: none;
	WIDTH: 100px;
	height: auto;
	margin: 2px;
	padding: 2px;
}

.box {	border: 1px double #999999; }
.tbllftmargin { padding-left: 5px;	padding-right: 3px; }
.td_noimage { background-image: url(../secure/images/_NOIMAGE.gif); background-repeat: no-repeat; height:120px; width:96px;}
#footercell { background-image: url(../images/bkgnd_footer.gif); background-repeat: no-repeat; height:76px; }

/*   Main Menu Style controls */
span.menuback {
	Z-INDEX: 12;
	WIDTH: 100%;
	POSITION: relative;
}
span.menublock {
	Z-INDEX: 11;
	POSITION: relative;
	height: 0px;
}
span.dropbox {
	Z-INDEX: 1;
	BACKGROUND: #EFEFEF;
	padding-left: 2px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-right: 2px;
	WIDTH: 100%;
	HEIGHT: auto;
	TOP: 82%;
	POSITION: absolute;
	VISIBILITY: hidden;
	text-align: left;
	border: 1px dotted #BCBCBC;
}
span.dropbox93 {
	Z-INDEX: 1;
	BACKGROUND: #EFEFEF;
	padding-left: 2px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-right: 2px;
	WIDTH: 93px;
	HEIGHT: auto;
	TOP: 82%;
	POSITION: absolute;
	VISIBILITY: hidden;
	text-align: left;
	border: 1px dotted #BCBCBC;
}
span.dropbox120 {
	Z-INDEX: 1;
	BACKGROUND: #EFEFEF;
	padding-left: 2px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-right: 2px;
	WIDTH: 120px;
	HEIGHT: auto;
	TOP: 82%;
	POSITION: absolute;
	VISIBILITY: hidden;
	text-align: left;
	border: 1px dotted #BCBCBC;
}
span.dropbox140 {
	Z-INDEX: 1;
	BACKGROUND: #EFEFEF;
	padding-left: 2px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-right: 2px;
	WIDTH: 140px;
	HEIGHT: auto;
	TOP: 82%;
	POSITION: absolute;
	VISIBILITY: hidden;
	text-align: left;
	border: 1px dotted #BCBCBC;
}

a.menuitem:link, A.menuitem:visited, A.menuitem:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 11px;
	color: #000000;
}
a.menuitem:Hover{
	text-decoration: none;
	background-color: #F7E342;
	width: 100%;
	font-size: 11px;
	color: #000000;
}
/* loginbtn INLINE BUTTON */
.loginbtn { 
		width: 50px; 
		line-height: 20px; 
		background: url('../images/loginbtn.gif') no-repeat 0px 0px; 
		color: #000000 !important; 
		font-family: Arial; 
		font-size: 10px; 
		font-weight: normal; 
		text-align: center; 
		text-decoration: none}

/* Form controls */
input.loginbtn { height: 25px; border:0;cursor:pointer }
a:hover.loginbtn { color:#F7E342;}

/* login page txt box control */
.fmini{ width:130px; /*margin: 0px 0px 5px 0px; */ background: #FcFcF4; border: 1px solid #AAAAAA; padding: 3px; }

#profileform { font-family: Arial; font-size: 12px }
#profileinput{ font-family: Arial; font-size: 12px; width:250px; background: #FcFcF4; border: 1px solid #AAAAAA; padding: 3px; }
#profileinputsm{ font-family: Arial; font-size: 12px; width:50px; background: #FcFcF4; border: 1px solid #AAAAAA; padding: 3px; }
#profiletextarea { font-family: Arial; font-size: 12px; width:250px; background: #FcFcF4; border: 1px solid #AAAAAA; padding: 3px;  }
#sortinput{ font-family: Arial; font-size: 11px; width:120px; background: #FFFFF; border: 1px solid #AAAAAA; padding: 3px; }

/* ================================= Calendar formats =====================================*/
#tabletop {	margin:0px; padding: 0px; width:650px; background-color:#FFFFFF; border-top: 1px double #999999; border-right: 1px double #999999; border-left: 1px double #999999; }
#tablebottom { margin:0px; padding: 0px; width:650px; background-color:#FFFFFF; border-right: 1px double #999999; border-bottom: 1px double #999999; border-left: 1px double #999999; }
#tablebottom .Sunday  { background-color:#FCF1B1; }
#tablebottom .Weekday  { background-color:#FFFFFF; }
#tablebottom .Today { color:#000066; font-weight:bold; background-color:#ededed;}

#calendarcontainer { width:750px; /*text-align:left;*/ height:430px; }

.menubox{border: 1px double #999999; background-color:#FFFFFF;}
.menucolor { color:#6000C6; } /* RGB: 149, 171, 91 */
.menucolor2 { color:#FFA242; }

/* data for online application */
#appcontainer {padding: 0px; }
#appform { font-family: Arial; font-size:11px }
#appform input{ font-size:11px; background: #FcFcF4; border: 1px solid #AAAAAA; }
#appinput20{ width:20px; }
#appinput50{ width:50px; }
#appinput100{ width:100px; }
#appinput200{ width:200px; }
#appinput300{ width:300px; }
#appform .btn { width:105px; line-height:20px; color: #000000 !important; text-align: center; text-decoration: none}
 
 /* data cells with background images */
#ballcourt { background-image: url(../images/basketball_and_court.jpg);	background-repeat: no-repeat; background-position: top; }
#ballcourt a {color:#FFFFFF !important;}
#ballcourt a:hover {text-decoration:underline;}

#clinics 		{ 
	background-image: url(../images/basketball_and_court_dkbgnd.gif); 
	background-repeat: no-repeat; background-position: left top; 
	height:172px;
	}
#clinics a {color:#FFFFFF !important; font-size:1.2em;}
#clinics a:hover {text-decoration:underline;}
#clinics .title	{
	text-align:center;
	font-weight:bold;
	color:white;
	font-size:1.8em;
	}

#camps { background-image: url(../images/camps-clinics-classes.gif); background-repeat: no-repeat; background-position: top; height:78px}
/*#camps a {color:#FFFFFF !important;}*/
#camps a:hover {text-decoration:underline;}

#battleforbridges	{ background-image: url(../images/battleforbridges.gif); background-repeat: no-repeat; background-position: top; height:230px; }
#battleforbridges a { color:#FF0000; font-size:2.2em; font-weight:bold; text-decoration:underline;}
#battleforbridges h1 { font-size:3.2em; color:#FF0000;}
 /*  Text shadowing */
.ts1 { text-shadow:-1px 1px #410E4C, 0px 0px 2px  #000000, 0px 0px 1px #7B3386; }
.ts2 { text-shadow:-1px 1px #dd3333, 0px 0px 2px  #000000, 0px 0px 1px #7B3386; }
.ts3 { text-shadow:-1px 1px #0786CF, 0px 0px 2px  #000000, 0px 0px 1px #7B3386; }

