body {
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	/*background: #cdcfd2 url(../images/new-bg-grad.jpg) top center repeat-y;*/
	/*background: #cdcfd2 url(../images/bg-grad.jpg) top center repeat-y;*/
	background: #cdcfd2 url(../images/bg-grad-NEW.jpg) top center repeat-y;	/* new bg to correspond w/ cs-cart page width */
}

#wrap {
	background: #ffffff;
	color: #303030;
	margin: 0 auto;
	padding: 20px;
	width: 860px;	/* sdb - was 760px - need wider to match cs-cart pages */
}

#header {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	height: 45px;
}

#header h1 {
	width: 450px;
	margin: 0 0 10px 0;
	float: left;
	color: #4f63ca;	
}

#header h2 {
	margin: 10px 5px 10px 0;
	float: right;
	color: #adadad;
	font: 125% Verdana,Tahoma,Arial,sans-serif;
	vertical-align: text-bottom;
}

#header p {
	width: 500px;
	float: right;
	text-align: center;
	color: #a0a0a0;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	line-height: 1.2em;
}

#frontphoto {
	margin: 0 0 20px 0;
	border: none;
	text-decoration: none;
	outline: none;
}


#language {
	clear: left;
	float: left;
	width: 140px;
	background: #DFDEFF;
	padding: 0.3em 0 0.3em 0.9em;
	border: 1px dashed #828282;
	margin: 0 0 5px 0;
}

#language p {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#language img {
	padding: 0.3em 0 0 0.7em;
}

#language a {
	text-decoration: none;
	border: none;
	outline: none;
}

#avmenu {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#avmenu-shop {
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#avmenu ul, #avmenu-shop ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.1em;
}	

#avmenu li, #avmenu-shop li {
	margin-bottom: 4px;
}

#avmenu li a, #avmenu-shop li a {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #f4f4f4;
	border-left: 4px solid #cccccc;
	border-bottom: none;
}	
	
#avmenu li a:hover, #avmenu-shop li a:hover {
	background: #dedede;
	color: #4f63ca;
	border-left: 4px solid #4f63ca;
}

/** Spanish Version **/

#avmenu-spanish {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.0em;
	letter-spacing: -0.085em;
}

#avmenu-shop-spanish {
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.0em;
	letter-spacing: -0.085em;
}

#avmenu-spanish ul, #avmenu-shop-spanish ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.0em;
}	

#avmenu-spanish li, #avmenu-shop-spanish li {
	margin-bottom: 4px;
}

#avmenu-spanish li a, #avmenu-shop-spanish li a {
	font-weight: bold;
	height: auto;	/*35px;*/
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 6px 10px;	/* 6px 0 0 10px; */
	background: #f4f4f4;
	border-left: 4px solid #cccccc;
	border-bottom: none;
	/*line-height: 1.5em;*/
}	
	
#avmenu-spanish li a:hover, #avmenu-shop-spanish li a:hover {
	background: #dedede;
	color: #4f63ca;
	border-left: 4px solid #4f63ca;
}

.announce {
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 130px;
	color: #505050;
	background-color: #f4f4f4;
	line-height: 1.3em;
}

#extras {
	float: right;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

#extras p {
	margin: 0 0 1.5em 0;
}

#content {
	margin: 0 110px 20px 160px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
}

#content h2 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #4f63ca;	
}

.bordered-photo {	
	border: 1px solid #666666;
	padding: 7px;
	margin: 1em 3em !important;
}

.bordered-photo-no-margin {	
	border: 1px solid #9DA8E2;
	padding: 5px;
}

.bordered-photo-centered {
	width: auto;
	background: pink;
	padding: 1em;
	border: 2px solid orange;
	margin: 0 auto;
}

.bordered-photo-centered img {
	width: auto;
	border: 2px solid red;
	margin: 0 auto;
}

#content-wide {
	margin: 0 0 10px 160px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;	
}

#content-wide h2 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #333333;
	line-height: 1.6em;
}

#content-full-width {	/** sdb added 12/8/09 for transition to horizontal nav bar **/
	margin: 0 0 10px 0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	padding: 0 10px 10px 10px;
	line-height: 1.6em;
	text-align: left;	
}

#content-full-width h2 {	/** sdb added 12/8/09 for transition to horizontal nav bar **/
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #333333;
	line-height: 1.6em;	
}

hr {
	margin: 13px 0;
	border: none;
	border-bottom: 1px dotted gray;
}

.clearboth {
	clear: both;
}

#content-fullwidth {	/** sdb added for use in shopping cart pages **/
	margin: 0 0 0 0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;	
}

.prod-img {
	padding: 5px;
	border: 1px dotted #CCCCCC;
	margin: 20px 10px 10px 10px;
}

.floatleft {
	float: left;
}

#text-right {
	text-align: right;
}

/** Horizontal navigation for CS-Cart and related pages **/

