/***********************************************/
/*                                             */
/* Global CSS for Revision V.1.0               */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #D5D2B1 url(../images/bg.jpg) repeat;
}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}
a:hover{text-decoration: underline;}
/************** header tag styles **************/
h1{
	font: bold 120% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h2{
	 font: bold 114% Arial,sans-serif;
	 color: #006699;
	 margin: 0px;
	 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 90% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/*************** list tag styles ***************/
ul{ list-style-type: square;}

ul ul{ list-style-type: disc;}

ul ul ul{ list-style-type: none;}
ul li ul li{ list-style-type: none;}
/********* form and related tag styles *********/
form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
input{font-family: Arial,sans-serif;}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	margin: 0px auto 0px;
	width: 780px;
	background-color: #ffffff;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-y;
	height:100%;
}

#header{
	position:relative;
	margin: 0px auto auto;
	width:780px;
	height:158px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
#topmenu{
	position:relative;
	margin: 0px auto auto;
	width:780px;
	height:55px;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
html, body {
	height:100%;
}
#content{
	margin:0px;
	text-align:justify;
	width:780px;
	float:left;

	background-image: url(../images/body_bg.gif);
}
#map {
	border:3px solid #5f4f36;
}
/*************** index 3clm styles ******************/
.clmImgdiv {
margin-top:40px;
	width:231px;
	float:left;
	margin-left:10px;
}
.clmImgdiv p{
	width:185px;
	float:left;
	margin-left:15px;
}
#specials {
	width:721px;
	height:169px;
	background:url(../images/specialbox.gif) no-repeat center ;
}
#specials2 {
	width:721px;
	height:169px;
	background:url(../images/specialbox2.gif) no-repeat center ;
}
#specials p, #specials2 p{
	float:left;

	font-size:11px;
	text-align:left;
	margin-left:15px;
	margin-top:55px;
}
#specials p.spflt, #specials2 p.spflt {
float:right;

}
#specials  a{
	width:220px;
	text-decoration:none;
}
#specials2  a{
	text-decoration:none;
}
#specials a:visited, #specials a, #specials2 a:visited, #specials2 a{
color:#CC0000;
}
#specials img, #specials2 img{
	border:none;
	float:left;
	margin-right:10px;
}
/*************** story styles ******************/
.story {
	margin-left:20px;
	font-size: 12px;
}
.story p {
	padding: 0px 20px 10px 0px;
}
.story p {
	margin-right:20px;
}
.story li {
	padding-right:20px;
}
.story img{
	/*margin-left:5px;*/
}
.story h1{
	font: bold 18px verdana,sans-serif;
	color: #cb0000;
	text-align:left;
	margin-bottom:10px;
}
.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}
.story h4{
	font: bold 110% Arial,sans-serif;
	color: #000000;
	text-decoration:underline;
}
.story h2{
	font: bold 110% Arial, sans-serif;
	color: #FF6633;
	text-decoration:underline;
}
.story h5{
	font: bold 100% Arial,sans-serif;
	color: #000000;
	text-align:center;

}
.story p {
	padding: 0px 0px 10px 0px;
}
.story p {
	margin-top: 0px;
	margin-bottom:5px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}
