/* -----------------------------------------------------------------------------------------*/ /* ---- CSS Document <<<-----------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Global CSS V 2.0 (Screen) ----- */ /* -- (c) 2009 www.goblueknights.com - */ /* -- Created by: Cyle Olson --------- */ /* -----------------------------------------------------------------------------------------*/ /* ---- Table of Contents <<<------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Gobal Reset ------------- */ /* -- Universal Elements ------ */ /* -- Layout Elements --------- */ /* -- Table Elements ---------- */ /* -- Form Elements ----------- */ /* -- List Items -------------- */ /* -- Typography -------------- */ /* -- Graphic Buttons --------- */ /* -- Image Styles ------------ */ /* -----------------------------------------------------------------------------------------*/ /* ---- Gobal Reset <<<------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;} :focus{outline: 0;} /* remember to define focus styles! */ body{line-height: 1; color: black; background: white;} ol, ul{list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse: separate; border-spacing: 0;} caption, th, td{text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes: "" "";} /* -----------------------------------------------------------------------------------------*/ /* ---- Universal Elements <<<-----------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ html{height: 100%;} body{ font: normal 62.8%/1.6 Arial, Helvetica, sans-serif; background: #f3f3f3 url(../img/layout/bg.gif) repeat-x; height: 100%;} body.homepage{ background: #f3f3f3 url(../img/layout/bg-home1.gif) repeat-x;} body.popup, body.blank {background: #ffffff ;} .hidden{display: none;} .align-left{display: block; float: left; margin: 0 15px 15px 0;} .align-right{display: block; float: right; margin: 0 0 15px 15px;} .accordion {} div[class ^="accordion"] {padding-bottom: 0px;} .accordion-spacer {height: 30px;} /* -----------------------------------------------------------------------------------------*/ /* ---- Layout Elements <<<--------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Top ------------------ */ #top{padding-top:20px;} /* -- Logo --------- */ #logo {background: url(../img/layout/logo.png) no-repeat; position:absolute; top: 20px; left:0; height: 188px; width: 240px;} #logo a, #logo a:hover{display: block; height: 188px; width: 240px;} #dctc-athletics{margin: 0 0 0 265px; height:10px; background: url(../img/layout/dctc-link.png) right no-repeat;} #dctc-athletics a, #dctc-athletics a:hover{display: block; float:right; height: 10px; width: 240px;} #scores-n-search{margin: 30px 0 0 265px; height:37px;} /* -- Scoreboard Content --------------- */ #scoreboard-content{ float: left; height: 20px; width: 430px; overflow: hidden; position:relative;} #scoreboard-content ul {margin: 0 0 0 50px; padding: 0;} #scoreboard-content ul li{font:bold 11px/20px Arial, Helvetica, sans-serif; color:#747474;} #scoreboard {background: url(../img/layout/scoreboard.png) no-repeat; float:left; height: 9px; width: 96px; margin: 5px 8px 0 0;} #score-slides {} #score-slides a:link, #score-slides a:visited, #score-slides a:active{text-decoration: none; color: #747474; } #score-slides a:hover, #score-slides a:focus{text-decoration: none; color: #b3b3b3;} .bx_pager { display:none;} .slides1_wrap a.prev {display:inline-block; height:9px; width: 11px; position:absolute; left: 106px; top: 5px; background: url(../img/layout/arrows-score.gif) -22px 0 no-repeat;} .slides1_wrap a.prev:hover, .slides1_wrap a.prev:focus {background-position: -22px -9px;} .slides1_wrap a.next {display:inline-block; height:9px; width: 11px; position:absolute; left: 132px; top: 5px; background: url(../img/layout/arrows-score.gif) -33px 0 no-repeat;} .slides1_wrap a.next:hover, .slides1_wrap a.next:focus {background-position: -33px -9px;} .auto_controls a span.play{display:inline-block; height:9px; width: 11px; position:absolute; left: 118px; top: 5px; background: url(../img/layout/arrows-score.gif) 0 0 no-repeat;} .auto_controls a span.play:hover, .auto_controls a span.play:focus{background-position: 0 -9px;} .auto_controls a span.stop{display:inline-block; height:9px; width: 11px; position:absolute; left: 118px; top: 5px; background: url(../img/layout/arrows-score.gif) -11px 0 no-repeat;} .auto_controls a span.stop:hover, .auto_controls a span.stop:focus{background-position: -11px -9px;} /* -- Search Content --------------- */ #search-content{ float: right; height: 20px;width: 240px; overflow:hidden;} #search-content form input{padding: 4px;} #search-content form input#search-box{ background: url(../img/layout/search-box.gif) no-repeat; font: normal 11px Arial, Helvetica, sans-serif; border: 0; float:left; color: #b6b6b6; height: 12px; width: 167px;} #search-content form input#search-btn { background: url(../img/layout/search-btn.gif) no-repeat; border: none; display: block; font-size: 0px; float:left; height: 20px; margin-left: 3px; width: 62px;} #search-content form input#search-btn:hover, #search-content form input#search-btn:focus { background: url(../img/layout/search-btn-over.gif) no-repeat; cursor:pointer;} /* -- Top Nav --------------- */ #nav-top{height: 76px; width: 675px; margin-left: 265px;} #nav-top ul, #nav-top ul#menu, #nav-top ul#menu-sub {margin: 0; padding: 0;} /* -- Main Nav --------------- */ #menu {height: 39px;} #menu li{display: block; float: left; height: 39px; list-style: none;} #menu li a{background: url(../img/layout/bg-nav-top.gif) 0 0 no-repeat; height: 39px; display: block;} #menu li#home a{background-position: 0 0; width: 73px;} #menu li#calendar a{background-position: -73px 0; width: 115px;} #menu li#transfers a{background-position: -188px 0; width: 116px;} #menu li#multimedia a{background-position: -304px 0; width: 119px;} #menu li#affiliations a{background-position: -423px 0; width: 130px;} #menu li#quickfacts a{background-position: -553px 0; width: 122px;} #menu li#home a:hover, #menu li#home a:focus {background-position: 0 -39px;} #menu li#calendar a:hover, #menu li#calendar a:focus {background-position: -73px -39px;} #menu li#transfers a:hover, #menu li#transfers a:focus {background-position: -188px -39px;} #menu li#multimedia a:hover, #menu li#multimedia a:focus {background-position: -304px -39px;} #menu li#affiliations a:hover, #menu li#affiliations a:focus {background-position: -423px -39px;} #menu li#quickfacts a:hover, #menu li#quickfacts a:focus {background-position: -553px -39px;} #menu li#home.on a, #menu li#home.on a:hover, #menu li#home.on a:focus{background-position: 0 -39px;} #menu li#calendar.on a, #menu li#calendar.on a:hover, #menu li#calendar.on a:focus{background-position: -73px -39px;} #menu li#transfers.on a, #menu li#transfers.on a:hover, #menu li#transfers.on a:focus{background-position: -188px -39px;} #menu li#multimedia.on a, #menu li#multimedia.on a:hover, #menu li#multimedia.on a:focus{background-position: -304px -39px;} #menu li#affiliations.on a, #menu li#affiliations.on a:hover, #menu li#affiliations.on a:focus{background-position: -423px -39px;} #menu li#quickfacts.on a, #menu li#quickfacts.on a:hover, #menu li#quickfacts.on a:focus{background-position: -553px -39px;} /* -- Sub Nav --------------- */ #menu-sub { position: relative;z-index: 300;} #menu-sub, #menu-sub * { margin: 0; padding: 0; list-style: none;} #menu-sub ul { position: absolute; top: -999em; z-index: 400; width: 10em; /* left offset of subs need to match (see below) */} #menu-sub ul li { width: 100%;} #menu-sub li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */cursor:pointer;} #menu-sub li {float: left; position: relative; height: 37px; } .sf-sub-indicator { display:none;} #menu-sub li:hover ul, #menu-sub li.sfHover ul { left: 0; top: 37px; /* match top ul list item height */ z-index: 450;} ul#menu-sub li:hover li ul,ul#menu-sub li.sfHover li ul { top: -999em;} ul#menu-sub li li:hover ul,ul#menu-sub li li.sfHover ul { left: 10em; /* match ul width */ top: 0;} ul#menu-sub li li:hover li ul, ul#menu-sub li li.sfHover li ul { top: -999em;} ul#menu-sub li li li:hover ul, ul#menu-sub li li li.sfHover ul { left: 10em; /* match ul width */ top: 0;} #menu-sub a { display: block; position: relative; cursor:pointer;} #menu-sub li a{background: url(/assets/img/layout/bg-nav-sub.gif) 0 0 no-repeat; height: 37px;} #menu-sub li#mens a{background-position: 0 0; width: 125px;} #menu-sub li#womens a{background-position: -125px 0; width: 151px;} #menu-sub li#recruits a{background-position: -276px 0; width: 97px;} #menu-sub li#athletics a{background-position: -373px 0; width: 194px;} #menu-sub li#tradition a{background-position: -567px 0; width: 108px;} #menu-sub li#mens a:hover, #menu-sub li#mens a:focus {background-position: 0 -37px;} #menu-sub li#womens a:hover, #menu-sub li#womens a:focus {background-position: -125px -37px;} #menu-sub li#recruits a:hover, #menu-sub li#recruits a:focus {background-position: -276px -37px;} #menu-sub li#athletics a:hover, #menu-sub li#athletics a:focus {background-position: -373px -37px;} #menu-sub li#tradition a:hover, #menu-sub li#tradition a:focus {background-position: -567px -37px;} #menu-sub li#mens.on a, #menu-sub li#mens.on a:hover, #menu-sub li#mens.on a:focus{background-position: 0 -37px;} #menu-sub li#womens.on a, #menu-sub li#womens.on a:hover, #menu-sub li#womens.on a:focus{background-position: -125px -37px;} #menu-sub li#recruits.on a, #menu-sub li#recruits.on a:hover, #menu-sub li#recruits.on a:focus{background-position: -276px -37px;} #menu-sub li#athletics.on a, #menu-sub li#athletics.on a:hover, #menu-sub li#athletics.on a:focus{background-position: -373px -37px;} #menu-sub li#tradition.on a, #menu-sub li#tradition.on a:hover, #menu-sub li#tradition.on a:focus{background-position: -567px -37px;} #menu-sub li ul { padding-bottom: 10px; z-index: 500; background: #fefefe; border: #cacaca solid; border-width: 0px 1px 1px 1px; width: 200px;} #menu-sub li ul li { width: 180px; padding: 0px; background: none; margin: 5px; height: 18px; font: bold 11px/18px Arial, Helvetica, sans-serif;} #menu-sub li#mens ul li a, #menu-sub li#womens ul li a,#menu-sub li#recruits ul li a, #menu-sub li#athletics ul li a, #menu-sub li#tradition ul li a {width: 180px;} #menu-sub li ul li a, #menu-sub li ul li a:visited, #menu-sub li ul li a:active { text-decoration:none; color:#26629f; padding: 5px; height: 18px; background: none; cursor:pointer;} #menu-sub li ul li a:hover, #menu-sub li ul li a:focus {background: #ededed; cursor:pointer; } /* -- Container --------------- */ #container{ margin: 0 auto 0 auto; padding: 0 0 100px 0; position: relative; width: 940px;} #home-container{ margin: 0 auto 0 auto; padding: 0 0 10px 0; position: relative; width: 940px;} /* -- Content ----------------- */ #content{float: left; width: 663px; min-height: 400px; margin-left: 37px; color:#666666;} #content.fullwidth{float: none; margin-left: 0; min-height: 300px; width: 940px;} #content p{color:#666666; font-size:13px; line-height:22px; margin-bottom:28px; } #content a:link, #content a:visited, #content a:active{text-decoration: underline; color: #085ba3; } #content a:hover, #content a:focus{text-decoration: underline; color: #247bc6;} /* -- Content Layout Elements --------------- */ .half-left{width: 310px; margin: 0 20px 0 0; float: left;} .half-right{ width: 310px; margin: 0 0 0 20px; float: right;} .strip {background: #dddddd url(../img/layout/bg-strip.gif) repeat-x; height: 2px; margin-bottom: 30px;} #video-content{height:560px; position:relative; margin: 37px 0 30px 0;} #video-feature{ background:url(../img/layout/bg-video.png) no-repeat; width:916px; height:516px; padding: 22px;position:absolute; left:-10px; top: 0px;} .galley-images-container{ height:444px; position:relative; margin-bottom: 30px;} .galley-images{ background:url(../img/layout/bg-gallery-2.png) no-repeat; width:640px; height:400px;padding: 22px;position:absolute;left:-10px;top: 0px;} .galley-video-container{ height:403px; position:relative; margin-bottom: 30px;} .galley-video{ background:url(../img/layout/bg-gallery-vid.png) no-repeat; width:640px; height:359px;padding: 22px;position:absolute;left:-10px;top: 0px;} /* -- Pop Up --------------- */ #content.popup-layout-normal{float: none; margin: 0; padding: 0; width: 500px;} #content.popup-layout-wide{float: none; margin: 0; padding: 0; width: 600px;} .popup-image, .popup-wide, .popup-normal, .popup-bio {} /* -- Home Elements --------- */ #home-bg{background:#2a6db1 url(../img/layout/bg-home.gif) repeat-x; height:357px; width:100%; margin-bottom:20px;} #home-content{height:357px;} #home-left{width:240px; margin-top:50px ; float:left;} #home-text{height:258px;margin-left:10px; overflow:hidden; } #home-text p{font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fefefe; margin-bottom: 20px;} #home-buttons{height:28px; margin-top:12px;} #home-feature{ background:url(../img/layout/bg-header-video.gif) no-repeat; height:320px; width:684px; float:right; margin: 37px -10px 0 0; /*position:absolute; top:37px; right:-10px;*/} a.more-link {position: relative; top: -1px; margin-left: 5px;} a.more-link { background: url(../img/btns/btn-more-info.png) 0 0 no-repeat; display:inline-block; height: 16px; overflow: hidden; text-indent: -9999px; vertical-align:bottom; width: 58px;} a.more-link:hover, a.more-link:focus {background-position: 0 -17px;} #btn-youblue{margin-right:20px; float:left;} #btn-youblue, #btn-youblue a{background:url(../img/btns/btn-youblue.png) 0 0 no-repeat; display:block; height:28px; width:138px;} #btn-youblue a:hover, #btn-youblue a:focus{background-position:0 -28px} #btn-video{float:left;} #btn-video, #btn-video a{background:url(../img/btns/btn-videos.png) 0 0 no-repeat; display:block; height:28px; width:81px;} #btn-video a:hover, #btn-video a:focus{background-position:0 -28px} #poll{ float: left; width: 240px;} #headlines{ float: left; width: 663px; margin-left: 37px;} /* -- Home Sport Btns --------------- */ #home-sports {height: 60px;} ul#home-sports { margin: 0 0 30px 0;} #home-sports li{display: block; float: left; height: 60px; list-style: none;} #home-sports li a{background: url(../img/layout/home-sports-btns.gif) 0 0 no-repeat; height: 60px; display: block;} #home-sports li#baseball a{background-position: 0 0; width: 134px;} #home-sports li#basketball a{background-position: -134px 0; width: 147px;} #home-sports li#soccerm a{background-position: -281px 0; width: 175px;} #home-sports li#soccerw a{background-position: -456px 0; width: 197px;} #home-sports li#softball a{background-position: -653px 0; width: 136px;} #home-sports li#volleyball a{background-position: -789px 0; width: 151px;} #home-sports li#baseball a:hover, #home-sports li#baseball a:focus {background-position: 0 -60px;} #home-sports li#basketball a:hover, #home-sports li#basketball a:focus {background-position: -134px -60px;} #home-sports li#soccerm a:hover, #home-sports li#soccerm a:focus {background-position: -281px -60px;} #home-sports li#soccerw a:hover, #home-sports li#soccerw a:focus {background-position: -456px -60px;} #home-sports li#softball a:hover, #home-sports li#softball a:focus {background-position: -653px -60px;} #home-sports li#volleyball a:hover, #home-sports li#volleyball a:focus {background-position: -789px -60px;} /* -- Page Titles ------------------ */ #current-page-title{height: 63px; margin-bottom: 40px;} #content.fullwidth #current-page-title{height: 63px; margin-bottom: 25px; margin-top: 15px;/* margin-left: 277px;*/} /* -- Left Nav --------- */ #nav-left {float:left; margin-top: 98px; width: 240px;} /* -- Level One --------- */ #nav-left ul {list-style: none; margin: 0; padding: 0; width: 220px;} #nav-left ul li { font: normal 13px/30px Arial, Helvetica, sans-serif; color: #4b4b4b; display: inline; height: 30px; margin: 0; padding: 0;} #nav-left ul li a { background: url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat; display: block; color: #4b4b4b; height: 30px; padding-left: 10px; text-decoration: none; /*width: 170px*/;} #nav-left ul li a:hover, #nav-left ul li a:focus{ background: #fafafa url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat; color: #4b4b4b; text-decoration: none;} #nav-left ul li.on a { background: #fafafa url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat; color: #616161; font-weight:bold;} #nav-left ul li.on ul li a { background-color: #fafafa;} #nav-left ul li.on ul li a:hover, #nav-left ul li.on ul li a:focus { background: #fafafa;} /* -- Level Two --------- */ #nav-left ul li ul {display: none; list-style: none;} #nav-left ul li.on ul {display: block; margin: 0; padding: 0; /*width: 180px*/;} #nav-left ul li.on ul li { font: bold 11px/30px Arial, Helvetica, sans-serif; color: #555f6a; display: inline; height: 30px; margin: 0; /*width: 180px*/;} #nav-left ul li.on ul li a { background: #f3f3f3; display: block; color: #555f6a; height: 30px; padding: 0 0 0 10px; text-decoration: none; /*width: 170px*/;} #nav-left ul li.on ul li a:hover, #nav-left ul li.on ul li a:focus { background: #fafafa; color: #555f6a; text-decoration: none;} #nav-left ul li.on ul li.on a { background: #fafafa; color: #085ba3;} #nav-left ul li.on ul li.on ul li a { background-color: #fafafa;} #nav-left ul li.on ul li.on ul li a:hover, #nav-left ul li.on ul li.on ul li a:focus { background: #fafafa;} /* -- Level Three --------- */ #nav-left ul li.on ul li ul {display: none; list-style: none;} #nav-left ul li.on ul li.on ul {display: block; margin: 0; padding: 0; /*width: 180px*/} #nav-left ul li.on ul li.on ul li { font: normal 11px/22px Arial, Helvetica, sans-serif; color: #555f6a; display: inline; height: 22px; margin: 0; text-transform: none;width: 180px;} #nav-left ul li.on ul li.on ul li a { background: #e4e4e4; display: block; color: #555f6a; height: 22px; padding: 0 0 0 15px; text-decoration: none; width: 165px;} #nav-left ul li.on ul li.on ul li a:hover { background: #e4e4e4; color: #555f6a; text-decoration: none;} #nav-left ul li.on ul li.on ul li.on a { color: #085ba3; text-decoration:underline;} #nav-left ul li.on ul li.on ul li.on ul li a { background-color: #e4e4e4;} #nav-left ul li.on ul li.on ul li.on ul li a:hover { background: #fff;} /* -- Footer ------------------ */ #bottom{background: #111111 url(../img/layout/bg-bottom.gif) repeat-x; height: 280px; width: 100%;} #footer-nav{ height: 160px; margin: 0 auto 0 auto; width: 940px; color: #adadad} .footer-cat{float:left; width: 150px; margin-top:40px;} #column-mens {width: 150px;} #column-womens {width: 180px;} #column-recruits {width: 145px;} #column-athletics {width: 205px;} #column-facilities {width: 155px;} #column-affiliations {width: 105px;} #cat-img-mens{background: url(../img/layout/cat-mens-sports.png) no-repeat; height: 12px; width: 150px; margin-bottom:14px;} #cat-img-womens{background: url(../img/layout/cat-womens-sports.png) no-repeat; height: 12px; width: 180px; margin-bottom:14px;} #cat-img-recruits{background: url(../img/layout/cat-recruits.png) no-repeat; height: 12px; width: 145px; margin-bottom:14px;} #cat-img-athletics{background: url(../img/layout/cat-athletics.png) no-repeat; height: 12px; width: 205px; margin-bottom:14px;} #cat-img-facilities{background: url(../img/layout/cat-facilities.png) no-repeat; height: 12px; width: 155px; margin-bottom:14px;} #cat-img-affiliations{background: url(../img/layout/cat-affiliations.png) no-repeat; height: 12px; width: 105px;} #cat-img-njcaa, #cat-img-njcaa a{background: url(../img/layout/cat-njcaa-logo.png) no-repeat; height: 99px; width: 105px; display:block;} .footer-cat ul{ margin:0;} .footer-cat ul li { font: normal 11px/18px Arial, Helvetica, sans-serif; list-style: none;} .footer-cat ul li a {color: #adadad; text-decoration: none;} .footer-cat ul li a:hover, .footer-cat ul li a:focus{ color: #e0e0e0; text-decoration: underline;} #footer{ height: 120px; margin: 0 auto 0 auto; width: 940px; color: #747474} #footer p{margin-bottom:0;} #footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #747474;} #footer a:hover, #footer a:focus {text-decoration: underline;color: #999999;} #footer a.icon-rss {background: transparent url(../img/iconize/icon_rss-home.gif) no-repeat right; padding: 5px 23px 5px 0;} #footer a.icon-rss:hover, #footer a.icon-rss:focus { background: transparent url(../img/iconize/icon_rss-home-over.gif) no-repeat right; padding: 5px 23px 5px 0;} #footer #dctc-address{border-bottom: #454545 solid 1px; height: 47px; padding-top: 13px; width: 940px;} #footer #dctc-address p{font: normal 12px/47px Arial, Helvetica, sans-serif; color:#747474;} #footer #dctc-address #links{float:right; width:240px;} #footer #dctc-address #links p{text-align:right;} #footer #mnscu-eoee{height: 37px; width: 940px;} #footer #mnscu-eoee p, #footer #links p{ font: normal 11px/37px Arial, Helvetica, sans-serif;} #footer #mnscu-eoee #copyright{ float:right; width:240px;} #footer #mnscu-eoee #copyright p{text-align:right; padding-top: 5px; font: normal 11px/27px Arial, Helvetica, sans-serif;} /* -- Clear Fix --------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear { clear:both;} /* -----------------------------------------------------------------------------------------*/ /* ---- Table Elements <<<---------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content table{margin-bottom: 30px; width:660px;} #content.popup-layout-normal table{width: 500px;} #content.popup-layout-wide table{width: 600px;} td, th{font-size:13px; vertical-align:top; padding:1px 10px 1px 0px;} th{background:#e7e7e7; font-weight:bold;} td.valign-top{vertical-align:top;} td.valign-middle{vertical-align:middle;} td.valign-bottom{vertical-align:bottom;} td.td-align-left, th.td-align-left{text-align:left;} td.td-align-right, th.td-align-right{text-align:right;} td.td-align-center, th.td-align-center{text-align:center;} table.table-altrow td, table.table-altrow th{padding: 2px 5px 2px 5px;} table.table-altrow th{background: none;} table.table-altrow tr.tr-alt{background:#e7e7e7;} table.table-hover td{border-bottom:1px solid #cccccc;} table.table-hover tr:hover{background:#ededed;} #content td.td-width-5{width:5%;} #content td.td-width-10{width:10%;} #content td.td-width-15{width:15%;} #content td.td-width-20{width:20%;} #content td.td-width-25{width:25%;} #content td.td-width-30{width:30%;} #content td.td-width-35{width:35%;} #content td.td-width-40{width:40%;} #content td.td-width-45{width:45%;} #content td.td-width-50{width:50%;} #content td.td-width-60{width:60%;} #content td.td-width-70{width:70%;} #content td.td-width-75{width:75%;} #content td.td-width-80{width:80%;} #content td.td-width-90{width:90%;} #content td.td-width-100{width:100%;} td.td-width.date, th.td-width-date{width:16%;} td.td-width.opponent, th.td-width-opponent{width:40%;} td.td-width.time, th.td-width-time{width:11%;} td.td-width.location, th.td-width-location{width:23%;} td.td-width.results, th.td-width-results{width:10%;} tr.tr-blue {color: #085ba3;U} #headlines table{margin-bottom: 30px; width:660px;} #headlines td, #feed-content td {font: normal 12px/30px Arial, Helvetica, sans-serif; height: 30px; padding: 0 5px 0 5px; color: #808080;} #headlines table.table-altrow td, #feed-content table.table-altrow td{border-bottom:0px;} #headlines a:link, #headlines a:visited, #headlines a:active{text-decoration: none; color: #808080; } #headlines a:hover, #headlines a:focus{text-decoration: underline; color: #808080;} .btn-more {float: right; margin-top: 4px;} .btn-more, .btn-more a{background: url(../img/btns/btn-more.gif) 0 0 no-repeat; display:block; height:23px; width:60px;} .btn-more a:hover, .btn-more a:focus{background-position:0 -23px} #content .pds-answer-group { padding:0;} #content a.pds-vote-button { text-decoration:none; color:#FFF;} #content a.pds-pd-link { display:none; font: normal 0px/0px Arial;} /* -----------------------------------------------------------------------------------------*/ /* ---- Form Elements <<<-----------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content form{margin:0; padding:0;} #content form input, #content form textarea, #content form select{background:#ffffff; border:#cccccc 1px solid; color:#808080; height:20px; font:normal 13px/20px Arial, Helvetica, sans-serif; margin:0 0 2px 0; padding:3px 5px 0 5px;} #content form textarea{height:auto; overflow:auto;padding:3px 5px 3px 5px;} #content form select{height:26px; padding:3px 5px 3px 5px;} #content form input:focus, #content form textarea:focus, #content form select:focus{background:#f5f5f5;} #content form input.input-radio, #content form input.input-checkbox, #content form input[type ^="radio"], #content form input[type ^="checkbox"]{ background:none; border:none; height:auto; margin:0 5px 0 0; padding:0;} #content form input.input-button, #content form input[type ^="submit"], #content form input[type ^="reset"]{ height:26px; padding:0 10px 0 10px; display:inline-block;} #content form input.input-button:hover{background-color:#f5f5f5;} #content form label:hover{cursor:pointer;} #content form input.input-text-btn{background: none; border: none; text-decoration: underline; color: #085ba3; height:18px; font:normal 13px/18px Arial, Helvetica, sans-serif; margin:0; padding:0;cursor:pointer;} #content form input.input-text-btn:hover{text-decoration: underline; color: #247bc6; cursor:pointer;} /* -- Validation ------------------ */ #content form input.error, #content form textarea.error{border:1px solid #e77776; background:#f8dbdb;} #content form input.error:focus, #content form textarea.error:focus{background:#f8dbdb;} .required, .email, .url, .date, .number, .creditcard{} .txt-required{color:#e00000;} .div-error-msg{display:none; } label.error, #limitingtext{font: normal 11px/18px Arial, Helvetica, sans-serif; font-style:italic; color:#e77776; } a.popupvword { text-decoration: underline; color: #2e4082; cursor:pointer;} /* -- Input Sizes ------------------ */ /* 40,80,120,160,200,240,280,320,360,400,440,480,520,560,600 or +20 on each */ #content form input.input-40px, #content form textarea.input-40px{width:40px;} #content form input.input-60px, #content form textarea.input-60px{width:60px;} #content form input.input-80px, #content form textarea.input-80px{width:80px;} #content form input.input-120px, #content form textarea.input-120px{width:120px;} #content form select.input-130px{width:132px;} #content form input.input-200px, #content form textarea.input-200px{width:200px;} #content form select.input-200px{width:212px;} #content form input.input-280px, #content form textarea.input-280px{width:280px;} #content form select.input-280px{width:292px;} #content form input.input-480px, #content form textarea.input-480px{width:480px;} #content form select.input-480px{width:492px;} #content form input.input-560px, #content form textarea.input-560px{width:560px;} #content form select.input-560px{width:572px;} /* -----------------------------------------------------------------------------------------*/ /* ---- List Items <<<-------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ ul li{list-style:circle; /*list-style:disc;*/} ul li ul li{list-style:circle; font-size:13px;} ul li ul li ul li{list-style:disc;} ol li{list-style:decimal; margin-left:10px;} ol li ol li{list-style:lower-alpha; font-size:13px;} ol li ul li{list-style:circle;} ol li ol li ol li{list-style:lower-roman;} ol.list-upper-alpha li{list-style:upper-alpha; margin-left:10px;} ol.list-lower-alpha li{list-style:lower-alpha; margin-left:10px;} /* -- Vertical Spacing -------- */ li, dt, dd{font-size:13px; line-height:22px; } ul, ol, dl{margin-bottom:30px; margin-left:25px; } ul ul, ol ol, dl dl{margin-left:28px; } ul ul, ol ol, ol ul, ul ol{margin-bottom:20px;} ul ul ul, ol ol ol, ol ul ul, ol ol ul, ul ol ol, ul ol ol{margin-bottom:10px;} ul.list-nobullets, ol.list-nobullets, dl.list-nobullets{margin-left:0; list-style:none; } ul.list-nobullets li, ol.list-nobullets li, dl.list-nobullets li{list-style:none; } /* -- Dotleaders -------------- */ .dotleader{padding-bottom: 35px;} .dotleader p{font-size:13px; line-height:20px; vertical-align:bottom; margin:0; padding:5px 0 0 0;} .dotleader div.dots{clear:both; height:20px; border-bottom:1px dotted #000;} .dotleader span.term{float:left; height:21px; padding-right:5px; background:#f3f3f3;} .dotleader span.page{float:right; height:21px; padding-left:5px; background:#f3f3f3;} /* -----------------------------------------------------------------------------------------*/ /* ---- Typography <<<-------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Styles -------------- */ strong{font-weight:bold;} em{font-style:italic;} hr{} .txt-photo-caption{font-size:11px; font-style:italic;} .txt-small{font-size:11px;} .txt-small-center{font-size:11px; text-align:center;} .txt-align-center{text-align:center;} .txt-align-right{text-align:right;} .txt-smallcaps{font-variant:small-caps;} .txt-allcaps{text-transform:uppercase;} .txt-superscript, sup{font-size:9px; vertical-align:super; font-weight:bold;} .txt-subscript, sub{font-size:9px; vertical-align:sub; font-weight:bold;} /* -- Pullquote ---------------- */ #content p.txt-pullquote, .txt-pullquote{font:bold 14px/22px Georgia, "Times New Roman", Times, serif; font-style:italic; margin:20px; text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0 10px 0;} /* -----------------------------------------------------------------------------------------*/ /* ---- Headers <<<----------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #logo h1{ display: none;} #current-page-title h2, #home-content h2{font: bold 24px Arial, Helvetica, sans-serif; text-transform: uppercase; padding-top: 18px; color:#ffffff;} #home-content h2{font: bold 20px Arial, Helvetica, sans-serif; text-transform: uppercase; padding-top: 0px;} h2{font: normal 20px Arial, Helvetica, sans-serif; color:#4f565c; margin-bottom: 4px;} h3, #content p.header-h3{font: normal 18px Arial, Helvetica, sans-serif; color:#4f565c; } h4, #content p.header-h4{font: bold 14px/24px Arial, Helvetica, sans-serif; color:#4f565c; margin-bottom: 10px; padding: 0 0 3px 1px; border-bottom: #cccccc solid 1px;} h4.blue {color:#085ba3; border-bottom: #97b2c9 solid 1px;} h5, #content p.header-h5{font: bold 14px/20px Arial, Helvetica, sans-serif; color:#4f565c; padding: 0 0 3px 1px;} h6, #content p.header-h6{font: bold 13px/20px Arial, Helvetica, sans-serif; color:#666666; margin-bottom: 3px;} h2 a:link, h2 a:visited{font-weight: normal;text-decoration: none; color:#2868aa;} h2 a:hover, h2 a:active {text-decoration: underline; color: #247bc6;} h3 a:link, h3 a:visited, h3 a:active {font-weight: normal; text-decoration: none;color: #085ba3;} h3 a:hover {text-decoration: underline; color: #247bc6;} h4 a:link, h4 a:visited, h4 a:active{text-decoration: none; color: #085ba3;} h4 a:hover {text-decoration: none; color: #247bc6;} /* -----------------------------------------------------------------------------------------*/ /* ---- Graphic Buttons <<<--------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #btn-register-pay-online, #btn-register-pay-online a{display: block; height: 40px; width: 331px;} #btn-register-pay-online {background-image: url(../img/btns/register-pay.online.gif); margin-bottom: 30px;} #btn-register-pay-online:hover {background-image: url(../img/btns/register-pay.online-over.gif);} #content a.button{ background: #085ba3; border: #58669b 3px solid; color: #ffffff; display: inline; font: bold 14px/22px Georgia, "Times New Roman", Times, serif; text-decoration: none; margin: 0 10px 0 10px; padding: 8px 12px 8px 12px;} #content a.button:hover, #content a.button:active{background: #58669b;} /* -----------------------------------------------------------------------------------------*/ /* ---- Image Styles <<<-----------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content img {border: #cccccc 1px solid; padding: 2px;} #content img.img-noborder {border: none;} .img-thumb4px {border: #cccccc 1px solid; padding: 4px;} img.align-left{float: left; margin: 5px 15px 15px 0;} img.align-right{float: right; margin: 5px 0 15px 15px;} /* -----------------------------------------------------------------------------------------*/ /* ---- RSS Google API Feed <<<----------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* http://code.google.com/apis/ajaxfeeds/documentation/reference.html */ .feeds {padding: 0px 0px 15px 2px; font: normal 13px/16px Arial, Helvetica, sans-serif;} .feeds .gf-title {font-size: 13px;} .feeds .gfc-resultsHeader { border: none; margin:0;} .feeds .gfc-results {margin-bottom:0px;} .feeds .gfc-result {margin-bottom:24px; } .feeds .gfc-result .gf-author, .feeds .gfc-result .gf-spacer, .feeds .gfc-result .gf-relativePublishedDate { display: none;/*font: bold 10px/14px Arial, Helvetica, sans-serif; font-style: italic;*/} .feed-athletics {font: normal 12px Arial, Helvetica, sans-serif;} .feed-athletics .gf-title {float:right; width: 400px; overflow:hidden;} .feed-athletics .gf-result .gf-relativePublishedDate {float:right; margin-right: 10px; width:auto;} .feed-athletics .gfc-resultsHeader {} .feed-athletics .gfc-results {} .feed-athletics .gfc-result {clear:both;} .feed-athletics .gfc-result .gf-author, .feed-athletics .gfc-result .gf-spacer, .feed-athletics .gfc-result .gf-snippet{ display: none;} .feed-news-sports {padding-bottom: 15px; font: normal 13px/16px Arial, Helvetica, sans-serif;} .feed-news-sports .gf-title {font-size: 13px; float:left;margin-bottom:6px; width: 400px; overflow:hidden;} .feed-news-sports .gf-result .gf-relativePublishedDate {font-size: 13px; float:right; margin: 0px 0px 0px 10px;} .feed-news-sports .gfc-resultsHeader { border: none; margin:0;} .feed-news-sports .gfc-results {margin-bottom:0px;} .feed-news-sports .gfc-result {margin-bottom:0px; clear:both;} .feed-news-sports .gfc-result .gf-author, .feed-news-sports .gfc-result .gf-spacer, .feed-news-sports .gfc-result .gf-snippet{ display: none;} /* -----------------------------------------------------------------------------------------*/ /* ---- Nivo Slider <<<---------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #slider{height:277px; width:641px; margin:21px 0 0 22px; background:#202834 url(../img/nivo/loading.gif) no-repeat 50% 50%;} #slider img {position:absolute;top:0px;left:0px;display:none;} #slider a {border:0; display:block;} /* The Nivo Slider styles */ .nivoSlider {position:relative;} .nivoSlider img {} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; display:block;width:32px;height:34px;background:url(../img/nivo/arrows-w.png) no-repeat; text-indent:-9999px;border:0;} a.nivo-nextNav {background-position:-32px 0;right:10px;} a.nivo-prevNav {left:10px;} a.nivo-nextNav:hover {background-position:-32px -34px;} a.nivo-prevNav:hover {background-position: 0px -34px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {position:absolute;right:0;bottom:-30px;} .nivo-controlNav a { position:relative;z-index:99;cursor:pointer; display:block;width:10px;height:10px;background:url(../img/nivo/bullets.png) no-repeat; text-indent:-9999px;border:0;margin-right:3px;float:left;} .nivo-controlNav a.active { background-position:-10px 0;} /* The slices in the Slider */ .nivo-slice {display:block; position:absolute; z-index:50; height:100%;} /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; /*opacity:0.8; Overridden by captionOpacity setting */ width:100%; z-index:89;} .nivo-caption p {padding:5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; } /* -----------------------------------------------------------------------------------------*/ /* ---- Google Search <<<-------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* http://code.google.com/apis/ajaxsearch/documentation/reference.html#_class_GwebResultCss */ a.gs-title, a.gs-title * { color : red; } /*
*/