

*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: #ffffff;
    background-image: url(https://s3.amazonaws.com/cdn.prepconnectweb.com/Bishop_Fenwick_09152017_Background_v3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: fixed;
    font-family: verdana,helvitica,arial;
    text-align: center;
}

#container
{
    margin: 1em auto;
    position: relative;
    text-align: left;
    width: 1050px;
    margin-top: 70px;
}

#main_content
{
    background-image: url('/Templates/fwhs_template/img/standard/body_bg.png');
    background-repeat: repeat-y;
    padding:0px 18px 0px 18px;
    width:1010px;
    margin:0px 20px;
    float:left;
    
}

#ctl00_Header1_Countdown1_countdown{
    background-image: url('/Templates/fwhs_template/img/maroon/countdown_bg.png');    
    width: 424px !important;
    margin: 5px 25px 0px 46px !important
}

#countdownTitle
{
    font-size: 13px !important;
    padding-left: 22px;
    color:#ffffff;
}

#countdownValue
{
    font-size: 15px !important;
    padding-left: 32px;
    color:#ffffff !important;
}

a:hover
{
    text-decoration: underline;
    color: #ff0000;
}

a
{
    text-decoration: none;
}
a.nav
{
    font-weight: bold;
    font-size: 8pt;
    font-variant: small-caps;
    text-decoration: none;
}
a:link, a:visited
{
    color: #a21023;
}

