/*
CHANGE LOG:
110326-BD	defined header inputs to work on ff on mac
*/
body {
	background:#3c3c3c url(/sportswebsites/images/homepage/HTObackground.gif) repeat-y center;
 	margin: 0px;
	font-size:12px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
a {
	color:#FFF;
}
a:hover {
	text-decoration:underline;
}
h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding: 1px 0px 4px 12px;
}
ul  {
	margin:0 0 8px 28px;
}
form {
	margin:0;
	padding:0;
}
div.body {
	width: 760px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.topHead {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 4px 12px 1px 12px;
	font-weight:bold;
	text-align:center;
}
.topHead a {
	text-decoration:none;
}
.topHead a.act {
	color:#FC0;
}
.topHead ul {
	margin:0 auto;
	padding:0;
	list-style-type:none;
}
.topHead li {
	margin:0;
	padding:0;
	float:left;
	padding:0 4px;
	border-left:1px solid #CCC
}
.topHead ul li.first {
	padding:0 4px 0 0;;
	border-left:0px;
	
}
.mainBody {
	background-color:#235450;
	padding:5px 8px 0px 8px;
}
.content {
	padding: 8px 0px;
}

/* Header */
.header {
	background:url(/sportswebsites/images/HeaderBGsilver.jpg);
	height:64px;
	padding:6px 0px 6px 0px;
	margin:0px;
	background-color:#CCC;
	border:1px solid #000;
}
.headerLogo {
	width:310px;
	background:#622677; 
	height:62px;
	border-bottom:1px solid #E3DFDE;
	border-top:1px solid #2B353F;
	float:left;
}
#searchstr {
	width:128px;
}
#username {
	width:103px;
}
#password {
	width:73px;
}
.submit input {
	vertical-align:middle;
	margin-top:-2px;
}

/* footer */
.botFoot {
	background-color:#000000;
	clear: both;
	font-size:10px;
	padding: 4px 12px;
	color:#CCCCCC;
	text-align:center;
}
.botFoot table {
	margin:0 auto;
}
.botFoot td {
	font-size:10px;
	color:#CCCCCC;
	text-align:center;
}
.botFoot a {
	text-decoration:none;
}
.botFoot a:hover {
	text-decoration:underline;
}

