body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
	background-color: #c6061a;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 24px;
	display: inline;
	padding-top: 5px;
	padding-bottom: 2px;
}

/* General heading */
h5 {
	font-size: 14px;
	font-weight: bold;
	color: #086567;
	padding-left: 18px;
	margin-bottom: 7px;
	background: url(images/h5_bullet.gif) no-repeat 0% 40%;
}
h6 {font-size:13px; color: #0B7E82; font-weight:bold;}
h6.red {color: #b9282e;}

.copyright11px {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #FFFFFF;  text-decoration: none;}
a.copyright11px:link, a.copyright11px:visited {	color: #FFFFFF;	text-decoration: none;}
a.copyright11px:hover {	color: #FFE38F;	text-decoration: underline;}

.footer_text {
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #70253a;
	text-align: right;
	padding-right: 0px;
	padding-top: 4px;
}
#mainContainer {
	background-image: url(images/bg_mainContainer.gif);
	background-repeat: repeat-x;
}


.leftCol {
	background-image: url(images/footer_top_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 195px;
	text-align: right;
}
#mainNav {
	width: 182px;
	float: right;
	margin-bottom: 90px;
	height: 250px;
}

.cxfooter {
	width: 950px;
	height: 65px;
}

#utyLink {
	background-image: url(images/bg_uty.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #004455;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	line-height: 26px;
}
#utyLink a {color:#004455; margin-right: 2px; margin-left: 2px;}
#utyLink a:hover {color:#CC0000}

#navText {
	font-size: 12px;
	color: #087573;
	padding-left: 18px;
	padding-top: 7px;
}


/* 1 colum layout */
.main-1col .leftContent {width: 755px; padding: 20px 20px 30px 25px; line-height: 22px; vertical-align: top;}


/* 2 colums layout with images */
.main-2col .leftContent {width: 505px; padding: 20px 20px 30px 25px; line-height: 22px; vertical-align: top;}
.main-2col .rightContent {width: 250px; vertical-align: top; padding-top: 85px;}
.rightContent img {margin-bottom: 15px;}

body#indexPage .main-2col{margin-bottom:25px}
body#indexPage .leftContent{width: 364px; padding: 0px 0px 0px 12px}
body#indexPage .rightContent{width: 386px; padding: 0px 0px 0px 12px}

body#cheerMain .main-2col{width:640px;}
body#cheerMain .leftContent {width:460px; padding: 15px 20px 30px 12px;}
body#cheerMain .rightContent {width:180px; padding-top:20px;}
body#cheerMain .content{color:#696969; margin: 6px 0px 10px 15px;}

body#blogProfile .leftContent {width:555px; padding: 20px 20px 30px 25px;}
body#blogProfile .rightContent {width:200px; padding-top:75px; background: url(images/cheer_logo.gif) no-repeat 30% 0%;}

#indexPage #box1 {position: relative; margin-bottom: 4px;}
#box1 img#cheeringLogo {position: absolute; left: 14px; top: 8px; height: 56px; width: 132px;}

#indexPage #box2 {height: 129px; width: 357px; position: relative; margin-bottom: 20px;}
#box2 .pngImage {left: 127px; top: 64px; height: 69px; width: 238px;}

#indexPage #indexNewsBox {
	height: 147px;
	width: 731px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-top: -25px;
	background-image: url(images/bg_index_news.gif);
	background-repeat: no-repeat;
}
#indexNewsBox table {
	width: 660px;
	margin-left: 40px;
	line-height: 21px;
	margin-top: 13px;
}
#indexNewsBox a:hover {
	text-decoration: none;
}
#indexNewsBox td {
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 5px;
}

body#ijc .leftContent {width:550px;}
body#ijc .rightContent, body#raceday .rightContent {width:auto;}
body#raceday .leftContent {width:585px;}
body#raceday .leftContent p {width: 530px;}

#ijcResult.generalTable th{
	padding: 3px 3px;
	font-size: 11px;
}
#ijcResult.generalTable td {white-space:nowrap;	padding: 3px 8px; text-align: center;}
#ijcResult.generalTable td.a-left {text-align:left;}

.hd_line {margin-top: 7px;	margin-bottom: 7px;	height: 1px;}
#subMenu {
	font-size: 12px;
	height: 25px;
	background-image: url(images/bg_submenu_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #087573;
	background-color: #d9e9e9;
	padding-right: 20px;
	width: 460px;
	margin-bottom: 15px;
}
#subMenu .leftBg {
	background-image: url(images/bg_submenu_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 20px;
	height: 25px;
	line-height: 25px;
}

