* {margin: 0px; padding: 0px; border: 0px}

body {text-align: center; min-width: 780px}

/* wrapper holds left faux column tab; nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {text-align: left; width: 100%; margin: 0px auto}

#header, #footer {clear: both; width: 100%}

/* right faux column tab */
#contentfloatholder {float: left; width: 100%; background-color: #fff;}

/* this is for NN6 to clear floats */
#contentfloatholder:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

/*
#center {margin: 0px 178px 0px 178px}
#center.noLeft {margin-left: 9px}
#center.noRight {margin-right: 9px}
*/
div.l_center {width: auto; margin: 15px 200px 0px 180px;}
div.l_centerNoLeft {margin-left: 0px; padding-left: 1em}
div.l_centerNoRight {margin-right: 0px; padding-right: 1em}

#centerwrap {float: left; width: 100%; margin: 0px -100% 0px 0px; background-color: #fff;}
#centerMain {width: 100%;}

#left {float: left; width: 156px; margin: 0px; }

#right {float: right; width: 160px; margin: 0px}


/* Presentation ONLY */

html {font-size: 100%} /* IE hack */
body {color: #404040; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 0.76em}
#bkg {background: #000 url('//usatfcdn.appspot.com/images/background/BKGRD.jpg') no-repeat scroll center top}

#headerCover {height: 100px; width: 100%; position: absolute; top: 0px; left: 0px}
#headerCover a {display: block; height: 100%; width: 100%}

/* wrapper holds left faux column tab */
#wrapper { }
#wrapper.noLeft {background: none}

/* right faux column tab */
#contentfloatholder {width:100%; margin-top: 30px;}
#contentfloatholder.noRight { }

#header {color: white; position: relative; height: 98px;}
#header.headerAlt { }

#header .search {
	position: absolute;
	top: 25px;
	right: 58px;
}
#header .search input[type="text"] {
	height: 18px;
	margin: 0px -4px 0px 0px;
	vertical-align: top;
	border: solid 1px #CCC;
	width: 169px;
	padding: 3px;
}
#header .search input[type="image"] {
	border: solid 1px #CCC;
}
#header .login {
	background: url(//usatfcdn.appspot.com/images/design/Login_BecomeMember_Blank.png) center bottom no-repeat;
	color: #FFF;
	bottom: 0px;
	font-size:11px;
	height: 23px;
	position: absolute;
	right: 55px;
	text-align:center;
	width:162px;
	font-family:Arial,Helvetica,sans-serif;
}
#header .login  #loginTxtWrap{clear:both; bottom: 5px; position: absolute; left: 5px; height: 15px; width:150px;}
#header .login a{color:#FFF; cursor:pointer;text-decoration:none;}
#header .login a:hover{color:#00FF00;text-decoration:underline;}
#header .login .loginLink{color:#E1ED00; padding-right:2px}
#header .login .memberLink{padding-left:2px}

#header .logoText{
	bottom: 13px;
	left:104px;
	position:absolute;
}

#subnav {z-index: 55; min-height: 18px; width: 100%; text-align: left}
#subnavContent {
	z-index: 1000;
	height: auto;
	background: #173B47;
	position: absolute;
	width: 1004px;
	height: 23px;
	padding: 25px 0 0 0;
	font-family: Arial,Helvetica,sans-serif;
}
#subnavContent .logo {position: absolute; top: -78px; left: 0px;}
	
#subnavContent.noRight { }

#navs ul {
	margin-left: 90px;
}


#navs ul li {
	display: inline;
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
}

#navs li.top-level {
	height: 30px;
}

#navs li.top-level  a {
	border-left: 1px solid #fff;
	padding: 0px 11px;
}
#navs li.top-level  ul li a {
	border: none;
	padding: 0;
}
#navs li.first  a {
	border: none;
	padding-left: 15px;
}
/*
#navs > ul > li {
	height: 30px;
}

#navs > ul > li > a {
	border-left: 1px solid #fff;
	padding: 0px 11px;
}

#navs > ul > li:first-child > a {
	border: none;
	padding-left: 15px;
}
*/
#navs li a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
#navs li a:hover {
	color: #f00;
}
#navs li ul {
	background-color: #173B47;
	display: none;
	left: 0px;
	margin: 0px;
	padding: 8px 0px;
	position: absolute;
	top: 20px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	/* IE8 */
	filter: alpha(opacity=80);											/* IE7 */
	opacity: .8;														/* Everyone else */
}
#navs li:hover ul {
	display: block;
	width: 250px;
}
#navs li li {
	display: list-item;
	width: 250px;
	font-weight: normal;
	margin: 0;
	height: 23px;
	padding-left: 15px;
}