/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.templates {margin: 0px 0px 0px 316px; width:425px;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:16px; color:#FFF; letter-spacing:1px; padding: 5px 0 2px 12px; font-family:Arial, Helvetica, sans-serif; } 
.raised h1 em { font-size:14px; color:#FFF; margin-left:3px;}
.raised h1 strong { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:17px; }
.raised h1 strong img { margin:0 0 -3px 0; } 
.raised h1 a { text-decoration:none; color:#FFFFFF; }
.raised h1 a:hover { color:#FFCC00; }
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#316863; border-left:1px solid #518883; border-right:1px solid #366;}
.raised .b3 {background:#316863; border-left:1px solid #518883; border-right:1px solid #366;}
.raised .b4 {background:#316863; border-left:1px solid #518883; border-right:1px solid #255;}
.raised .b4b {background:#316863; border-left:1px solid #478; border-right:1px solid #114843;}
.raised .b3b {background:#316863; border-left:1px solid #367; border-right:1px solid #114843;}
.raised .b2b {background:#316863; border-left:1px solid #366; border-right:1px solid #114843;}
.raised .b1 {margin:0 5px; background:#518883;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#114843;}
.raised .boxcontent {display:block;  background:#316863; border-left:1px solid #518883; border-right:1px solid #114843; }

/* Inset 3D Curved */
.inset {background: transparent; width:99%;}
.inner {width:98%; margin: 0 auto; }
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}

.inset .b2 {background:#000; border-left:1px solid #114843; border-right:1px solid #334;}
.inset .b3 {background:#000; border-left:1px solid #114843; border-right:1px solid #556;}
.inset .b4 {background:#000; border-left:1px solid #114843; border-right:1px solid #667;}
.inset .b4b {background:#000; border-left:1px solid #334; border-right:1px solid #518883;}
.inset .b3b {background:#000; border-left:1px solid #556; border-right:1px solid #518883;}
.inset .b2b {background:#000; border-left:1px solid #667; border-right:1px solid #518883;}
.inset .b1 {margin:0 5px; background:#2B353F;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#518883;}
.inset .boxcontent {display:block; background:#000; border-left:1px solid #114843; border-right:1px solid #518883;}
.clear {clear:both;height:1px;overflow:hidden;}

/* common to search and login */
span.browse { float:right; margin:0 14px 0 0;}
.header .boxcontent .labels { font-size:11px; color:#FFCC00;}
.header .boxcontent .input input { background-color:#441B52; color:#FFFFFF; font-size:14px; border-width:1px; border-color:#675D54;  margin:0 0 2px 0; height:16px;vertical-align:middle;}
.header .top, .header .bottom {display:block; background:transparent; font-size:1px;}
.header .b1, .header .b2, .header .b3, .header .b4, .header .b1b, .header .b2b, .header .b3b, .header .b4b {display:block; overflow:hidden;}
.header .b1, .header .b2, .header .b3, .header .b1b, .header .b2b, .header .b3b {height:1px;}
.header .boxcontent .heading { 	font-size:11px;	color:#FFFFFF; margin: 0 0 2px 2px;}
.header .labels { margin: 0 0 0 4px;}

/* Header Middle / Search */
.headerSearch {background: transparent; width:178px; margin:0; float:left;}
.headerSearch .b2 {background:#622677; border-right:1px solid #334;}
.headerSearch .b3 {background:#622677; border-right:1px solid #556;}
.headerSearch .b4 {background:#622677; border-right:1px solid #667;}
.headerSearch .b4b {background:#622677; border-right:1px solid #777F8A;}
.headerSearch .b3b {background:#622677; border-right:1px solid #777F8A;}
.headerSearch .b2b {background:#622677; border-right:1px solid #777F8A;}
.headerSearch .b1 {margin:0 5px 0 0; background:#2B353F;}
.headerSearch .b2, .headerSearch .b2b {margin:0 3px 0 0; border-width:0 2px;}
.headerSearch .b3, .headerSearch .b3b {margin:0 2px 0 0;}
.headerSearch .b4, .headerSearch .b4b {height:2px; margin:0 1px 0 0;}
.headerSearch .b1b {margin:0 5px 0 0; background:#E3DFDE;}
.headerSearch .boxcontent {display:block; background:#622677; border-right:1px solid #777F8A; height:54px;}

/* Header Right Side / LOGIN */
.headerLogin {background: transparent; width:248px; margin:0; float:right;}
.headerLogin .b2 {background:#622677; border-left:1px solid #2B353F; }
.headerLogin .b3 {background:#622677; border-left:1px solid #2B353F; }
.headerLogin .b4 {background:#622677; border-left:1px solid #2B353F; }
.headerLogin .b4b {background:#622677; border-left:1px solid #334; }
.headerLogin .b3b {background:#622677; border-left:1px solid #556; }
.headerLogin .b2b {background:#622677; border-left:1px solid #667; }
.headerLogin .b1 {margin:0 0 0 5px; background:#2B353F;}
.headerLogin .b2, .headerLogin .b2b {margin:0 0 0 3px; border-width:0 2px;}
.headerLogin .b3, .headerLogin .b3b {margin:0 0 0 2px;}
.headerLogin .b4, .headerLogin .b4b {height:2px; margin:0 0 0 1px;}
.headerLogin .b1b {margin:0 0 0 5px; background:#E3DFDE;}
.headerLogin .boxcontent {display:block; background:#622677; border-left:1px solid #2B353F; height:54px; padding: 0px 0px 0px 12px;}
.headerLogin span.PWi { padding:0 0 0 4px;}
.headerLogin span.PWl { padding:0 0 0 59px;}

.inset h2 {
	background:url(/sportswebsites/images/BARblue.jpg);
	background-color:#38389C;
	padding: 3px 0px 3px 12px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}
div.column {
	width:292px;
	float:left;
	margin:0px;
	padding:0px;
}

/* information */
.information  {
	width:584px;
	padding: 0 0 6px 0;
}
.information .inset { width:288px; float:left; }
.information .left { 	margin:0px 2px 8px 0px;}
.information .right { margin:0px 0px 8px 2px; }
.information h2.red {	
	background:url(/sportswebsites/images/BARred.jpg);
	background-color:#914748;	
}
.information h2.purple {	
	background:url(/sportswebsites/images/BARpurple.jpg);
	background-color:#77448F;	
}
.information h2.green {	
	background:url(/sportswebsites/images/BARgreen.jpg);
	background-color:#3C6E3B;	
}
.information h2.blue {	
	background:url(/sportswebsites/images/BARblue.jpg);
	background-color:#38389C;	
}
.information h2.brown {	
	background:url(/sportswebsites/images/BARbrown.jpg);
	background-color:#6B4B40;	
}

.information h3 { font-size:12px; padding:0; margin:0; color:#FFFFFF; }
.information p { padding:0 0 8px 0; margin:0; color:#AADDFF; }
.information p.last { padding:0;}
.information .boxcontent { padding:8px 12px; }
.information .mainpoint { font-size:14px; font-style:italic; font-weight:bold; color:#FFFFFF; }

/* Page content sections */
.contenthead .inset .boxcontent { 
	background-repeat:no-repeat;
	background-position: 4px 0;
	background-color:#000;
	padding:8px 12px;
}
div.contenthead {
	margin:0 0 8px 0;
	width:585px;
	font-size:12px;
}
.contenthead .keydata {
	color:#FFFFFF;
	font-style:normal;
	font-size:16px;
}

/* commoninfo */
div.commoninfo {
	width:150px;
	float:right;
	margin:0 0 0 0;
}
.commoninfo a:hover { color:#FFF; }
.commoninfo .sectionRule {
	width:130px;
	background-position:-40px;
	margin:0px 4px;
}
.commoninfo .raised {
	margin:0 0 8px 0;
}
.commoninfo .raised h2 {
	padding: 2px 0px 2px 8px;
	background:none;
	font-size:12px;
	font-style:italic;
	border-width:0;
	font-family:Arial, Helvetica, sans-serif;
}
.commoninfo p {
	padding:0 3px 0 6px;
	margin:0px;
	line-height:13px;
}
.commoninfo .slogan {	
	text-align:center;
	margin:8px 0 0 0;	
}
.commoninfo .fundraiser { 
	color:#FFF;
}
.commoninfo .fundraiser a {
	color:#FFF;
	font-weight:bold;
	padding:0 0 0 6px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
.commoninfo .raised h2 {
	font-style:normal;
	color:#FFF;
	line-height:12px;
	padding:0 0 2px 8px;
}
.commoninfo .more {
	text-align:right;
	padding:12px 4px 0 0;
}
.commoninfo .testimonial p {
	font-style:italic;
	color:#ADF;
}
.commoninfo .testimonial {
	padding: 8px 2px;
}
.commoninfo .testimonial div.divider {
	margin: 12px;
	border-bottom:dotted 1px #ADF;
	
}
div.main {
	width:100%;
}
div.main .boxcontent {display:block; background:#000; border-left:1px solid #2B353F; border-right:1px solid #777F8A; padding:12px;}
.content .raised .inset .boxcontent { padding: 12px; }
.content .commoninfo .inset .boxcontent {	padding:0;}

/* Pages with a white background */
.whitebg .inset { color:#000000; }
.whitebg .inset a { color:#000099; }
.whitebg .inset input, .whitebg select { font-size:12px; }
.whitebg .inset .b2 {background:#FFF; border-left:1px solid #2B353F; border-right:1px solid #334;}
.whitebg .inset .b3 {background:#FFF; border-left:1px solid #2B353F; border-right:1px solid #556;}
.whitebg .inset .b4 {background:#FFF; border-left:1px solid #2B353F; border-right:1px solid #667;}
.whitebg .inset .b4b {background:#FFF; border-left:1px solid #334; border-right:1px solid #777F8A;}
.whitebg .inset .b3b {background:#FFF; border-left:1px solid #556; border-right:1px solid #777F8A;}
.whitebg .inset .b2b {background:#FFF; border-left:1px solid #667; border-right:1px solid #777F8A;}
.whitebg .inset .b1 {margin:0 5px; background:#2B353F;}
.whitebg .inset .b1b {margin:0 5px; background:#777F8A;}
.whitebg .inset .boxcontent {display:block; background:#FFF; border-left:1px solid #2B353F; border-right:1px solid #777F8A; padding:8px 14px; color:#000;}
fieldset {	margin: 0 0 8px 0;}

.titlelinks { padding:0 0 2px 24px; font-size:10px; text-transform:uppercase;}
.content .titlelinks a { color:#FFF; text-decoration:none; padding:0 18px 0 0; }
.content .titlelinks a:hover { text-decoration:underline;  }





/* GENERIC BUTTON INFO */
a.signupButton {
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 24px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	
	float:right;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

a:link.signupButton, a:visited.signupButton, a:active.signupButton{
	color: #FFF; /*button text color*/
}
a.signupButton:hover {
	text-decoration: underline;
}

a.signupButton span {
	display: block;
	padding: 1px 8px 1px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

}


.botFoot a.buttonBlack {
	background: transparent url('/sportswebsites/images/buttons/BlackCapLeft.gif') no-repeat top left;
	padding-left: 14px;
	height:27px;
	line-height: 27px;
	margin-left:12px;
	font-size:14px;
	
}
.botFoot a.buttonBlack span {
	background: #000 url('/sportswebsites/images/buttons/BlackMainRight.gif') no-repeat top right;
	padding: 0 20px 0 6px;
}


a.buttonBlueSlide {
	background: transparent url('/sportswebsites/images/buttons/ButtonBigBlueOnBlackCapLeft.gif') no-repeat top left;
	padding-left: 20px;
	height:45px;
	line-height: 38px;
	margin:0 45px 0 0;
	font-size:20px;
}
a.buttonBlueSlide span {
	background: transparent url('/sportswebsites/images/buttons/ButtonBigBlueOnBlackMainRight.gif') no-repeat top right;
	padding: 1px 20px 12px 12px; /*Set 10px to be equal or greater than'padding-left' value above*/
}