.rbn {
	padding: 0;
	border: 1px dashed #ccc;
	margin: 10px 0 0 0;
}

.rbn ul {
	list-style-type: none;
	height: 25px;
	width: 850px;
	margin: 7px;
	padding: 0;
}

.rbn li {
	float: left;
	margin: 0 15px 0 0;		
	padding: 0;
}

.rbn li a {
	display: block;
	line-height: 25px;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	color: #505050;
	padding-left: 8px;	/*10px;*/
	padding-right: 8px;	/*10px;*/
	margin: 0;
	background: #f4f4f4;
	border-left: 4px solid #ccc;
	border-bottom: none;
}

.rbn li a:hover {
	background: #dedede;
	color: #4f63ca;
	border-left: 4px solid #4f63ca;
}

/** End horizontal nav **/


#knobs {
	color: blue;
}

#knobs .title {
	color: #603;
	font-size: 1.6em;
	padding: 0;
	margin: 1em 0 0 0;
}

#knobs h1 {
	color: #000075;
	font-size: 1.2em;
}

#knobs h2 {
	color: #420998;
	font-size: 1.0em;
}

#knobs .quickjump {
	background: #FEFFCF;
	padding: 0.5em;
	border: 1px solid #999;
	margin: 1em 0 3em 0;
}

#knobs .quickjump .button {
	float: right;
	position: relative;
	top: 0;
	right: 40%;
	background: #EF8ABE;
	color: red;
	padding: 0 1.5em;
	border: 1px solid #B11868;
}

#knobs .quickjump .button a {
	color: #000075;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #000075;
}

#knobs .quickjump .button a:hover {
	border-bottom: 1px solid #000075;
}

#knobs .section-title {
	clear: both;
	padding: 4em 0 0 0;	
}

.box-holder {
	width: 300px;
	float: left;
}
	
.box-left {		
	width: 115px;
	float: left;
	padding: 5px;
	border: 1px solid #cecece;
	margin: 10px;
}

.box-right {		
	width: 115px;
	float: right;
	padding: 5px;
	border: 1px solid #cecece;
	margin: 10px;
}

.youth-bat-box {
	float: left;
	width: 20%;
	padding: 1em;
	border: 1px dotted #969696;
	margin-right: 1em;
}

.adult-bat-box {
	float: right;
	width: 65%;
	padding: 1em;
	border: 1px dotted #969696;
}

.adult-bat-box-2 {
	float: right;
	width: 96%;
	padding: 1em;
	border: 1px dotted #969696;
	margin-bottom: 20px;
}

.youth-bats {
	float: left;
	padding: 0 1em 1em 0;
}

.adult-bats {
	float: left;
	/*padding: 0 2em 1em 0;*/
	padding: 0 2.5em 1em 0;
}

.address {
	padding-left: 5em;
}

.float-left {
	float: left;
	margin: 10px;
}

.fancyquote {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #475CFF;	
}

.quotebox {
	background: #DEE1F5;
	width: 45%;
	padding: 1em 1.5em;
	border: 2px dotted #7A87D7;
	margin-left: 2.5em !important;
	font-size: 0.9em;
}

.quotebox-2 {
	background: #E8E9EB;
	border: 1px dotted #A2A8AF;
	font-size: 0.8em;
	padding: 0.5em 1.5em;
}

.pushdown {
	position: relative;
	margin-top: 0em !important;
}

.pullup {
	position: relative;
	top: -3em;
	right: -1em;
}

.captioned_photo {
	padding: 0.5em;
	line-height: 1em;
	width: auto;
}

.captioned_photo p {
	width: 100%;
	padding: 0.5em 0;
	margin: 0;
	font-size: 0.8em;
	color: #666;
	text-align: center;
}

.captioned_photo img {
	padding: 0;
	margin: 0;
	display: block;
}

.extra-space {
	padding: 0 1em 1em 0 !important;
}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bat-border {
	padding: 1em;
	border: 1px solid #ad6e3b;
}

blockquote.right {
   width: 170px;
   margin: 1.5em;
   padding: 0.8em;
   border: 3px double #AC1F09;
   color: #1E09A8;
   font-size: 1.2em;
   text-align: left;
   float: right;
}

blockquote.left {
	width: 150px;
	float: left;
	padding: 0.7em;
	border: 3px double #ac1f09;
	margin: 1em 0 0 0;
	color: #1e09a8;
	font-size: 1.2em;
	text-align: left; 
}

blockquote h1 {
	color: #AC1F09;
	font-size: 1.2em;
	text-align: left;
	margin-top: -5px;
}

blockquote a {
	color: #1E09A8;
}

#badge-1:hover {
	background: url(../images/badge-baseball-training-bats-hover.png) no-repeat;
	background-position: 0% 50% !important;	/** distance from left top **/
}