div.l_center {padding-bottom: 2em; background: white; overflow: visible}
body {text-align: left} 

body, #contentfloatholder {height: 100%}
/* #wrapper {height:100%} (took out bc it seemed to break in IE7 and earlier */
/*  #contentfloatholder {overflow: hidden} */
#left {height: 760px; overflow: hidden}
#leftMenu {padding-bottom: 800px; margin-bottom: -799px}

#leftMenu {background: url('//usatfcdn.appspot.com/images/design/insideSidebar_to_ffffff.png') top left #fff repeat-x; font-family: /*'HelveticaNeue LT 96 BlackIt'*/, Helvetica, Verdana, Geneva, Arial, sans-serif; padding-top: 8px;}
#leftMenu a.active { color: #f00; }
#leftTitle {background: url('/images/layout/v2/common/lmRedBkg.gif') repeat-y; color: white; font-weight: bold; font-style: italic; font-size: 1.3em; padding: 0.25em 5px; padding-right: 8px; padding-top: 0em; display: none;}
#leftTitle a {color: white; text-decoration: none}
#lmDivider {height: 5px; line-height: 3px; font-size: 3px; width: 150px; background: #BBBEC1 url('/images/layout/v2/common/bars.png') no-repeat}
#leftMenu div.lmgroup {padding-top: 0.75em}
#leftMenu div.lmsubheading {padding: 0px 2px; color: white; font-weight: bold; text-decoration: underline; color: #000;}
#leftMenu a {display: block; margin-right: 8px; padding-left: 16px; padding-top: 0.25em; padding-bottom: 0.4em; color: white; text-decoration: none; font-size: 0.8em; font-weight: bold; color: #000;}

#leftMenu div.lmgroup {padding-top: 1.5em}
#leftMenu div.lmgroup a:first-child {border-top: none}

#right {font-size: 0.9em; width: 182px; margin-top: 17px;}
#rightContent { position: relative; }

#right div.fiAd120x60 {width: 120px; height: 60px; margin: 0px auto 13px auto;}
#right div.fiContent {width: 168px; height: 173px; background-color: #ccc; position: absolute; padding: 6px 14px 27px 14px; font-size: 14px; display: inline;}
#right div.fiAd160x600 {width: 160px; height: 600px; margin: 238px auto 12px auto}