#subMenu a {margin-right: 3px;	margin-left: 3px;}
#subMenu a:hover {color: #087573;}
#subRacecardMenu {
	width: 480px;
	margin-bottom: 8px;
	margin-top: 4px;
	font-size: 11px;
	background-color: #F4F4F4;
	border: 1px solid #E0E0E0;
	color: #999999;
	float: right;
	padding-top: 2px;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 16px;
}
#subRacecardMenu a {color: #FF3300;	margin-right: 3px; margin-left: 3px;}

.content {margin-left: 3px;}


/* General Table */
p.tableInfo {
	font-size: 12px;
	color: #666666;
	margin-bottom: 3px;
}
.generalTable th, .generalTable td {
	font-size: 12px;
	padding: 3px 10px;
}
.generalTable th {
	background-color: #d6eff5;
	color: #075556;
	font-weight: bold;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #358bb5;
	border-right-color: #3a9cb1;
	border-bottom-color: #3a9cb1;
	border-left-color: #3a9cb1;
}
.generalTable th.leftTH {border-left:none;}
.generalTable th.rightTH {border-right:none;}
.generalTable td {
	color:#696969;
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.generalTable td.leftMargin-30 {padding-left: 30px;}
.generalTable td.a-left {text-align:left;}
.generalTable td.total {font-weight:bold; color: #3E3E3E; font-size: 13px;}

.generalTable th.subhead {border:none; background-color:none; background: url(images/dotline.gif) repeat-x left bottom; color:#000000}

.generalTable .leftBorder,
.generalTable th.leftBorder {border-left: 1px solid #CCCCCC;}

#cheerFlash {margin-top: 3px; margin-left: 13px;}
#cheerFlash img {
	height: 278px;
	width: 713px;
}



#bloggerMenu {
	background-image: url(images/hd_blogger_menu.gif);
	background-repeat: no-repeat;
	height: 234px;
	width: 176px;
}
#bloggerMenu img {float: right;	margin-bottom: 6px;	padding: 1px;}
#bloggerMenu a:hover img {border: #FF6600 1px solid;}
#bloggerMenu a:hover {border: none;}	/* Fix IE */
#bloggerLeftMenu {
	float: right;
	margin-bottom: 60px;
}
.subhead {
	margin-top: 16px;
	margin-left: 3px;
}

#bloggerItemMenu {width: 156px;}
#bloggerItemMenu img {margin-bottom: 5px;}
#bloggerItemMenu2 {margin-top: 4px;}

.profileTable {width: 400px; margin-top: 6px; line-height: 18px;}
.profileTable td {color: #666666; padding: 2px 5px; font-size:12px; vertical-align: top;}
.profileTable td.title {width: 110px; text-align: left;}
.profileTable td.item {color: #794746;}
.profileTable img{padding-left:2px; padding-right:3px;}

.profileBg {
	height: 414px;
	width: 595px;
	background-repeat: no-repeat;
	padding: 10px;
	position: relative;
	margin-top: 30px;
}

td.blogger1old {
	background-image: url(images/profile_joy_may.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


td.blogger1 {}
td.blogger1 .profileTable {width: 335px; margin-top: 6px; margin-left:225px}
td.blogger1 .profileTable td,
td.blogger2 .profileTable td,
td.blogger3 .profileTable td,
td.blogger4 .profileTable td {color: #666666; padding: 1px 5px;}
td.blogger1 .profileTable td.item {color: #cc0c45;}

td.blogger2 .profileTable {width: 480px; margin-top: 6px; margin-left:15px; line-height: 19px;}
td.blogger2 .profileTable td.item {color: #625e25; padding-top: 3px; padding-bottom: 3px}
td.blogger2 .profileTable td.title {width: 140px}

td.blogger3 .profileTable {width: 345px; margin-top: 6px; margin-left:230px}
td.blogger3 .profileTable td.item {color: #1d5f90;}
td.blogger3 .profileTable td.title {width: 70px}

td.blogger4 .profileTable {width: 350px; margin-top: 6px; margin-left:20px}
td.blogger4 .profileTable td.item {color: #8e4343;}
td.blogger4 .profileTable td.title {width: 60px}

.pngImage {position: absolute}
td.blogger1 .pngImage {height: 579px;	width: 253px; top: -17px; left: -20px;} 
td.blogger2 .pngImage {height: 143px;	width: 130px; top: -27px; left: 430px;}
td.blogger3 .pngImage {height: 258px;	width: 265px; top: -12px; left: -20px;}
td.blogger4 .pngImage {height: 237px;	width: 215px; top: -27px; left: 360px;}

td.blogger1 .profileBg {
	background-image: url(images/blogger1_p_bg.gif);
	margin-bottom:-20px;
	margin-left: 14px;
	padding-top: 22px;
	height: 500px;
}
td.blogger2 .profileBg {
	background-image: url(images/blogger2_p_bg.gif);
	margin-left: 10px;
	padding-top: 20px;
	height: 500px;
}
td.blogger3 .profileBg {
	background-image: url(images/blogger3_p_bg.gif); margin-left: 10px;	padding-top: 20px;
}
td.blogger4 .profileBg {
	background-image: url(images/blogger4_p_bg.gif); margin-left: 10px;	padding-top: 20px;
}

.albumBg {
	background-image: url(images/blogger1_album_bg.gif);
	height: 418px;
	width: 595px;
	background-repeat: no-repeat;
	padding: 60px 10px 10px 10px;
	position: relative;
	margin-top: 30px;
	margin-left: 5px;
}
.albumBg .pngImage {height: 513px;	width: 209px; top: -55px; left: 510px;}

td.blogger3 .albumBg {background-image: url(images/blogger3_album_bg.gif);}

.videoBg {
	background-image: url(images/blogger1_video_bg.gif);
	height: 418px;
	width: 595px;
	background-repeat: no-repeat;
	padding: 40px 10px 10px 20px;
	position: relative;
	margin-top: 30px;
	margin-left: 5px;
}
.videoBg .bloggerVideoObject {
	width:427px;
	height:240px;
	margin-top: 5px;
	border: 0px solid #ffcab5;
	padding: 0px;
	margin-bottom: 10px;
}
.videoBg .pngImage {height: 513px;	width: 209px; top: -55px; left: 510px;}
.videoBg h6 {
	font-size: 13px;
	font-weight: bold;
	color: #F93049;
}
.videoBg a {
	color: #FF0066;
}

.videoBg ul {
	padding-left: 25px;
	list-style-position: outside;
	color: #FF0066;
	float: left;
}
.videoBg li {
	list-style-type: disc;
}
.videoPath {width:100%; position:absolute; left:35px; top:330px}


td.blogger2 .videoBg {background-image: url(images/blogger2_video_bg.gif);}
td.blogger2 .videoBg .bloggerVideoObject {margin-left:40px;}

td.blogger3 .videoBg {background-image: url(images/blogger3_video_bg.gif);}
td.blogger3 .videoBg .bloggerVideoObject {margin-left:40px;}

td.blogger4 .videoBg {background-image: url(images/blogger4_video_bg.gif);}
td.blogger4 .videoBg .bloggerVideoObject {margin-left:40px;}

#bloggerAlbum {margin-right: 20px; margin-left: 20px;}
#bloggerAlbum img {
	padding: 2px;
	border: 2px solid #ffcab5;
	margin: 20px 6px 0px 6px;
}

td.blogger3 #bloggerAlbum {margin-right: 20px; margin-left: 40px;}
td.blogger3 #bloggerAlbum img {border:#a4d4ea}

#merch .itemBox {
	background: url(images/bg_merch_item.gif) repeat-x left top;
	width: 530px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 18px;
	border: 1px solid #cccccc;
	position: relative;
	margin-bottom: 12px;
}

.itemBox p {width: 360px;}
.itemBox h6 {color: #ff682b;}
.itemBox .price {font-weight: bold; color: #ff0000; font-size: 15px;}
.itemBox .sellDate {color: #1b6560;}
.itemBox img {position: absolute;}
#merch ul.location {
	list-style-position: outside;
	margin-left: 10px;
	line-height: 19px;
	padding-left: 10px;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
}
#merch li {
	list-style-type: disc;
}

td.cheering_game {
	background-repeat: no-repeat;
	background-position: right bottom;
}		
	
.tc {
	list-style-position: outside;
	margin-left: 20px;
	line-height: 17px;
	padding-left: 10px;
	font-size: 10px;
	color: #999999;
	margin-bottom: 20px;
}
.tc li {
	list-style-type: decimal;
}

.red {color: #FF0000}
.orange {color: #FF6633}
.pink {color: #FF3366}
.pink2 {color: #FF0099}
.green {color: #669933}
.purple {color: #663399}
.brown {color: #996633}
.blue {color: #0099FF}
.green2 {color: #0B7E82;}
.infoBox {
	background-color: #ededed;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/infoBox_bg.gif);
	background-repeat: repeat-x;
}

#updateInfoBox {
	margin-bottom: 18px;
	height: 138px;
	width: 448px;
	background-image: url(images/bg_update_box.gif);
	background-repeat: no-repeat;
	color: #ff3004;
	line-height: 20px;
	position: relative;
}
#updateInfoBox ul {
	position: absolute;
	left: 150px;
	top: 40px;
}
#updateInfoBox a {
	color: #ff3004;
}
#updateInfoBox a:hover {
	color: #FF0033;
}

.selectionTable {clear: both;}
.selectionTable .img_border {padding: 1px;}
.selectionTable a:hover img {border: #FF6600 1px solid;}
.selectionTable a:hover {border: none;}	/* Fix IE */