/* global ----------------------------------*/
BODY{background-color: #f6f6f6; background-image: url(images/marucci_main_back.jpg); background-repeat: no-repeat; background-position: top center; margin: 0; padding: 0; font-family:Helvetica,Arial,sans-serif; }
#pageplacement { background-color: #fff; margin: 0 auto; padding: 0; width: 976px; position: relative; text-align: left; }


body.rightcol { background-color: #ccc; background-image: url(images/mystory_right.jpg); background-repeat: no-repeat; background-position: top left; margin: 0; padding: 0; font-family:Helvetica,Arial,sans-serif;}
#rightcolplacement { width: 326px; text-align: left; }

body.offer { background-color: #fff; margin: 0; padding: 0; font-family:Helvetica,Arial,sans-serif;}
#pageplacementoffer { width: 300px; text-align: center; }


/* -- font elements ---------------------------------------------------- */
.txt, td, p { font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 1.2em; color: #333; }
.whitetext { color: #fff; }

/* -- links ----------------------------------------------------------- */
a { outline: none; }
a 			{ color: #cc0000; text-decoration: none; font-size: 12px;} 
a:link		{ color: #cc0000; } 
a:visited	{ color: #cc0000; } 
a:active	{ color: #cc0000; } 
a:hover		{ color: #cc0000; text-decoration: underline; } 

a.linkwhite 		{ color: #fff; text-decoration: underline; }
a.linkwhite:visited	{ color: #fff; }
a.linkwhite:active	{ color: #fff; } 
a.linkwhite:hover	{ color: #fff;} 

a.linktitle			{ font-size:14px; text-decoration: none; color:#cc0000;  font-weight: bold;}
a.linktitle:visited	{ color:#cc0000; }
a.linktitle:active	{ color:#cc0000; } 
a.linktitle:hover	{ color:#cc0000; text-decoration: underline;}

/* -- header ------------------------------------------------- */
#headerback  {background: #ccc url(images/header_back.jpg) left top no-repeat;}
#headerback a.linkutility 			{ font-size:10px; text-decoration: none; color:#666; text-transform:uppercase;}
#headerback a.linkutility:visited	{ color:#666; }
#headerback a.linkutility:active	{ color:#666; } 
#headerback a.linkutility:hover		{ color:#cc0000; }

#headerback a.linkutilityon 			{ font-size:10px; text-decoration: none; color:#cc0000; text-transform:uppercase;}
#headerback a.linkutilityon:visited	{ color:#cc0000; }
#headerback a.linkutilityon:active	{ color:#cc0000; } 
#headerback a.linkutilityon:hover		{ color:#666; }

#subnav {background: #cc0000 url(images/nav_back.jpg) left top no-repeat;}
#subnav a.subnavigation 			{ font-size:12px; text-decoration: none; text-transform:uppercase; color:#fff;}
#subnav a.subnavigation:visited		{ color:#fff; }
#subnav a.subnavigation:active		{ color:#fff; } 
#subnav a.subnavigation:hover		{ color:#fff; } 
#subnav div.text { color:#fff; margin: 0px 0px 0px 10px; } 

div.subheaderback { width: 976px; height: 60px; background: url(images/subheader_back.jpg) top left no-repeat;  }
h1.subheader  { font-family: helvetica, arial, sans-serif; font-size: 21px; color: #fff; text-transform:uppercase; margin: 0px 0px 0px 10px; padding: 20px 0px 0px 0px;}


/* -- common elements ------------------------------------------------- */
div.line { margin: 10px 0px 10px 0px; }
div.line2 { margin: 5px 0px 5px 0px; }
b.headline1 { font-size: 13px; color:#666; }
div.line { margin: 10px 0px 10px 0px; }
img.floatLeft { float: left;  margin: 0px 10px 10px 0px; }
img.floatRight { float: left;  margin: 0px 10px 10px 0px; }
h1 { font-size: 17px; line-height: 1.1em; color:#cc0000; font-weight: normal; margin: 0px 0px 0px 0px; }
h2 { font-size: 14px; line-height: 1.1em; color:#333; font-weight: normal; margin: 0px 0px 0px 0px; }
h2.red { font-size: 17px; color:#cc0000; font-weight: normal; margin: 0px 0px 0px 0px; }
.red { color: #cc0000; }
.textwhite  { color: #fff; }
.error_strings { color: #cc0000; }
.lineheight1 {line-height: 1.4em;}

/* -- home ------------------------------------------------- */
#headerbackhome  {background: #ccc url(images/header_back_home.jpg) left top no-repeat;}
#headerbackhome a.linkutility 			{ font-size:10px; text-decoration: none; color:#666; text-transform:uppercase;}
#headerbackhome a.linkutility:visited	{ color:#666; }
#headerbackhome a.linkutility:active	{ color:#666; } 
#headerbackhome a.linkutility:hover		{ color:#cc0000; }
#homeflashback  {background: #fff url(images/home_flash_back.jpg) left top no-repeat; width: 976px; height: 557px; }

/* -- content ------------------------------------------------- */
#content { background:#fff; }

#onfhomeback { width: 976px; height: 309px; background: url(images/onf_top_back.jpg) top left no-repeat; }
#onfhomeevents { width: 654px; height: 400px; background: url(images/onf_home_even_back.jpg) top left no-repeat;  }
#onfhomeevents h2 { font-family: helvetica, arial, sans-serif; font-size: 18px; color: #666; text-transform:uppercase; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#onfhometracker { width: 322px; height: 400px; background: url(images/onf_home_playertracker.jpg) top left no-repeat;  }

#onfeventsright { width: 326px;  background: url(images/onf_events_right.jpg) top left no-repeat;  }
#onfeventsleft { background:#fff; }

#mymaruccihomeright { width: 326px; height: 310px; background: url(images/mymarucci_home_right.jpg) top left no-repeat;  }
#mymaruccihomeleft { width: 650px; height: 310px; background: url(images/mymarucci_home_left.jpg) top left no-repeat;  }

#usssaright { width: 326px;  background: url(images/banners_right.jpg) top left no-repeat;  }


/* -- content ------------------------------------------------- */
#content_bottom { background:#fff; margin: 30px 30px 0px 30px; }
#content_bottom2 { margin: 0px 30px 0px 30px; }
#content_bottomback { background: url(images/mymarucci_bottom_back.jpg) top left no-repeat;}
#content_bottomback2 { margin: 0px 30px 0px 30px; }
#content_bottomback2 { background: url(images/white_swoosh_back.jpg) top left no-repeat;}

/* -- columns ------------------------------------------------- */
#columns2 td.col1 { width: 604px; }
#columns2 td.col2 { width: 292px; }
#columns2 td.colspace { width: 20px; }
#columns2 td.col2usssa { width: 292px; height: 381px; background: url(images/usssa_offer_back.jpg) top left no-repeat;  }

#columns3 td.col1 { width: 292px; }
#columns3 td.col2 { width: 292px; }
#columns3 td.col3 { width: 292px; }
#columns3 td.colspace { width: 20px; }

/* -- footer ------------------------------------------------- */
#footer {text-align: center; font-size: 10px; background:#fff;}
#footer a.link 			{ font-size:10px; text-decoration: none; color:#cc0000;}
#footer a.link:visited	{ color:#cc0000; }
#footer a.link:active	{ color:#cc0000; } 
#footer a.link:hover	{ color:#cc0000; text-decoration: underline; } 

/* -- background images ------------------------------------------------- */
.flashback { background: url(images/flash_back2.jpg) top left no-repeat; }

/* -- boxes ------------------------------------------------------------ */
.box { border: solid; border-width: 1px; border-bottom-color: #000; border-top-color: #000; border-left-color: #000; border-right-color: #000; background:#000; }

/* -- mystory form ------------------------------------------------------------ */
#mystoryform input.text { width: 170px; border: 1px solid #999; background:#fff; color:#333;  font-size: 12px;}
#mystoryform input.textsmall { width: 50px; border: 1px solid #999; background:#fff; color:#333;  font-size: 12px;}
#mystoryform select.select { width: 170px; border: 1px solid #666; background:#fff; color:#333; }
#mystoryform textarea { width: 170px; height: 170px; border: 1px solid #666; font-size: 12px; }
#mystoryform input:focus, textarea:focus, select:focus { border: 1px solid #ccc; background:#ffffcc; color:black; }
#mystoryform submit {  border-style: none; }


/* -- admin ------------------------------------------------------------ */

#adminlist { width: 950px;  height: 200px;}
#adminlist tr.row1 { background:#fff; }
#adminlist tr.row2 { background:#ccc; }
#adminlist td.col1 { width: 600px; height: 30px;  padding: 0px 0px 0px 20px;  }
#adminlist td.col2 { width: 350px; padding: 0px 20px 0px 0px;  text-align: right;}
#adminlist td.toprow { padding: 10px 20px 10px 20px;  }
#adminlist td.paginmation { padding: 0px 20px 0px 20px;  }
#adminlist input { width: 40px; border: 1px solid #666; background:#fff; color:#333; }
#adminlist .submit { width: 100px; border: 1px solid #666; background:#ccc; color:#333; }
#adminlist H2 { font-size: 16px; padding: 0px 0px 0px 0px; text-transform:uppercase; font-weight: normal; }

#adminaddedit { width: 950px;}
#adminaddedit td.col1 { width: 200px; height: 30px;  padding: 0px 0px 0px 20px;  }
#adminaddedit td.col2 { width: 750px; padding: 0px 0px 0px 10px; }
#adminaddedit td.toprow { padding: 5px 0px 5px 0px;  }
#adminaddedit H2 { font-size: 16px; padding: 0px 0px 0px 0px; text-transform:uppercase; font-weight: normal; }
#adminaddedit input { width: 300px; border: 1px solid #666; background:#fff; color:#333; }
#adminaddedit input.error { width: 300px; border: 1px solid #666; background:#ffc7c7; color:#333; }
#adminaddedit textarea { width: 300px; height: 75px; border: 1px solid #666; }
#adminaddedit .submit { width: 100px; border: 1px solid #666; background:#ccc; color:#333; }
#adminaddedit .delete { width: 100px; border: 1px solid #666; background:#ff0000; color:#333; }
#adminaddedit  select { width: 300px; border: 1px solid #666; background:#fff; color:#333; }



/* -- library ------------------------------------------------------------ */
.xxx {
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	text-align: center;
	text-indent: -10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 6px; 
	margin-bottom: 0px;
	background:#fff;
	text-transform:uppercase;
	}