div.fiBoxTop {width: 160px; height: 7px; line-height: 4px; font-size: 4px; background: url('/images/layout/v2/common/fiBoxTop_red-ads.png') no-repeat}
div.fiBoxMid {width: auto; height: 162px; text-align: center; overflow: hidden; background-color: #fff;}
div.fiBoxMid a {display: block; width: 100%; text-decoration: none}
div.fiBoxMid img {display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px}
div.fiBoxMid div.nextBox {margin-top: 5px; padding-top: 5px; border-top: 1px solid silver}
div.fiBoxBottom {width: 160px; height: 7px; line-height: 4px; font-size: 4px; background: url('/images/layout/v2/common/fiBoxBottom_red-ads.png') no-repeat}


/* NON-LAYOUT ELEMENT FORMATTING */

#skipNav {height: 0px; width: 0px; display: none}

a {text-decoration: none}
a:hover {color: #CE3152; text-decoration: underline}

p {
	font-size: 1em;
	margin-top: 1.375em;
	margin-bottom: 1.375em;
	line-height: 1.6em;
}
p.heading, h1 {margin-top: 0.15em; margin-bottom: 1em; font-family: /*'HelveticaNeue LT 96 BlackIt'*/, Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 1.4em; font-weight: bold; font-style: italic; /*color: #A7A9AC*/ color: red}
p.indented {text-indent: 3em}
pre {font-family: 'Courier New'; overflow-x: auto}
hr {height: 1px; background-color: black}
img {border: 0px}
table.blackLines {border-collapse: collapse}
table.blackLines td {border-collapse: collapse; border: 1px solid black}
table.recordsetToTable {border-collapse: collapse}
table.recordsetToTable td {border-collapse: collapse; border: 1px solid black}
/* table.padded td {padding: 0.15em 0.25em 0.15em 0.25em} */
table td {padding: 0.15em 0.25em 0.15em 0.25em}
td {vertical-align: top}
ul li, ol li {line-height: 1.6em}
ul.spaced li, ol.spaced li {margin-top: 0.5em; margin-bottom: 0.5em}

li {margin-left: 3em}
input, select, textarea {border: 1px solid #A7A9AC}
/*input[type="image"] {border: 0px}*/
input { border: expression(this.type=="checkbox" ? "none" : this.type=="radio" ? "none" : "default") }   /* for IE 5.0+ */

/* events section */
div.menu a:visited {color: blue}
div.menu a:hover {color: #CE3152}
a.lynx {font-weight: bold; padding-left: 5px; padding-right: 5px; letter-spacing: 2px; color: white; background-color: #56009A}
a.lynx:hover {text-decoration: none; color: white}
span.subHeading {font-size: 0.8em; font-weight: normal}


/* TEMP */
#wrapper {width: 1004px}


@media print
{
	body, #wrapper, #contentfloatholder {height: auto}
	#wrapper {width: 100%}
	#subnav, #left, #right {display: none}
	div.l_center {margin: 0px; width: auto}
	
	#header img {display: block}
	#sponsorBar {display: none}
	
	p.heading, h1 {color: black}
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0px -100% 0px 0px}
* html div#left {margin: 0px}


/*
* Sponsor bar
*/
#USATFsponsors {
	background: url(//usatfcdn.appspot.com/images/design/SponsorBarBgrd.gif) #999 top center no-repeat;
	height: 55px;
	margin: 0;
	text-align: center;
	clear: both;
}

#USATFsponsors img {
	margin: 15px 40px 0px 40px;
}

/*#Page/Footer#*/
#footer, #footer5, #footer6 {
	background: url(//usatfcdn.appspot.com/images/design/FooterBgnd_to_333333.gif) black top center repeat-x;
	/*margin: 0px -16px;*/
	padding-top: 40px;
	line-height: 22px;
	height: 258px;
	width: 1004px;
}

#footer table{
	margin-left: 65px;
}

#footer td{
	width: 25%;
}

#footer a{font-size: 13px;}
#footer a.Heading{font-size: 20px;}

#footer a, #footer5 a, #footer6 a {
	color: white;
	text-decoration: none;	
}
#footer a:hover, #footer5 a:hover, #footer6 a:hover {
	color: #f00;
	text-decoration:underline;	
}

#footer a.heading, #footer5 a.heading, #footer6 a.heading {	
        color: #000;
}



/*********************************************************************
Footer testing
***********************************************************************/
#footer5 table {
	margin-left: 30px;
}

#footer5 td {
	width: 20%;
}

#footer5 a {
	font-size: 12px;
}

#page-container-page #footer6 {margin: 0px;width:1004px}

#footer5 a.heading {
	font-size: 18px;
}


#footer6 table {
	margin-left: 10px;
	width:100%;
}
/*#main-column-page #footer6 table {width:1004px:}*/

#footer6 td {
	/*width: 15%;*/
}

#footer6 a {
	font-size: 12px;
}

#footer6 a.heading {
	font-size: 16px;
}

/*#Page/Footer/Translator#*/

#bacon .goog-te-menu-value {
   color: white;
   font-family: helvetica;
}

#bacon .goog-te-gadget-simple {
   background-color: #036;
   margin-top: 5px;
   margin-bottom: 5px;
}

#copyright {
	margin-top: 10px;
	color: white;
	font-size: 14px;
}







#leftMenu ul.flyM {display: none; position: absolute; z-index: 2000; min-width: 250px; margin-top: -1.5em; line-height: 2em; margin-left: 151px; padding: 0.5em 1em 1em 0.5em; background-color: #173B47}
#leftMenu ul.flyM a {display: inline; margin: 0em; padding: 0em; border-top: none; color: #fff; text-decoration: none}
#leftMenu ul.flyM a:hover {color: #f00; text-decoration: none}


ul.flyM {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	/* IE8 */
	filter: alpha(opacity=80);											/* IE7 */
	opacity: .8;														/* Everyone else */
}
ul.flyM li {
	display: list-item;
	list-style: none;
	width: 250px;
	margin: 0;
	height: 23px;
	padding-left: 15px;
}