@charset "UTF-8";
/* CSS Document */
body { text-align:center; background-color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin:0;}
#clear { clear:both; height:0; overflow:hidden;}
.clear { clear:both; height:0; overflow:hidden;}
#container { position:relative; width:1000px; margin:0 auto;}
#topRight { margin:0 auto; width:880px; float:right;}
#logo { float:left; width:230px; position:absolute; left:-20px; z-index:100;}
#navigation { background:url(images/navbar.png) no-repeat; font-size:14.5px; color:#000; text-align:right; padding:15px 5px 17px 0px;}
#navigation a { font-size:12px; padding:0px 12px; color:#333; text-decoration:none;}
#navigation a:hover { color:#909;}
#links { float:left; color:#ea4599; width:350px; padding:10px 0px; margin:0px 0px 0px 60px;}
#links img { padding:0px 5px;}
#linksL { float:left; width:150px; padding:10px 0px 0px 0px;}
#linksR { float:right; width:200px;}
#email { float:right; color:#ea4599; padding:10px 0px; text-align:right; width:370px;}
#emailL { float:left; width:170px; text-align:right; padding:5px 0px;}
#emailR { float:right; width:200px; text-align:right; }
#content { clear:both; padding:10px 0px 0px 0px;}
#contentBig { clear:both; padding:10px 0px 0px 0px; text-align:left;}

#flash { float:left; width:698px; text-align:left;}
#rightCol { float:right; width:293px; text-align:left;}
#rightCol h1 { padding:10px 0px 0px 10px; text-align:left; font-size:16px; margin:0px; display:block;}
#leftCol { float:left; width:300px; text-align:left;}
#news { float:right; width:700px; text-align:right;}
#newsHead { background:url(images/news_01.png) no-repeat; height:120px;}
#newsHead h1 { color:#000; font-size:18px; text-align:left; padding:12px 10px 0px 10px; margin:0px 0px 0px 0px; overflow:hidden;}
#newsBod { background:url(images/news_02.png) repeat-y;}
#newsBod a { color:#ae4599; font-weight:bold; text-decoration:none;}
#newsBod a:hover { text-decoration:underline;}
#newsBot { background:url(images/news_03.png) no-repeat; height:17px; overflow:hidden;}

#newsContent { padding:0px 10px; text-align:left; margin:-40px 0px 0px 0px;}
#newsContent p { text-align:left; padding:0px 10px; line-height:18px; color:#333; font-size:12px;}
#moreNews { padding:10px; text-align:left;}
#moreNews a { color:#ea4599; text-decoration:none;}
#moreNews a:hover { text-decoration:underline; color:#333;}

#teamsHead { background:url(images/teams_01.png) no-repeat; height:45px; overflow:hidden; margin:0;}
#teamsHead h1 { color:#000; font-size:18px; text-align:left; padding:12px 10px 0px 10px; margin:0px 0px 0px 0px;}
#teamsBod { background:url(images/teams_03.png) repeat-y; text-align:left; margin:0px 0 0 0; padding:0 0 10px; overflow:hidden;}
#teamsBod p { text-align:left; padding:10px 20px; line-height:18px; color:#333; font-size:12px; margin-top:-5px;}
#teamsBot { background:url(images/teams_04.png) no-repeat; height:16px; overflow:hidden;}
#teamsImgs { text-align:center; padding:0px 6px 0px 6px;}

#tix { background:url(images/left-tix.png) no-repeat; height:158px; overflow:hidden; padding:0px 0px 8px 0px;}
#tix p { padding:5px 100px 10px 10px;}
#tixTop { height:122px; overflow:hidden;}
#moreTix { text-align:left; padding:0px 5px; margin:-5px 0px 0px 0px;}
#moreTix a { color:#FFF; text-decoration:none;}
#moreTix a:hover { color:#000; text-decoration:underline;}

#events { background:url(images/left-events.png) no-repeat; height:158px; overflow:hidden; padding:0px 0px 8px 0px;}
#events p { padding:0px 100px 0px 10px; line-height:15px;}
#eventsTop { height:88px; overflow:hidden;}

#moreEvents { text-align:left; padding:0px 5px; margin:5px 0px 0px 0px;}
#moreEvents a { color:#FFF; text-decoration:none;}
#moreEvents a:hover { color:#000; text-decoration:underline;}

