#page {width: 728px;} #header {height: 75px; position: relative; background: url(//images.tmcnet.com/online-communities/ngc/images/head-bg.png) left no-repeat #FFFFFF;} #header .eNews {position: absolute; top: 5px; right: 70px;} #header .rss {position: absolute; top: 5px; right: 40px;} #header .twitter {position: absolute; top: 5px; right: 10px;} #header .logo {position: absolute; bottom: 5px; left: 20px;} #header h2 {position: absolute; right: 10px; bottom: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; font-size: 25px; line-height: 25px; text-decoration: none; font-weight: bold; color: #6950a1;} #header .subText {position: absolute; right: 20px; bottom: 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; font-size: 12px; line-height: 12px; text-decoration: none; font-weight: bold; color: #666666;} #header .smallMenu {position: absolute; top: 5px; left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: right; font-weight: normal; text-decoration: none; font-size: 10px;} #header .smallMenu a {color: #0066cc; text-decoration: none;} #header .smallMenu a:visited {color: #0066cc; text-decoration: none;} #header .smallMenu a:hover {color: #0066cc; text-decoration: underline;} .navWrap {float: left; background:#666; text-align:center; padding:5px 0px } .navWrapOn{float: left;background: #6950a1;text-align:center; padding:5px 0px} .navWrap2{float:left; padding:5px 0px 5px 0px} #featurePlayer {margin: 10px 0 10px 0;} #flashFeature {padding: 10px 0 0 0;} #button1 {width: 210px; margin: 0px 2px 0px 0px;} #button2 {width: 143px; margin: 0px 2px 0px 0px;} #button3 {width: 130px; margin: 0px 2px 0px 0px;} #button8 {width: 100px;} #button4 {width: 150px; margin: 0px 2px 0px 0px;} #button5 {width: 124px; margin: 0px 2px 0px 0px;} #button6 {width: 120px; margin: 0px 2px 0px 0px;} #button7 {width: 166px; margin: 0px 2px 0px 0px;} #button9 {width: 143px; margin: 0px 0px 0px 2px;} #button10 {width: 100px;margin: 0px 0px 0px 2px;} .navWrap a:link,.navWrap a:visited{color:#DCDCDC; text-decoration:none} .navWrap a:hover{text-decoration: underline;} .navWrapOn a:link,.navWrapOn a:visited{color:#fff; text-decoration:none} .navWrapOn a:hover{text-decoration: underline;} .navItem2 {background: #6950a1; height: 1%; border-bottom: 1px solid #000000; border-right: 1px solid #333333;} .navText2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; text-align: center; color: #FFFFFF;} .navText2 a {color: #FFFFFF; text-decoration: none;} .navText2 a:visited {color: #FFFFFF; text-decoration: none;} .navText2 a:hover {color: #FFFFFF; text-decoration: underline;} #main {} #main #left {float: left; width: 500px;} #main #right {float: right; width: 220px;} #whiteBox {border: 0; background: #FFFFFF; height: 1%; padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px;} #grayBox {border: 1px solid #dddddd; background: #f4f4f4; height: 1%; padding: 10px 10px 10px 10px; margin: 0px 0px 15px 0px;} #grayBox-sm {border: 1px solid #dddddd; background: #f4f4f4; height: 1%; padding: 10px 10px 10px 10px; margin: 0px 0px 5px 0px;} #grayBox-sm #vidImage {float: left; width: 80px;} #grayBox-sm #vidText {float: right; width: 380px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px;} #grayBox-sm #vidText a {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold; line-height:} #grayBox-sm #vidText a:visited {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold; line-height:} #grayBox-sm #vidText a:hover {color: #0066cc; text-decoration: underline; font-size: 11px; font-weight: bold; line-height:} #grayBox-sm #brochImage {float: left; width: 80px; text-align: center;} #grayBox-sm #brochText {float: right; width: 380px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 10px 0px 0px 0px;} #grayBox-sm #brochText a {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold; line-height:} #grayBox-sm #brochText a:visited {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold; line-height:} #grayBox-sm #brochText a:hover {color: #0066cc; text-decoration: underline; font-size: 11px; font-weight: bold; line-height:} #grayBox-sm #podImage {float: left; width: 80px;} #grayBox-sm #podText {float: right; width: 380px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: bold; text-decoration: none; font-size: 11px;} #grayBox-sm #podText a {color: #0066cc; text-decoration: none; font-size: 10px; font-weight: normal; line-height:} #grayBox-sm #podText a:visited {color: #0066cc; text-decoration: none; font-size: 10px; font-weight: normal; line-height:} #grayBox-sm #podText a:hover {color: #0066cc; text-decoration: underline; font-size: 10px; font-weight: normal; line-height:} #tv {margin: 8px 0px 5px 0px;} /*#page h3 {background: url(//images.tmcnet.com/online-communities/ngc/images/h3.gif) bottom repeat-x #efefef; margin: 10px 0px 0px 0px; padding: 5px 10px 5px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; font-weight: bold; text-decoration: none; border-top: 1px solid #dddddd; font-size: 12px;}*/ #page h3 {margin: 0px 0px 0px 0px; padding: 15px 0px 7px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6950a1; text-align: left; font-weight: normal; text-decoration: none; font-size: 20px;} #page h4 {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; font-weight: bold; text-decoration: none; font-size: 13px;} #page h4 a {text-decoration: none; color: #000000;} #page h4 a:visited {text-decoration: none; color: #000000;} #page h4 a:hover {text-decoration: underline; color: #6950a1;} #page h5 {margin: 0px 0px 5px 0px; padding: 15px 0px 7px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6950a1; text-align: left; font-weight: bold; text-decoration: none; font-size: 14px; border-bottom: 1px solid #dddddd;} #page h5 a {text-decoration: none; color: #6950a1;} #page h5 a:visited {text-decoration: none; color: #6950a1;} #page h5 a:hover {text-decoration: underline; color: #6950a1;} #cta-image {} #cta-box {background: url(//images.tmcnet.com/online-communities/ngc/images/widget_center_220x1.jpg) left repeat-y; height: 1%; margin: 5px 0px 10px 0px;} #cta-box2 {margin: 10px 0px 0px 0px;} #cta-box .cta-base {background: url(//images.tmcnet.com/online-communities/ngc/images/widget_bottom_shadow_220x16.jpg) bottom left no-repeat; height: 16px;} #cta-box .cta-title {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: bold; text-decoration: none; font-size: 12px; padding: 10px 10px 5px 10px;} #cta-box .cta-text {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 11px; padding: 0px 10px 0px 10px;} #cta-box .cta-text a {color: #0066cc; text-decoration: none;} #cta-box .cta-text a:visited {color: #0066cc; text-decoration: none;} #cta-box .cta-text a:hover {color: #0066cc; text-decoration: underline;} .blog {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 5px 10px 5px 25px; background: url(//images.tmcnet.com/online-communities/ngc/images/blog.png) no-repeat 5px 5px;} .blog a {color: #0066cc; text-decoration: none; font-size: 11px;} .blog a:visited {color: #0066cc; text-decoration: none; font-size: 11px;} .blog a:hover {color: #0066cc; text-decoration: underline; font-size: 11px;} .pr {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 5px 10px 5px 25px; background: url(//images.tmcnet.com/online-communities/ngc/images/article.gif) no-repeat 8px 6px;} .pr a {color: #0066cc; text-decoration: none; font-size: 11px;} .pr a:visited {color: #0066cc; text-decoration: none; font-size: 11px;} .pr a:hover {color: #0066cc; text-decoration: underline; font-size: 11px;} .more {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: right; font-weight: normal; text-decoration: none; font-size: 10px; padding: 5px 10px 15px 25px;} .more a {color: #0066cc; text-decoration: none; font-size: 11px;} .more a:visited {color: #0066cc; text-decoration: none; font-size: 11px;} .more a:hover {color: #0066cc; text-decoration: underline; font-size: 11px;} .viewAll {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: right; font-weight: normal; text-decoration: none; font-size: 10px; padding: 0px 0px 10px 0px;} .viewAll a {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .viewAll a:visited {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .viewAll a:hover {color: #0066cc; text-decoration: underline; font-size: 11px; font-weight: bold;} .article {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 10px 0px 5px 0px;} .article a {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .article a:visited {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .article a:hover {color: #0066cc; text-decoration: underline; font-size: 12px; font-weight: bold;} .linkOut {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 10px 0px 5px 20px; background: url(//images.tmcnet.com/online-communities/ngc/images/blu-arr.gif) no-repeat 0px 10px;} .linkOut a {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .linkOut a:visited {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .linkOut a:hover {color: #0066cc; text-decoration: underline; font-size: 11px; font-weight: bold;} .wp {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 5px 0px 10px 18px; background: url(//images.tmcnet.com/online-communities/ngc/images/wp.gif) no-repeat 0px 6px;} .wp a {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .wp a:visited {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .wp a:hover {color: #0066cc; text-decoration: underline; font-size: 12px; font-weight: bold;} .fa {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 5px 0px 10px 18px; background: url(//images.tmcnet.com/online-communities/ngc/images/article.gif) no-repeat 0px 6px;} .fa a {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .fa a:visited {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .fa a:hover {color: #0066cc; text-decoration: underline; font-size: 12px; font-weight: bold;} .cs {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 5px 0px 10px 18px; background: url(//images.tmcnet.com/online-communities/ngc/images/cs.gif) no-repeat 0px 6px;} .cs a {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .cs a:visited {color: #0066cc; text-decoration: none; font-size: 12px; font-weight: bold;} .cs a:hover {color: #0066cc; text-decoration: underline; font-size: 12px; font-weight: bold;} .pod {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 0px 0px 10px 0px;} .pod a {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .pod a:visited {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .pod a:hover {color: #0066cc; text-decoration: underline; font-size: 11px; font-weight: bold;} .xtra {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 0px 0px 10px 0px;} .xtra a {color: #0066cc; text-decoration: none; font-size: 10px; font-weight: bold;} .xtra a:visited {color: #0066cc; text-decoration: none; font-size: 10px; font-weight: bold;} .xtra a:hover {color: #0066cc; text-decoration: underline; font-size: 10px; font-weight: bold;} .news {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: left; font-weight: normal; text-decoration: none; font-size: 10px; padding: 0px 0px 10px 0px;} .news a {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .news a:visited {color: #0066cc; text-decoration: none; font-size: 11px; font-weight: bold;} .news a:hover {color: #0066cc; text-decoration: underline; font-size: 11px; font-weight: bold;} #resources {margin: 0px 0px 10px 0px;} #resources .resource1 {float: left; width: 220px; padding: 0px 0px 0px 20px;} #resources .resource2 {float: right; width: 220px; padding: 0px 20px 0px 0px;} #tmc {margin: 8px 0px 10px 0px;} #tmc .eNews {float: left; width: 150px; text-align: left;} #tmc .rss {float: right; width: 30px; text-align: right;} #tmc .twitter {float: right; width: 30px; text-align: right;} #right-ad {padding: 5px 0px 5px 0px;} #content-wrapper {} #content {text-align: left; margin-top: 10px;} #content .txt-wrapper{padding:0px 20px 0px 15px; } #content h1{ font-size:20px; color:#6950a1; font-family: "Trebuchet MS", Verdana, Lucida Grande, Helvetica, Arial, sans-serif; margin:0px; padding:0px; text-align: left;} #content h1 a{ font-size:20px; color:#6950a1; text-decoration:underline;} #content h1 a:visited{ font-size:20px; color:#6950a1; text-decoration:underline;} #content h1 a:hover{ font-size:20px; color:#0a1d36; text-decoration:underline;} #content h2{ font-size:16px; color:#0a1d36; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:6px 0px 0px 0px;} #content .fArticleTitle{ font-size:16px; color:#0a1d36; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:6px 0px 0px 0px;} #content h3{ font-size:16px; color:#0a1d36; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px;} #content h4{ font-size:12px; color:#0a1d36; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px;} #content .para { padding:5px 0px 8px 0px; margin:0px; color:#4c555c; line-height:18px;} #content .bx-txt { font-size:12px; padding-top:6px; line-height:17px;} #content .bx-txt{font-size:12px; color:#333333; padding:6px 0px 0px 0px; } #content .bx-txt a {font-size:12px; color:#4b8cb0; text-decoration:underline; } #content .bx-txt a:visited {font-size:12px; color:#4b8cb0; text-decoration:underline; } #content .bx-txt a:hover {color:#6950a1;} #content .product-holder{height:220px;} #content .ph-wrapper {padding:22px 0px 0px 10px;} #content .view-all {padding:2px 20px 2px 20px; text-align:right; font-weight:bold;} #content .view-all a{color:#4b8cb0; font-size:11px; font-weight:bold; text-decoration:underline;} #content .view-all a:visited{color:#4b8cb0; font-size:11px; font-weight:bold; text-decoration:underline;} #content .view-all a:hover{color:#6950a1; font-size:11px; font-weight:bold; text-decoration:underline;} /*------------------- automated article css------ */ #content .txt-wrapper p { color:#0a1d36; padding:5px 10px 2px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;} #content .txt-wrapper p a{ color:#4b8cb0; text-decoration:underline; line-height:16px;} #content .txt-wrapper p a:visited { color:#4b8cb0; text-decoration:underline; line-height:16px;} #content .txt-wrapper p a:hover { color:#6950a1; text-decoration:underline;} #content .txt-wrapper-alt div { color:#0a1d36; padding:2px 2px 2px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;} #content .txt-wrapper-alt div a:link{ color:#4b8cb0; text-decoration:underline; } #content .txt-wrapper-alt div a:visited{ color:#4b8cb0; text-decoration:underline;} #content .txt-wrapper-alt div a:hover { color:#6950a1; text-decoration:underline;} #content .txt-wrapper ul{list-style-type:square; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; text-align:left; line-height:17px; } #content .txt-wrapper ul li { color:#0a1d36; text-decoration:none; font-size:12px; text-align:left; padding:3px 0px 3px 0px;} #content .txt-wrapper ul li a{ color:#4b8cb0; text-decoration:underline; font-size:12px; text-align:left; padding:0px 0px 0px 0px;} #content .txt-wrapper ul li a:visited{ color:#4b8cb0; text-decoration:underline; font-size:12px; text-align:left; padding:0px 0px 0px 0px;} #content .txt-wrapper ul li a:hover{ color:#e7613d; text-decoration:underline; font-size:12px; text-align:left; padding:0px 0px 0px 0px;} #content .txt-wrapper table { color:#0a1d36; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;} #content .txt-wrapper table b{ color:#0a1d36; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;} #content .txt-wrapper table a:link { color:#4b8cb0; text-decoration:underline; line-height:16px;} #content .txt-wrapper table a:visited { color:#4b8cb0; text-decoration:underline; line-height:16px;} #content .txt-wrapper table a:hover { color:#6950a1; text-decoration:underline;} #content .date { color:#6950a1; text-decoration:none; font-size:11px; padding-bottom:8px;} #content .titletop-bg {font-size:14px; color:#0a1d36; font-weight:bold; padding:3px 0px 0px 5px;} #content .titletop {font-size:12px; color:#0a1d36; font-weight:bold; padding:3px 0px 0px 0px;} #content .titletop a {font-size:12px; color:#4b8cb0; font-weight:bold; text-decoration:underline; } #content .titletop a:visited {font-size:12px; color:#4b8cb0; font-weight:bold; text-decoration:underline; } #content .titletop a:hover { color:#6950a1; } .wvfa-top-link{font-size:12px; color:#0a1d36; padding:5px 0px 0px 0px; } .wvfa-top-link a {font-size:12px; color:#4b8cb0; font-weight:bold; text-decoration:underline; } .wvfa-top-link a:visited {font-size:12px; color:#4b8cb0; font-weight:bold; text-decoration:underline; } .wvfa-top-link a:hover {color:#6950a1;} .na-link{font-size:12px; color:#0a1d36; padding:0px 10px 10px 0px; float:left; } .na-link a {font-size:12px; color:#4b8cb0; font-weight:bold; text-decoration:underline; } .na-link a:visited {font-size:12px; color:#4b8cb0; font-weight:bold; text-decoration:underline; } .na-link a:hover {color:#6950a1;} /*------------------- automated article css ends------ */ .fl-lft{ float:left; padding-right:5px;} .fl-rt{float:right;} .clr-right { clear:right;} .clr-lft { clear:left;} .wrapper10 {padding:10px;} .wrappertp10 {padding-top:10px;} .wrappertp55 {padding-top:55px;} .boxLink {text-decoration: none;} .magic {clear:both;} .noLine {cursor: pointer; text-decoration: none;} h1 {font-family: Arial, Helvetica, sans-serif; color: #003366; font-size: 10px; font-weight: bold; text-align: center; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;} /*CSS scrollers*/ #pscroller1{ width: 190px; height: 60px; padding: 0px 0px 0px 0px; } #pscroller2{ width: 350px; height: 20px; border: 1px solid black; padding: 3px; } #pscroller2 a{ text-decoration: none; } .someclass{ //class to apply to your scroller(s) if desired } #NGCfeaturePlayer {height: 232px; position: relative; margin: 10px 0 0 0;} #NGCfeaturePlayer #featureCover {position: absolute; top: 0px; height: 352px; width: 620px; background: url(//images.tmcnet.com/tmc/sports/images/featureCover.png) repeat-x;} #NGCfeaturePlayer h2 {margin: 0px 0px 0px 0px; padding: 5px 5px 0px 5px; font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-align: left; font-size: 17px; line-height: 21px;} .featureLink {text-decoration: none; cursor: pointer;}