#thisWeekBox
{
    width: 492px;
    float: left;
    background-color: #eeeeee;
    border-left: 1px solid #B5B9BA;
    border-right: 1px solid #B5B9BA;
}
.bottomWeek
{
    float: left;
}
.floatLeft
{
    float: left;
}
.eventDate
{
    width: 492px;
    float: left;
    background-color: #ccc;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.eventInfo
{
    float: left;
    width: 480px;
    padding: 3px 0px 3px 4px;
    font-size: 9pt;
    line-height: 15px;
}
.eventIcon
{
    clear: both;
    float: left;
    margin: 6px 5px 5px;
    width: 18px;
}
#footer
{
    clear: both;
    float: left;
    text-align: center;
    width: 924px;
}
.footer
{
    margin: 10px 0px 10px 6px;
    padding: 6px 0px 4px 0px;
    font-size: 11px;
    color: Black;
    background-color: #EFEFEF;
    border-top: 1px solid #BABEBE;
    text-align: center;
}
.cf
{
    clear: both;
}
.cr
{
    clear: right;
}

.clear
{
    clear: both;
    line-height: 1px;
}
#header
{
    margin-top: 4px;
    margin-bottom: 6px;
    margin-left: 6px;
    width: 930px;
}
#broadcastHeader
{
    margin-top: 4px;
    margin-bottom: 6px;
    margin-left: 6px;
    width: 800px;
}
#navigation
{
    clear: both;
    float: left;
    margin-left: 6px;
    margin-top: 6px;
    margin-right: 7px;
    padding: 0px;
    width: 165px;
}

.svg{
    display:none;
}

.replaced-svg{
    display:inline;
}
.navigation
{
    background-color: #eeeeee;
}
.navHeader
{
    background-image: url(/Images/Frontpage/navTitle.gif);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    margin: 0px;
    text-decoration: none;
    text-align: center;
    width: 165px;
}
a.navLink:link
{
    margin-left: 0px;
    padding-left: 4px;
}
a.navLink:visited
{
    padding-left: 4px;
}
a.navLink:hover
{
    font-weight: bold;
}
#navLinkGroup a:hover
{
    background-color: #fefefe;
    width: 165px;
}
a.navLink:hover
{
    font-weight: bold;
}
.navLink
{
    color: #a21023;
    font-size: 9pt;
    line-height: 18px;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    width: 163px;
    margin-left: 0px;
    padding-left: 0px;
}
ul.navLink
{
    margin: 0px;
}
li.navLink
{
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #B5B9BA;
    border-left: 1px solid #B5B9BA;
    border-right: 1px solid #B5B9BA;
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
}
#content
{
    float: left;
    margin-top: 6px;
    width: 752px;
}

#menu
{
    background-image: url('/Templates/fwhs_template/img/maroon/header_menu_bg.png');
    background-repeat: no-repeat;
    width: 1050px;
    height: 116px;
}

#menu #social_media
{
    float:left;
    display:block;
    height:40px;
    width:600px;
    margin-top:10px;
}

.featureImgBg
{
    float:left;
    width:625px; 
    height:350px; 
    background:#ffffff url('/Templates/fwhs_template/img/feature_bg.png');
    text-align: center;
    line-height: 350px;
    overflow: hidden;
}

.featureStorySection
{
    float:left;
    width:320px;
    height:305px;
    text-align:left;
    margin:0px 0px 8px 12px;
    line-height:21px;
    font-size:12px;
    color:#999999;
    overflow:hidden;
}
    
.featureStorySection h1
{        
    color: #a21023;
    font-family: 'Roboto Slab', Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; 
    font-size: 34px; 
    font-weight:bold;
}

.featureStorySection .storySnippet
{
    height: 130px;
    width: 320px;
    overflow: hidden;
}

.twitterlogo
{
    margin: 5px 0px 0px 15px;
    fill: #a21023;
}

#social_media .facebooklogo
{
    margin: 5px 0px 0px 0px;
    width:32px; height:32px;
}

#social_media .facebooklogo #path
{
    fill: #a21023;
}

#social_media .twitterlogo
{
    fill: #f6c816;
    width:32px; height:32px;
}

#social_media .twitterlogo #path
{
    fill: #a21023;
}

#menu_logo
{
    float: left;
    display: block;
    margin: 7px 0px 0px 9px;
    background-image: url('https://www.prepconnectweb.com/Sites/fenwicksports.org/img/header_menu_logo_v1.gif');
    background-repeat: no-repeat;
    width: 110px;
    height: 91px;
}

#menu_horizontal_logo
{
    position: absolute;
    display: block;
    top: 34px;
    right: 8px;
   
}

#jsddm
{
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top:13px;
    
}
#jsddm ul
{
    padding: 0px;
    margin: 0px;
}
#jsddm li
{
    float: left;
    list-style: none;
    font: 14px arial,helvetica,sans-serif;
    padding-top: 0px;
}

#jsddm > li > a
{
    font-family: 'Roboto Slab', Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
    margin-top:4px;
    display: block;
    padding: 0px 9px 0px 9px;
    line-height:34px;
    text-decoration: none;
    color: #ffffff;
    font-weight:bold;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
}

#jsddm > li > ul > a
{
    color: #FFF;
}

#jsddm img
{
    border: 0;

}

.menuBlock
{
    width: 1010px;
    height: 225px;
    margin: 5px 10px 5px 10px;
}

.menuBlock .facebooklogo 
{
    margin:0px 0px 0px 6px;
    width:12px;
    height:12px;
    fill:#003399;
}

.menuBlock .facebooklogo #path
{
    fill:#003399;
}

.menuBlock .twitterlogo 
{
    margin:0px 0px 0px 6px;
    width:12px;
    height:12px;
}

.menuBlock .twitterlogo #path
{
    fill:#003399;
}

.menuBlock .threeColumn h2
{
    font-family: 'Roboto Slab', Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
    color: #9e9e9e;
    font-size: 18px;
    text-transform:uppercase;
    line-height: 16px;
    height: 22px;
    border-bottom: 2px #CCC dotted;
    width: 325px;
    margin-top:8px;
}

.menuBlock .fourColumn h2
{
    font-family: 'Roboto Slab', Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
    color: #9e9e9e;
    font-size: 18px;
    text-transform:uppercase;
    line-height: 16px;
    height: 22px;
    border-bottom: 2px #CCC dotted;
    width: 215px;
    margin-top:8px;
}

.menuBlock h3
{
    width: 140px;
    font-size: 11px;
    background: #EEE;
    padding: 4px 3px;
    margin:3px 0px 1px -3px;
}
.menuBlock .teamlink
{
    width:136px;  
    font-size:14px;
    font-weight:bold;
    line-height:21px;
    color:#a21023;
    display:inline-block;
    text-transform:uppercase;  
}

.menuBlock .teamlinkwide
{
    width:180px;  
    font-size:14px;
    font-weight:bold;
    line-height:21px;
    color:#a21023;
    display:inline-block;
    text-transform:uppercase;  
}

.menuBlock .standardLink
{
    font-size:13px;
    line-height:21px;
    color:#a21023;
    display:inline-block;
    /*text-transform:uppercase;  */
}

.menuBlock .sectionlink
{
    font-size:12px;
    line-height:23px;
    color:#999;
    display:inline-block;
}

.threeColumn
{
    width: 333px;
    display: inline;
    float: left;
}

.threeColumnWide
{
    width: 343px;
    display: inline;
    float: left;
}

.threeColumnThin
{
    width: 313px;
    display: inline;
    float: left;
}

.fourColumn
{
    width: 250px;
    display: inline;
    float: left;
}

.fallTeamBlock
{
    float: left;
    width: 135px;
    height: 60px;
}

.menuBlock a
{
    color: #639;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    text-decoration:none;
}

.menuBlock a:hover, .menuBlock a:focus, .menuBlock a:active
{    
    text-decoration:underline;
}

#jsddm > li > a:hover
{
    background: #FFF;
    color:#a21023;
}

#jsddm li ul
{
    margin:0px 0px 0px 6px;
    position: absolute;
    display: none;
    padding: 5px;
    left: 0px;
    width: 1030px;
    
    background-color: #FFF;
    background-color:rgba(255,255,255,.95);
    border-bottom: 3px solid #a21023;
    border-top: 0;
    z-index: 99999;    
}

#jsddm li ul li
{
    float: none;
    display: inline;
}

#jsddm li ul li a:hover
{
    background: #fff;
}

#jsddm li .twitter
{
    width: 25px;
    margin-left: 45px;
}
#jsddm li .rss
{
    width: 25px;
}

#featureBlock
{
    margin-bottom: 7px;
}

h1
{
    color: #a21023;
    font-weight: bold;
    font-size: 22px;
    margin-top: 0px;
}

h2
{
    color: #aeaeae;
    font-weight: bold;
    font-size: 16px;
}
h1 + h2
{
}

p
{
    font-size: 11pt;
    margin-top: 10px;
}

.image
{
    height: 260px;
    width: 750px;
    padding: 0;
    margin: 0;
}

.image img
{
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #efefef;
    height: 250px;
    width: 740px;
    top: 0;
    left: 0;
}

.image iframe
{
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #efefef;
    height: 250px;
    width: 740px;
    top: 0;
    left: 0;
}

.hideOverflow
{
}

#featureBlock .description
{
}

#featureBlock .image .title
{
    overflow: hidden;
    width: 350px;
    height: 70px;
    font: bold;
    font-size: 24pt;
    font-family: Impact, Verdana, Georgia;
    color: #efefef;
}

#featureBlock .image .r
{
    top: 170px;
    left: 380px;
    width: 350px;
    position: absolute;
    text-align: right;
}

#featureBlock .image .l
{
    top: 170px;
    left: 25px;
    width: 350px;
    position: absolute;
    text-align: left;
}

#featureBlock .subtitle
{
}

.box
{
    float: left;
    margin-bottom: 4px;
    width: 245px;
    margin-left: 6px;
    margin-bottom: 6px;
}

.boxHeader
{
    background-color: #639;
    color: white;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
}

.boxContent
{
    padding: 5px;
    width: 232px;
    overflow: hidden;
    font-size: 9pt;
    text-align: center;
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.boxContent table
{
    width: 230px;
}

.boxContent td
{
    padding-bottom: 4px;
    padding-top: 4px;
    border-top: 1px dashed #babebe;
    width: 230px;
}

SPAN.Loss
{
    color: tomato;
}
SPAN.Win
{
    color: Purple;
    font-weight: bolder;
}
SPAN.Tie
{
    color: Yellow;
}

/* This is the poll stuff */

.PDS_Poll
{
    float: left;
    margin-bottom: 4px;
    width: 245px;
    height: 157px;
    margin-left: 6px;
}
.pds-box-outer
{
    border: 1px solid #ccc;
}
.pds-question-inner
{
    background-color: #639;
    padding: 0px 3px 0px 0px;
}
.pds-question-outer
{
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
.pds-answer
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 208px;
    left: 10px;
    position: relative;
    background-color: inherit;
    background-color: #efefef;
}
.pds-totalvotes-outer
{
    width: 208px;
    left: 10px;
    position: relative;
}
.pds-votebutton-outer
{
    left: 76px;
    position: relative;
    width: 55px;
    height: 22px;
    overflow: hidden;
}

.pds-totalvotes-outer
{
    width: 211px;
    height: 22px;
    overflow: hidden;
}

.pds-box-top
{
    clear: both;
}
.rightBar
{
    float: left;
    width: 250px;
    display: block;
}
.error
{
    background-color: #FFEBE8;
    border-color: #DD3C10;
}
.perror
{
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #a21023;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}
.UIMessageBox
{
    border-style: solid;
    border-width: 1px;
    padding: 7px 10px 5px 10px;
    margin-bottom: 9px;
}
.title-gray
{
    float: left;
    margin: 10px 0px 10px 6px;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    padding: 8px 10px 7px;
    width: 902px;
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #999999;
}
.sectionTitle, .sectionTitle a, .sectionTitle a:link
{
    color: #a21023;
    font-family: 'Roboto Slab', Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
    font-size: 21px; margin:0px 0px 0px 4px;
    text-transform:uppercase;
}

#recentphotos
{
    margin-top: 10px; 
    display: block; 
    float: left; 
    width: 340px;
}
.photocontainer
{
    float:left; 
    width:330px; 
    margin:3px 0px 3px 13px;
}
.photocontainer img
{
    width: 75px; height: 75px; padding: 3px; border: 1px solid #CDCDCD; float:left;
}

.photocontainer .titlelink
{
    font-size: 15px; color: #a21023; font-weight: bold; float:left; width:225px; margin:8px 0px 0px 12px;
}

.photocontainer .datelink
{
    font-size: 14px; color: #666666; float:left; width:225px; margin:0px 0px 0px 12px;
}
.slashes
{
    background: url('/Templates/fwhs_template/img/standard/slashes.gif')repeat-x;
    height:14px;
    min-width:20px;
    display:inline-block; 
    margin:4px 5px 0px 0px;
}

#recentvideos
{
    width: 635px;
    margin-top: 10px; 
    display: block; 
    float: left; 
    min-height:440px;
}

.youtTubeItem
{
    width:155px;
    height:130px;
    margin:8px 0px 0px 0px;
    float:left;
}

.youtTubeItem a, .youtTubeItem a:link, .youtubelink
{
    font-size: 11px; color: #a21023; font-weight: bold; width: 145px; height: 30px; float:left; margin:0px 0px 0px 0px; overflow:hidden;

}
.youtTubeItem .date
{
   font-size: 11px; color: #999; line-height:1.3em; width:145px; display:block;
}

#twitterbanner
{
    float: left;
    clear: both;
    margin-left: -30px;
    background-color: #a21023;
    height: 65px;
    width: 1040px;
    margin-top: 10px;
}


.vertical .carousel-inner   {   height: 100%;   }    
.carousel.vertical .item
{
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}    
.carousel.vertical .active { top: 0; }    
.carousel.vertical .next    {        top: 400px;    }    
.carousel.vertical .prev    {        top: -400px;    }    
.carousel.vertical .next.left, .carousel.vertical .prev.right    {        top: 0;    }
.carousel.vertical .active.left    {        top: -400px;    }
.carousel.vertical .active.right    {        top: 400px;    }    
.carousel.vertical .item    {   left: 0;    font-size: 12px;    color: #ffffff; font-weight: bold;  }

.headliner
{
    clear:both; 
    float:left; 
    margin-top:5px; 
    background: #a21023 url('/Templates/fwhs_template/img/feature_bg.png'); 
    height:100px;
    width:970px;
}

.headliner table
{
    text-align:center; 
    height:100px; 
    width:770px;
}

.headerlineIconImg
{
    float:left; 
    margin:10px; 
    width:180px;
    text-align: center;
}

.headlineText
{
    float:left; 
    text-align:left; 
    font-size:12pt; 
    font-weight:bold; 
    width:760px; 
    color:#FFF; 
    line-height:28px;
}

.carousel-control.right
{
    background-image:none;
    width:15px;
}
.carousel-control.left
{
    background-image:none;
    width:15px;
}
.carousel-indicators
{
    width: 340px;
    height: 15px;
    margin: 0px 0px 0px 0px;
    right: 0px;
    bottom: 25px;
    left: inherit;
}

.carousel-indicators li
{
    border:1px solid #a21023;
    margin:1px 2px 1px 2px;
}
.carousel-indicators .active
{
    background-color:#a21023;
    margin:0px 2px 0px 2px;
}

#carouselButtons 
{
    text-align:center;
    width: 340px;
    height: 20px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    margin: 0px 0px 0px 0px;
}

.glyphicon-play
{
    color:#a21023;
}

.glyphicon-pause
{
    color:#a21023;
}

#tweetScroller a, #tweetScroller a:link{
    color:#ffffff;
}

.sideBarBox{
    width:330px; float:right; clear:right;margin: 10px 0px 0px 10px;
}

.teamScheduleSection
{
    width:630px; float: left; margin: 10px 0px 0px 4px;
}

.teamScheduleSection .schedule
{
    width: 630px; margin: 15px 0px 15px 0px; display: block; float: left;
}

.showPrint
{
    display:none;
}

.scheduleSummary .sortable th:hover
{
    font-weight: bold;
    text-decoration: underline;
}    
.scheduleSummary .header-row-v2
{
    text-transform: uppercase;
    color: #666;
    font-size: 11px;
    cursor: pointer;
}    
    
.scheduleSummary table
{
    margin: 0px;
    padding: 0px;
}    
    
.scheduleSummary
{
    font-size: 11px;
}

.scheduleSummary  #locations td
{
    font-size: 12px;
    padding: 2px 6px;
    border: 1px solid white;
}
       
.scheduleSummary .result
{
    font-family: helvetica,arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-weight: 700;
    color: #666666;
}    
.scheduleSummary .header-row-v2 th
{
    border-color: #DDDDDD;
    border-width: 0 0 1px;
    color: #666666;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 6px 2px;
}
.scheduleSummary .datagrid td
{
    padding: 0px 3px 0px 5px;
}

.scheduleSummary .odd-row{color:#000;background-color:#e1e1e1;height:25px;}
.scheduleSummary .even-row{color:#000;background-color:#FFF;height:25px;}

.scheduleSummary .redfont
{
    color: #BF0000;
}
    
.scheduleSummary .greenfont
{
    color: #007F00;
} 

.scheduleSummary .aligncenter
{
    text-align: center;
}

.scheduleSummary .alignleft
{
    text-align: left;
}