.story li.linone{
list-style-type:decimal;

}
.story li.none{
list-style-type:none;

}
.s
.story li li{
list-style-type:circle;
}
.ulsession li li{
list-style-type:none;
margin-left:-25px;
}
.story ol li {
margin-bottom:15px;

}
.rBld {
	color:#CC0000;
	font-style: italic;
	font-weight:bold;
}
.rent{
	margin-right:10px;
	width:80px;
	text-align:left;
	display:block;
	float:left;
}
.fphone {
	text-align:center;
	font-weight:bold; 
	font-size:18px; 
	color:#0066CC;
}
.f001 {
text-decoration:underline;
}
/************** Pro Shop ****************/
.proshobox_bats, .proshobox_gloves , .proshobox_shoes , .proshobox_gear, .proshobox_noschool , .proshobox_sales , .proshobox_unlimited, .proshobox_camps, .proshobox_baseball {
	width:373px;
	height:199px;
	float:left;
}
.proshobox_bats p, .proshobox_noschool p , .proshobox_sales p, .proshobox_unlimited p, .proshobox_camps p, .proshobox_baseball p{
	margin-top:40px;
	margin-left:25px;
	width:300px;
	color:#6d5b3c;
	font-weight:bold;
}
.proshobox_gloves p , .proshobox_shoes p, .proshobox_gear p{
	margin-top:40px;
	margin-left:30px;
	width:240px;
	color:#6d5b3c;
	font-weight:bold;
	text-align:left;
}
.proshobox_bats strong, .proshobox_gloves strong, .proshobox_shoes strong , .proshobox_gear strong, .proshobox_noschool strong, .proshobox_sales strong{
font-size:24px;
}
.proshobox_bats {
background:url(../images/batbox.jpg) no-repeat;
}
.proshobox_gloves {
background:url(../images/glovesbox.jpg) no-repeat;
}
.proshobox_shoes {
background:url(../images/shoebox.jpg) no-repeat;
}
.proshobox_gear {
background:url(../images/gearbox.jpg) no-repeat;
}
.proshobox_noschool {
background:url(../images/noschool.gif) no-repeat;
}
.proshobox_sales {
background:url(../images/salebox.gif) no-repeat;
}
.proshobox_camps {
background:url(../images/campbox.jpg) no-repeat;
}
.proshobox_baseball {
background:url(../images/baseball.jpg) no-repeat;
}
.proshobox_unlimited {
background:url(../images/unlimitedbox.gif) no-repeat;
}
.proshobox_unlimited ul{
	margin-top:65px;
	color:#6d5b3c;
	float:left;
}
.proshobox_unlimited li{
	margin-left:0px;
	list-style-type:none;
}
/************** specials ****************/
.campbox {
	width:747px;
	height:230px;
	background:url(../images/campnewbox.jpg) no-repeat;
	color:#6d5b3c;
}
.campbox ul{
	float:left;
	margin-top:65px;
}
.campbox li{
	margin-left:20px;
	list-style-type:none;
}
li.liMt{
	margin-left:-10px;
	list-style-type:none;
	font-weight:bold;
}
/************** academy styles ****************/
#acwrapper {
	height:250px;
	width:100%;
}
.academy{
	width:353px;
	height:199px;
	float:left;
}
.academy p{
	margin-left:12px;
	margin-right:12px;
}
/************** footer styles ****************/
#footer{
clear:both;
	margin: 0px auto 0px;
	height:100px;
	font-size: 12px;
	color: #fff;
	text-align:center;
	width:780px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}

#footer img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	border:0px;
}
#footer a{
	color: #fff;
	text-align: left;
	margin-left:5px;
	margin-right:5px;
}
#footer a:hover{
	color: #f2dd96;
}
#cright {
	color:#cbc3aa;
	font-weight:bold;
	font-size:11px;
}
#cright a,#cright a:link, #cright a:visited {
	color:#cbc3aa;
}
/***********************************************/
/*  TOP MENU                                   */
/***********************************************/
.menu {
	clear:both;
	padding-right: 0px;
	padding-left: 0px; 
	z-index: 1000; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	height:100%;
	}
.menu LI {
background-image: none; list-style-type: none;float:left;
}
.menu A {
	clear: left; 
	display: block; 
	font-weight: normal; 
	color: #222; 
	text-indent: -9999px; 
	text-decoration: none;
	margin: 0px;
}
.menu A:link {
	clear: left; 
	display: block; 
	font-weight: normal; 
	color: #222; 
	text-indent: -9999px; 
	text-decoration: none;

}
.menu A:visited {
	clear: left; display: block; font-weight: normal; color: #222; text-indent: -9999px; text-decoration: none;

}
.menu A:active {
	clear: left; display: block; font-weight: normal; color: #222; text-indent: -9999px; text-decoration: none;
}