h2 { color:#FFF; text-align:left; padding:10px 10px 0px 20px;}

#mainContent {float:left; width:698px; text-align:left; margin:0px 0px 0px 0px;}
#mainContent p { color:#FFF; font-size:12px; line-height:18px; padding:0px 20px;}
#mainContent a { color:#ea4599; text-decoration:none;}
#mainContent a:hover { text-decoration:underline;}
#mainContent ul { color:#FFF; padding:0px 0px 0px 60px;}
#mainContent h3 { color:#ea4599; text-align:left; font-size:14px; padding:10px;}

#pageHead { background:url(images/mainBack.gif) no-repeat;}
#pageHead h1 { color:#ea4599; padding:5px 10px 10px 80px;}

#pageHeadBig { background:url(images/mainBack.gif) no-repeat;}
#pageHeadBig h1 { color:#ea4599; padding:22px 10px 27px 80px;}

#subNav  { background-color:#ea4599; width:620px; margin:-20px 0px 0px 70px; text-align:right; padding:5px 0px; float:right;}
#subNav a { color:#FFF; padding:0px 10px; text-decoration:none;}

#split { margin:0 auto; width:665px;}
#split h3 {color:#ea4599; border-bottom:solid 1px #ea4599; padding:5px 0px 0px 0px; margin:0px 10px 5px 0px;}
#split a { display:block; padding:3px 5px; color:#FFF; text-decoration:none;}
#split a:hover { background-color:#333; text-decoration:underline;}
#splitL { float:left; width:330px;}
#splitR { float:right; width:330px;}

.schedule {  color:#FFF; text-align:center; border:solid 1px #ea4599;}
.schedule th { background: url(images/black-grad.png) repeat-x #ae4599; color:#FFF; padding:5px 0px;}
.schedule a { color:#FFF; text-decoration:none;}
.schedule a:hover { color:#ae4599; text-decoration:underline;}

th.info { width:240px; padding:5px; text-align:left;}
td.info { width:240px; padding:5px; text-align:left;}
td.tickets { width:75px; padding:5px 0px;}
td.home { width:75px; padding:5px 0px;}
td.score { width:75px; padding:5px 0px;}
td.date { width:120px; padding:5px 0px;}
td.map { padding:5px 0px;}

td.number { width:70px; padding:5px; color:#333;}
td.position { width:200px; padding:5px; color:#333; text-align:left;}
td.name { padding:5px; color:#333; text-align:left;}
tr.alt2 { background-color:#ededed;}

tr.alt { background-color:#222222;}

#shop { background:url(images/left-shop.png) no-repeat; height:158px; overflow:hidden; padding:0px 0px 8px 0px;}
#shop h1 { padding:15px 10px; color:#FFF;}
#shop p { padding:0px 100px 5px 10px;}
#shopMore { padding:8px 10px 0px 10px;}
#shopMore a { color:#FFF; text-decoration:none;}
#shopMore a:hover { text-decoration:underline;}

#shopTop { height:45px; overflow:hidden;}
#shopMid { height:75px; overflow:hidden;}

#footer {padding:20px 0px 10px 0px; font-size:16px; color:#666; border-top:solid 1px #ea4599; margin:20px 0px 0px 0px;}

#footerL { float:left; width:90px; text-align:center; font-size:10px;}
#footerL a { color:#ea4599; text-decoration:none;}
#footerR { float:right; width:900px; padding:30px 0px 0px 0px;}
#footerR a { padding:0px 10px; font-size:14px; color:#ea4599; text-decoration:none;}

#copy { font-size:10px; text-align:center; color:#333; padding:10px 0px 0px 0px;}

.pink { color:#ea4599; }
.pinkBold { color:#ea4599; font-weight:bold;}
.pinkItal { color:#ea4599; font-style:italic; font-weight:bold;}

#leftNav { float:left; width:240px;}
#leftNav a { display:block; font-size:14px; color:#ea4599; text-decoration:none; padding:10px 10px 10px 40px; cursor:pointer; background: url(images/heart.png) no-repeat; }
#leftNav a:hover { background: url(images/heart.png) no-repeat #111;}
#rightContent { float:right; width:758px; position:relative; color:#FFF; }
#rightContent h1 { padding:0px;}
#rightContent h2 { color:#FFF; font-size:14px; text-align:left; padding:5px 0px;}
#rightContent a {color:#ea4599; text-decoration:none;}
#rightContent a:hover { text-decoration:underline;}

#rightContentL { float:left; width:375px;}
#rightContentR { float:right; width:375px;}

#rightContentSched {float:right; width:758px; position:relative; color:#FFF; height:1000px;}
#rightContentSched h1 { padding:0px;}
#rightContentTeams {float:right; width:758px; position:relative; color:#FFF; height:3500px;}
#rightContentTeams h1 { padding:0px;}

#rightContentMedia {float:right; width:758px; position:relative; color:#FFF; height:1500px;}
#rightContentMedia h1 { padding:0px;}
#rightContentMedia h2 { color:#FFF; font-size:14px; text-align:left; padding:5px 0px;}
#rightContentMedia a {color:#ea4599; text-decoration:none;}
#rightContentMedia a:hover { text-decoration:underline;}
#rightContentMedia h3 { padding:5px 0px; text-align:left; font-size:20px; color:#FFF;}


#tLIRR, #tLOL, #tRTC, #tWW, #tOther { padding: 0px 20px; position:absolute; width:718px; visibility:hidden; height:auto;}
#mediaBouts, #mediaEvents, #mediaCover, #mediaVideo, #mediaBouts2012 {position:absolute; width:758px; visibility:hidden; height:auto;}

#mediaImage {float:left; width:150px; text-align:center; padding:0px 0px 15px 0px;}
#mediaDesc { float:right; width:215px; text-align:left; padding:0px 0px;}

.mediaImage {float:left; width:150px; text-align:center; padding:0px 0px 15px 0px;}
.mediaDesc { float:right; width:215px; text-align:left; padding:0px 0px;}


#teams { width:740px; margin:0 auto; background:url(images/teamBack_02.jpg) repeat-y; text-align:center; color:#333;}
#teamTop { width:740px; margin:0 auto; overflow:hidden;}
#teamContent { margin:0 auto; width:720px; padding:6px 0px;}
.teamLogo, #teamLogo { float:left; width:200px; padding:0px 0px 5px 5px;}
.teamDesc, #teamDesc { float:right; width:505px; text-align:left; padding:20px 5px 0px 0px;}
#teams h1 { color:#ea4599; border-bottom:solid 1px #ea4599; text-align:left; padding:10px 5px; font-size:16px; margin:0px 20px;}
#skaterRow { width:690px; margin:0 auto;}
#skaterL {float:left; width:330px;}
#skaterR { float:right; width:330px;}
#skaterPic { float:left; width:170px; text-align:center; padding:5px 0px;}
#skaterInfo { float:right; width:150px; text-align:left; padding:100px 0px 5px 0px;}

#contact { width:550px; margin:0 auto;}
#contactL { float:left; width:240px; text-align:right; color:#FFF; padding:5px 0px;}
#contactR { float:right; width:300px; text-align:left; padding:5px 0px;}

.media {}
.media a { display:block; padding:5px 10px; text-decoration:none; color:#ea4599;}
.media a:hover { background-color:#333; text-decoration:underline;}

.event { float:left; width:202px; text-align:center; padding:15px 0px 0px 20px;}
.event img { border:solid 1px #ea4599;}
.eventDesc { float:right; width:460px; text-align:left; color:#fff; padding:0px 0px 20px 0px;}
.eventDesc h1 { color:#ea4599; font-size:16px; padding:15px 0px 0px 5px; margin-bottom:0;}

/*MERCH*/
.hidden{display:none;}
#merch { width:650px; margin:0px auto; background-color:#FFF;}

#merch ul { width:650px; display:inline-block; margin:0px 0px 0px -30px;}
#merch ul li { display:inline-block; float:left; list-style:none;}
#merch li { width: 150px; padding:5px; float:left; display:inline-block;}

#merch h1 { text-align:left; font-size:16px; padding:10px 0px 0px 20px;}

#clear { clear:both; overflow:hidden; height:0px;}

#product { width:600px;}
#prodImage { float:left; width:400px; padding:0px; text-align:center;}
#prodDets { float:right; text-align:left; width:190px; color:#666;}
#prodDets h1 { color:#C06; font-size:12px; padding:10px 0px; text-align:left;}

.hotline { color:#ea4599; font-size:12px;}