body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #000;
	font-family: arial, verdana, sans-serif;
	line-height: 16px;
}
td{
	font-size: 12px;
	color: #000;
	font-family: arial, verdana, sans-serif;
	line-height: 16px;
}
SELECT, OPTION, input, textarea {
font-size: 11px;
color: #8c8c8c;
font-family: arial, verdana, sans-serif;
}
form {
margin: 0;
padding: 0;
}
img {border: 0;}
a:link, a:visited, a:active {
color: #ef3f23;
}
a:hover {
color: #ef3f23;
}

#page {
width: 989px;
text-align: left;}
#headerContainer {
width: 989px; 
float: left;}
#logo {
width: 137px; 
float: left;}
#headerRightContainer {
width: 852px; 
float: right;}
#cartShare{
float: right;
text-align: right;
 
height: 25px;}
#navigationContainer {
width: 852px; 
float: left;}
#navigation {
margin-top: 62px;
border-top: 1px solid #b4b4bf;
border-bottom: 1px solid #b4b4bf;}
#mainContainer {
width: 989px; 
float: left;
margin-top: 6px;}
#flashContainer{
width: 602px;
float: left;}
#flash {
border-right: 6px solid #fff;
}

#sideContainer {
width: 387px;
float: right;
background: url(/images/todi-community.gif) no-repeat;
height: 433px;}
#newsContainer {
background: url(/images/todi-news.png) no-repeat;
height: 116px;
width: 387px;
margin-top: 47px;}
#news {
padding: 16px 28px 0px 20px;
line-height: 15px;}
#news IMG {
float: left;
border-right: 3px solid #fff;}
#socialContainer {
width: 387px;
float: left;}
#leftContainer {
width: 242px;
float: left;}
#left {
padding-left: 7px;}
#rightContainer {
width: 145px;
float: right;}

#rightCopy {
	font-size: 10px;
	color: #717174;
	padding-left: 4px;
	line-height: 12px;
	padding-right: 8px;
	width: 133px;
	overflow:hidden;
	word-wrap: break-word; 
	height: 200px;
}
#rightCopy p {
	margin: 10px 0;
}
#rightCopy p.first {
	margin-top: 5px;
}
#rightCopy hr {
	border: 0;
	color: #b4b4bf;
	background-color: #b4b4bf;
	height: 1px;
	width: 135px;
	text-align: left;
	margin: 0;
}
#break {
height: 7px;
border-bottom: 1px solid #b4b4bf;
width: 989px;
float: left;}
#sliderContainer {
height: 73px;
width: 989px;
border-bottom: 1px solid #b4b4bf;
float: left;}
#teamTodiThumbs {
background: url(/images/todi-team-100.gif) no-repeat;}
#teamTodiThumbs div {
padding: 4px 0px 4px 67px;}
#teamTodiThumbs div IMG {
margin: 0px 4px;}
#footerContainer {
width: 989px;
float: left;
font-size: 10px;
margin: 5px 0px;}
#copyrightContainer {
width: 330px;
float: left;}
#footerLinksContainer {
width: 655px;
float: right;
text-align: right;}
#footerLinksContainer A, 
#footerLinksContainer A:link,
#footerLinksContainer A:visited,
#footerLinksContainer A:active {
	color: #000; 
	text-decoration: none;
	padding: 0 25px;
	text-transform: uppercase;
}

#footerLinksContainer A:hover { text-decoration: underline; color:#000;}

#scholarshipMain {
float: left;
height: 309px;
width: 989px;
border-top: 11px solid #fff;
}

#scholarshipImage {
float: left;
width: 395px;
height: 298px;
border-right: #fff solid 11px;
background: url(/images/todi-mvp-scholarships.jpg) no-repeat;
}

#scholarshipStatsContainer {
float: right;
width: 329px;
border-right: #fff solid 12px;
}

#callOutContainer {
float: right;
width: 229px;
border-right: #fff solid 13px;}
#twitterFBContainer {
width: 229px;
height: 194px;
float: left;
background: url(/images/twitter-fb-box.gif) no-repeat;}
#twitterFB {
padding: 6px 10px 0px 14px;
color: #fff;
font-size: 10px;
line-height: 12px;
}
#bodyContainer {
width: 989px; 
float: left;
margin: 6px 0px 10px 0px;
}
#bodyLeftContainer {
width: 751px; 
float: left;
}
#bodyRightContainer {
width: 238px;
float: right;
background: url(/images/blog/sidebar-bg.gif) no-repeat;
}
#bodyLeft {
padding: 15px 40px 10px 0px;
}
#bodyRight {
padding: 6px 0px 10px 0px;
text-align: center;
}
#bodyLeft h1 {
font-size: 15px;
text-transform: uppercase;
margin: 0px 0px 4px 0px;
}
#bodyLeft h2 {
font-size: 15px;
text-transform: uppercase;
margin: 4px 0px 4px 0px;
}
#bodyLeft p {
margin: 4px 0px 8px 0px;
}
h3.post-title {
text-transform: uppercase;
font-size: 15px;
}

#bodyLeft UL, #bodyRight UL {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px 0px 10px 0px;
}

#bodyLeft LI {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 15px;
	margin: 0px 5px 5px 0px;
}

#bodyRight LI {
	padding: 0px 0px;
	margin: 0px 5px 5px 0px;
	color: #cfcfd7;
}
#bodyRight LI a {
	color: #cfcfd7;
	text-decoration: none;
}
.hr {
margin: 10px 6px;
border-top: 1px solid #a42e1c;
}
#bodyLeft h4 {
font-size: 11px;
}
#pageLine {
height: 1px;
width: 989px;
border-bottom: 1px solid #b4b4bf;
float: left;}

.WHITE {
COLOR: #FFF;
}

.twitter {
line-height: 13px;
word-wrap: break-word;
}

.twitter A, .twitter  A:link,.twitter  A:visited,.twitter  A:active {color: #fff; text-decoration: none;}

.twitter  A:hover { text-decoration: underline; color:#fff;}

#team-todi {
	width: 990px;
	height: 80px;
	border-top: solid #B4B4BF 1px;
	border-bottom: solid #B4B4BF 1px;
	overflow: hidden;
}

#team-todi.top {
	border-top: none;
	border-bottom: none;
}

#team-todi div.left,
#team-todi div.right {
	float: left;
	height: 78px;
}

#team-todi div.left {
	width: 98px;
}

#team-todi div.right {
	width: 121px;
}

#team-todi div.left img,
#team-todi div.right img {
	float: left;
}

#team-todi div.thumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#team-todi div.thumbs li {
	float: left;
	width: 70px;
	text-align: center;
	padding-top: 8px;
}

#team-todi img.next, 
#team-todi img.prev {
	cursor: hand;
	cursor: pointer;
	margin-top: 15px;
}

#team-todi img.nominate,
#team-todi img.badge {
	margin-top: 8px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	position: relative;
	overflow: hidden;
	width: 771px;
	height: 78px;
    float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items ul {
	float: left;
}

body.athlete-profile ul {
	margin-top: 0;
	margin-bottom: 0;
}

div.athlete-bio p:first-child {
	margin-top: 0;
}

div.athlete-bio p {
	margin-bottom: 0;
}