/*-----MENU ITEMS-----*/
/*-------------------*/
.menu A#menu_001, A#menu_001:link, A#menu_001:visited, A#menu_001:active {
	background: url(../images/menu_off.jpg) no-repeat 0px 0px; width:88px; height: 55px;
}

.menu A#menu_001:hover {
	background: url(../images/menu_on.jpg) no-repeat 0px 0px
}

/*----Item----*/
.menu A#menu_002, A#menu_002:link, A#menu_002:visited, A#menu_002:active{
	background: url(../images/menu_off.jpg) no-repeat -88px 0px; width: 103px; height: 55px;
}
.menu A#menu_002:hover {
	background: url(../images/menu_on.jpg) no-repeat -88px 0px
}

/*----Item----*/
.menu A#menu_003, A#menu_003:link, A#menu_003:visited, A#menu_003:active{
	background: url(../images/menu_off.jpg) no-repeat -191px 0px; width: 98px; height: 55px;
}
.menu A#menu_003:hover {
	background: url(../images/menu_on.jpg) no-repeat -191px 0px
}

/*----Item----*/
.menu A#menu_004, A#menu_004:link, A#menu_004:visited, A#menu_004:active{
	background: url(../images/menu_off.jpg) no-repeat -289px 0px; width: 95px; height: 55px;

}
.menu A#menu_004:hover {
	background: url(../images/menu_on.jpg) no-repeat -289px 0px
}
/*----Item----*/
.menu A#menu_005, A#menu_005:link, A#menu_005:visited, A#menu_005:active{
	background: url(../images/menu_off.jpg) no-repeat -384px 0px; width: 99px; height: 55px;

}
.menu A#menu_005:hover {
	background: url(../images/menu_on.jpg) no-repeat -384px 0px
}
/*----Item----*/
.menu A#menu_006, A#menu_006:link, A#menu_006:visited, A#menu_006:active{
	background: url(../images/menu_off.jpg) no-repeat -483px 0px; width: 78px; height: 55px;

}
.menu A#menu_006:hover {
	background: url(../images/menu_on.jpg) no-repeat -483px 0px
}
/*----Item----*/
.menu A#menu_007, A#menu_007:link, A#menu_007:visited, A#menu_007:active{
	background: url(../images/menu_off.jpg) no-repeat -561px 0px; width: 219px; height: 55px;

}
.menu A#menu_007:hover {
	background: url(../images/menu_on.jpg) no-repeat -561px 0px
}

/***************************************/
/*      TRANS MENU STYLES              */
/***************************************/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
margin-top:-30px;
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
}

.transMenu.top .items {
	border-top:none;
}

/* each TR.item is one menu item */
.transMenu .item {
    color:#fff;
    font-size:11px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
}


/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#fdfdfd;
	color:black;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
}

/***************************************/
/*      Forms                          */
/***************************************/
form fieldset {
  margin-bottom: 10px;
}
form legend {
  padding: 0 2px;
  font-weight: bold;
}
form label {
  display:block;
  line-height: 1.8;
  vertical-align: top;
  float:left;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form input {

}
form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form fieldset fieldset label {
  display: block;
  width: auto;
}
form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form label {
  width: 120px; /* Width of labels */
}
form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
/***************************************/
/*      Links                          */
/***************************************/
.links li{
	list-style-type:none;
	display:block;
	height:50px;
	background-color:#fff;
	border:solid 1px #666666;
	margin-bottom:5px;
	margin-right:20px;
}
 ul.links{
	margin:0px;
	padding:0px;
}
.links img{
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}
.links a{
	color:#014cbf;
	display:inline;
	margin-left:10px;
	line-height:45px;
}