/* 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;}
.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;}
.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;}

/* 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;}
.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); }
.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; }
.tablebox { border: 1px single #999999;}
.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;}

#camps { background-image: url(../images/camps-clinics-classes.gif); background-repeat: no-repeat; background-position: top; height:78px}
#camps a {color:#000000 !important;}
#camps a:hover {text-decoration:underline;}