#badge-2:hover {
	background: url(../images/badge-baseball-training-bats-hover.png) no-repeat;
	background-position: 0% 50% !important;	/** distance from left top **/
}

.newspaper {
	background: #FFFBCA url(../images/newspaper.png) top right no-repeat;
}

.newsflash {
	background: #fffbca url(../images/newspaper.png) top right no-repeat;
	width: 350px;
	float: left;
	padding: 0.7em;
	border: 3px double #ac1f09;
	margin: 1em 0 0 0;
	color: #1e09a8;
	font-size: 1.2em;
	text-align: left; 	
}

.newsflash h1 {
	font-size: 1.1em;
	color: #AC1F09;
}

.smalltext a {
	color: black;
	font-size: 0.7em;
	text-align: right;
	border-bottom: 1px solid black;
}

.floatright {
	float: right;
}

.text-box-with-room-at-bottom {	
	margin: 2em 0 1em 0;	/** 10px 0 20px 0; **/
}

.cu-box {
	width: 80%;
	padding: 0;
	margin: 0;
}

#submit-holder {
	width: 550px;
}

#submit-left {
	width: 70px;
	float: left;
	margin-bottom: 20px;
}

#submit-right {
	width: 470px;
	float: right;
	margin-bottom: 20px;
}

#button-holder {
	width: 400px;
	float: right;
}

h3 {
	font-size: 1.3em;
	color: #4f63ca;
	margin: 2em 0 1em 0;
}

h3 a {
	border-bottom: 1px dotted #4f63ca;
}

.extraspace {
	padding-top: 2em;
}

h4 {
	font-style: italic;
	color: #484848;
}

h5 {
	font-size: 0.9em;
	letter-spacing: -0.05em;
	background: #FCF9CA;	/* light yellow */
	padding: 0;
	margin-bottom: -1em;
}

.alpha {
	padding: 0;
	margin: 0;
}

.beta {
	padding: 0em;
	margin: 2em 0 0 0;
}

/** RoundedCornr Stuff Start **/

.roundedcornr_box_767728 {
   background: #d8d9f2 url(../images/roundedcornr_767728_grad.gif) repeat-x top left;
}
.roundedcornr_top_767728 div {
   background: url(../images/roundedcornr_767728_tl.gif) no-repeat top left;
}
.roundedcornr_top_767728 {
   background: transparent url(../images/roundedcornr_767728_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_767728 div {
   background: url(../images/roundedcornr_767728_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_767728 {
   background: transparent url(../images/roundedcornr_767728_br.gif) no-repeat bottom right;
}

.roundedcornr_top_767728 div, .roundedcornr_top_767728,
.roundedcornr_bottom_767728 div, .roundedcornr_bottom_767728 {
   width: 100%;
   height: 35px;
   font-size: 1px;
}
.roundedcornr_content_767728 { margin: 0 20px; }

/** RoundedCornr Stuff End **/


#contest-details img.displayed {
	display: block;
	margin: auto;
	text-align: center;
}

#text-entry {
	padding: 5px;
	border: 1px solid #797ED1;
	background: #D8D9F2;
}


a {
	text-decoration: none;
	border-bottom: 1px dotted #4f63ca;
	color: #4f63ca;
}

a:hover {
	text-decoration: underline;
	color: #4f63ca;
	border-bottom: hidden;
}

a img {
	text-decoration: none;
	border: none;
}

#no-underline {
	text-decoration: none;
	border: none;
}

.top-of-page {
	font-size: 0.9em;
	font-variant: small-caps;
	color: #B442BA;
}

#green {
	color: #00B500;
}

#violet {
	color: #660066
}

.red {
	color: red;
}

.bordered-and-shaded {
	width: 500px;
	background: #D8D9F2;
	border: 1px solid #8C8ED9;
	padding: 0px 10px 10px 10px;
}


.no-js {
	height: auto;
	margin: 1em;
	border: 2px solid #D53030;
	padding: 1em;
	background: #E7F0EF;
	font-size: 1em;
}

.no-js h1 {
	line-height: 1.2em;
}

.no-js p {
	font-size: 1.5em;
	line-height: 3em;
}

.no-js ol {
	margin: 1em 0;	
}

.no-js ol li {
	list-style: decimal;
	margin-left: 2em;
	font-size: 1.3em;
	line-height: 1.8em;
	letter-spacing: 0.005em;
}


#footer {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 170px;
	border-top: 3px solid #f0f0f0;
	width: 590px;
	text-align: left;
	color: #808080;
	font-size: 0.9em;
}

#footer a {
	color: #4f63ca;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.left {
	margin: 10px 10px 5px 0px;
	float: left;
}

.right {
	margin: 10px 0 5px 10px;
	float: right;
}

.textright {
	text-align: right;
}

.center {
	text-align: center;
}

.small {
	font-size: 0.8em;
}

.bold {
	font-weight: bold;
}

.hide {
	display: none;
}