* {
    margin: 0;
    padding: 0;
}

body { 
    background-color: #e3e3dd;
    font-family:  arial, sans-serif;
}

img { 
    border: 0;
}

/* Page Containers */

#outer_container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 956px;
    background-color: #254c4c;
}

#content_container {
    width: 765px;
    height: 100%;
    margin-left: 9px;
    padding: 10px 0px 0px 0px;
}

#sidebar_container {
    width: 182px;
    height: 100%;
    float: right;
    padding: 3px 0px 95px 0px;
}

#header_container {
    width: 956px;
    clear: both;
    margin: 0;
    padding: 0;
	display: block;
}
    
/* Main Menu Bar */

a.subMenuItem {
    display: block;
    position: relative;
    margin: 3px 5px 3px 10px;
    padding: 2px 5px 2px 5px;
    font-size: 14px;
    text-decoration: none;
    color: #aaa;
    font-variant: small-caps;
}

a:hover.subMenuItem {
    background-color: #254c4c;
    color: #fff;
    border: 0px solid black;
}

.dropMenu {
    position: absolute;
    margin-top: 30px;
    background-color: #111;
    display: block;
    cursor: pointer;
    opacity:0.90;
    -moz-opacity: 0.90;
    filter:alpha(opacity=95);
    z-index: 1000;
}

#theMountainDrop {
    position: absolute;
    margin-left: 0px;
    width: 160px;
    display: none;
    z-index: 999;
}

#theTownDrop {
    position: absolute;
    margin-left: -13px;
    width: 148px;
    display: none;
    z-index: 999;
}

#reservationsDrop {
    position: absolute;
    margin-left: 0px;
    width: 158px;
    display: none;
    z-index: 999;
}

#lessonsDrop {
    position: absolute;
    margin-left: -22px; 
    width: 154px;
    display: none;
    z-index: 999;
}

#eventsDrop {
    position: absolute;
    margin-left: -42px;
    width: 180px;
    display: none;
    z-index: 999;
}

#storeDrop {
    position: absolute;
    margin-left: -7px;
    width: 100px;
    display: none;
    z-index: 999;

}

#quickDrop {
    position: relative;
    margin-left: 0px;
    width: 181px;
    display: none;
    z-index: 999;
}

.menuColorOne {
    color: #4c8db1;
}

.menuColorTwo {
    color: #aaa;
}

hr {
    color: #254c4c;
}

		

/* Header Style */

.beaconNew{
    width: 51px;
    float: left;
    margin:30px 10px 0px 15px;
}

#BBHeader {
    display: block;
    width: 660px;
    padding-top:0px;
    float: left;
}


/* News Panel */
#news {
    width: 720px;
    padding: 3px 20px 3px 20px;
    margin: 5px auto 0 auto;
    border: 2px solid #3b5757;
    background-color: #222;
    color: #fdd;
    text-align: center;
    font-size: 20px;
    font-variant: small-caps;
    font-weight: bold;
}

#news a, #news a:visited{ color: #fea; text-decoration: none;}
#news a:hover, #news a:active{ text-decoration: underline;}

/* Scroller for Announcements */
#scroller {
    display: block;
    background: #000;
    margin: 5px auto;
    height: 16px;
    width: 680px;
    font-variant: small-caps;
    border: 2px solid #3b5757;
}

.announcement {
    
    text-align: center;
    margin: 0 auto;
    
    font-size: 14px;
    display: none;
    text-decoration: none;
}

.announcementLink {
    color: #bbb;
    text-decoration: none;
}

.announcementLink:hover {
    color: #eee;
    text-decoration: underline;
}


/* Stage Panel Style */

#slideshowContainer {
    width: auto;
    height: 390px;
    padding: 0;
    margin-top: 5px;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 20px 0px , 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px , 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px , 0, 0, 0.5);
}

/* Powderplex Panel Style */
#PowderplexPanel {
    display: block;
    height: 71px;
    width: auto;
    position: relative;
    margin-top: 5px;
}

#HydrationPanel {
    border: 1px solid black;
    width: 680px;
    padding: 0px;
    margin: 5px auto 0px auto;
}

/* Cold Smoke Store Panel Style */

#OnlineStorePanel {
    display: block;
    height: 202px;
    width: auto;
    position: relative;
    margin-top: 5px;
}


/* Footer Style */

#footer { 
    text-align: center;
    font-size: 12px;
    margin: 15px 0px;
    padding: 10px 0px 10px 0px;
    color: #ccc;
    clear: both;
    border-top: 1px solid #3b5757;
    height: 60px;
}

a.footerLink, a.footerLink:visited { 
    color: #ffdd99; 
    text-decoration: none;
    background-color: #3b5757; 
    padding: 1px 30px;
}

a.footerLink:hover, a.footerLink:active { 
    text-decoration: underline;
    background-color: #4b6767;
}

#geotourism {
    float: left;
    margin: 12px 0px 0px 15px;
}

#social {
    float: right;
    margin: -2px 15px 0px 0px;
    font-size: 14px;
    font-weight: bold;
}

#footText {
    width: 735px;
    float: left;
}

#mobiSwitch {
	height: 4em;
	width: 100%;
	border-top: 1px solid #fff;
	background-color: #254c4c;
	text-align: center;
}

#mobiSwitch a {
	padding: .1em auto;
	color: #fff;
	font-variant: small-caps;
	text-decoration: none;
	font-size: 3.8em;
	font-weight: bold;
}
	
/* Sidebar Content Styles */

#skiReportPanel {
    width: 182px;
    height: 112px;
    float: right;
    z-index: 0;
    text-decoration: none;
}

#skiReportPanel #skiReportTemp {
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    width: 125px;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 23px 131px; 
}

#skiReportPanel #skiReportNew {
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 49px 135px; 
}

#skiReportPanel #skiReportBase {
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 75px 135px;   
}

#skiReportPanel #skiReportText {
    position: absolute;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 21px 15px;   
}

#skiReportPanel #skiReportYellow {
    color: #eecc00;
}

#skiReportPanel #skiReportLableNS {
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 49px 30px;   
}

#skiReportPanel #skiReportLableSB {
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 75px 24px;   
}


#contactWindow {
    width: 182px;
    height: 92px;
/*    background-color: #254c4c;*/
    z-index: 0;
}

#contactWindowText {
    position: absolute;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    color: #ccc;
    text-shadow: 1px 1px 1px #111;
    margin: 23px 23px;   
}

.infoWindow {
    width: 182px;
    height: 172px;
    z-index: 0;
}

.infoWindow .infoWindowContent {
    position: relative;
    width: 137px;
    height: 100px;
    top: 23px;
    left: 22px;
    z-index: 1;
}

.infoWindow .infoWindowText {
    position: relative;
    width: 137px;
    height: 25px;
    top: 34px;
    left: 22px;
    font-size: 12px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #111;
    color: #cccccc;
    text-align: center;
    z-index: 1;
}

.infoWindowText a {
    text-decoration: none;
    color: #cc9900;
    z-index: 0;
}

.infoWindowText a:hover {
    color: #ffcc00;
    z-index: 0;
}

.blankWindow {
    width: 182px;
    height: 144px;
/*    background-color: #254c4c; */
    z-index: 0;
}

.blankWindow .blankWindowContent {
    position: relative;
    width: 136px;
    height: 99px;
    top: 22px;
    left: 22px;
    z-index: 0;
}

.messageWindow {
    position: relative;
    width: 182px;
    height: 92px;
    z-index: 0;
    
}

.messageWindowContent {
    position: absolute;
    width: 138px;
    height: 52px;
    margin: 20px 22px 21px 19px;
    color: #cccccc;
    z-index: 1;
    
}

.messageWindowText {
    position: absolute; 
    width: 138px;
    top: 50%; 
    height: 50px; 
    margin-top: -25px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    z-index: 1;
}

.messageWindowText a {
    text-decoration: none;
    color: #cc9900;
    z-index: 1;
}

.messageWindowText a:hover {
    color: #ffcc00;
    z-index: 1;
}

#searchBar {
    width: 182px;
    height: 92px;
    z-index: 0;
}

#searchForm {
    z-index: 1;
}

#cse-search-box  {

    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 50;

}

#searchForm input#text {
    font-size: 13px;
    color: #111;
    width: 130px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 60;
    border: none;
    height: 17px;
    opacity:0.50;
    -moz-opacity: 0.50;
    filter:alpha(opacity=50);
}

#searchForm input#submit {
    opacity:0.00;
    -moz-opacity: 0.00;
    filter:alpha(opacity=0);
    margin-top: 11px;
    width: 95px;
    height: 25px;
    cursor: pointer;
}
#cse-search-results {
    margin-top: 10px;
}

#cse-search-results iframe {
    width: 680px;
    padding: 20px 40px 20px 40px;
    border: 2px solid #3b5757;
    background-color: #222;
    color: #ddd;
}

#signupTop {
    width: 182px;
    height: 59px;
}

#signupBody {
    position: relative;
    width: 182px;
    height: 278px;
}

#signupBottom {
    width: 182px;
    height: 15px;
}

#signupBody #mobiPowder {
    position: absolute; 
    margin-top: 33px;
    margin-left: 18px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #mobiEvents { 
    position: absolute; 
    margin-top: 55px;
    margin-left: 18px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #emailPowder { 
    position: absolute; 
    margin-top: 33px;
    margin-left: 42px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #emailEvents { 
    position: absolute; 
    margin-top: 55px;
    margin-left: 42px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #emailSnowsports {  
    position: absolute; 
    margin-top: 79px;
    margin-left: 42px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #emailMedia {
    position: absolute; 
    margin-top: 102px;
    margin-left: 42px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #emailNews {
    position: absolute; 
    margin-top: 124px;
    margin-left: 42px;
    opacity:0.0;
    filter:alpha(opacity=0);
}

#signupBody #cellText {
    position: absolute; 
    margin-top: 170px;
    margin-left: 25px;
    opacity:0.7;
    filter:alpha(opacity=70);
}

#signupBody #emailText {
    position: absolute;
    margin-top: 215px;
    margin-left: 25px;
    opacity:0.7;
    filter:alpha(opacity=70);
}

#zmagPanel {
    width: 182px;
    height: 218px;
    z-index: 0;
}

#zmagInsert {
    padding: 0px;
    padding-top: 19px;
    padding-left: 22px;
    z-index: 1;
}

/* Sprite image declarations */


/* Content Sprite declarations */

.contentSprite {
    background: url("/images/HomePanelImages.png");
    background-repeat: no-repeat;
}

.woodBreak { height: 9px; width: 956px; background-position: 0px 0px; border-bottom: 1px solid #1F0F05; background-repeat: repeat-x; }

.BBLogo { height: 112px; width: 660px; background-position: 0px -9px; float: left;}

.OnlineStoreBar { position: relative; height: 202px; width: 765px; background-position: 0px -263px; }

a.MerchandiseBtn { margin-left: 19px;  margin-top: 99px; width: 183px; height: 87px; background-position: -19px -362px; float: left; }
a.PassesBtn      { margin-left: 0px;  margin-top: 99px; width: 183px; height: 87px; background-position: -202px -362px; float: left; }
a.LessonsBtn     { margin-left: 1px;  margin-top: 99px; width: 183px; height: 87px; background-position: -387px -362px; float: left; }
a.CardsBtn       { margin-left: 1px;  margin-top: 99px; width: 183px; height: 87px; background-position: -570px -362px; float: left; }

a:hover.MerchandiseBtn {width: 183px; height: 87px; background-position: -19px -465px; float: left; }
a:hover.PassesBtn      {width: 183px; height: 87px; background-position: -202px -465px; float: left; }
a:hover.LessonsBtn     {width: 183px; height: 87px; background-position: -387px -465px; float: left; }
a:hover.CardsBtn       {width: 183px; height: 87px; background-position: -570px -465px; float: left; }

a.PowderplexBar { width: 765px; height: 71px; background-position: 0px -121px; display: block;}
a:hover.PowderplexBar { width: 765px; height: 71px; background-position: 0px -192px; display: block;}

/* Sidebar Sprite declarations */

.sidebarSprite {
    background: url("/images/sidebar.png");
    background-repeat: no-repeat;
}

.SkiReport { width: 182px; height: 108px; background-position: 0px 0px; }

.Contact { width: 182px; height: 92px; background-position: 0px -108px; }

.InfoPanel { width: 182px; height: 172px; background-position: 0px -200px; }

.BlankPanel { width: 182px; height: 144px; background-position: 0px -372px; }

.MessagePanel { width: 182px; height: 92px; background-position: 0px -516px; }

.Zmag { width: 182px; height: 218px; background-position: 0px -608px; }

.Search { width: 182px; height: 92px; background-position: 0px -826px; }

/* Menu Sprite declarations */

.menubarSprite {
    background: url("/images/menubar.png");
    background-repeat: no-repeat;
}

/* Navigation Menu Bar Style */

#MenuBarPanel {
    display: block;
    height: 30px;
    width: 956px;
    clear: both;
    position: relative;
    background-position: 0px 0px;
}

.TheMountainBtn  { padding: 0px 5px 0px 5px; width: 160px; height: 30px; background-position:  0px 0px;   float: left; }
.TheTownBtn      { padding: 0px 5px 0px 0px;  width: 122px; height: 30px; background-position: -170px 0px; float: left; }
.VacationBtn     { padding: 0px 5px 0px 0px;  width: 158px; height: 30px; background-position: -297px 0px; float: left; }
.SnowSportsBtn   { padding: 0px 5px 0px 0px;  width: 110px; height: 30px; background-position: -460px 0px; float: left; }
.EventsBtn       { padding: 0px 5px 0px 0px;  width:  99px; height: 30px; background-position: -575px 0px; float: left; }
.StoreBtn        { padding: 0px 5px 0px 0px;  width:  86px; height: 30px; background-position: -679px 0px; float: left; }
.QuickLinkBtn    { padding: 0px 5px 0px 0px; width: 181px; height: 30px; background-position: -770px 0px; float: left; }

:hover.TheMountainBtn  { width: 160px; height: 30px; background-position:  0px -30px;  cursor: pointer;  float: left; }
:hover.TheTownBtn      { width: 122px; height: 30px; background-position: -170px -30px; cursor: pointer; float: left; }
:hover.VacationBtn     { width: 158px; height: 30px; background-position: -297px -30px; cursor: pointer; float: left; }
:hover.SnowSportsBtn   { width: 110px; height: 30px; background-position: -460px -30px; cursor: pointer; float: left; }
:hover.EventsBtn       { width:  99px; height: 30px; background-position: -575px -30px; cursor: pointer; float: left; }
:hover.StoreBtn        { width:  86px; height: 30px; background-position: -679px -30px; cursor: pointer; float: left; }
:hover.QuickLinkBtn    { width: 181px; height: 30px; background-position: -770px -30px; float: left; }

:active.TheMountainBtn  { width: 160px; height: 30px; background-position:  0px -60px;  cursor: pointer;  float: left; }
:active.TheTownBtn      { width: 122px; height: 30px; background-position: -170px -60px; cursor: pointer; float: left; }
:active.VacationBtn     { width: 158px; height: 30px; background-position: -297px -60px; cursor: pointer; float: left; }
:active.SnowSportsBtn   { width: 110px; height: 30px; background-position: -460px -60px; cursor: pointer; float: left; }
:active.EventsBtn       { width:  99px; height: 30px; background-position: -575px -60px; cursor: pointer; float: left; }
:active.StoreBtn        { width:  86px; height: 30px; background-position: -679px -60px; cursor: pointer; float: left; }

   


/* employment stuff */

#instruction {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    background: #FFC;
    text-align: left;
    padding: 0 15px;
    border: 1px solid #CC0;
    font-size: 9px;
}

#instruction h2 {
    font-size: 12px;
    color: #600;
    border:0;
}

#instruction div {
    width: 200px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    
}

#instruction p {
    color: #333;
    font-size: 9px;
}

/* Hydration Sidepanel */
/* Hydration Sidepanel */
#hydPanel1 {
    position: absolute;
    width: 136px;
    height: 99px;
    background-color: #fff;
    display: block;
}

#hydPanel2 {
    position: absolute;
    width: 136px;
    height: 99px;
    background-color: #fff;
    font-style: normal;
    font-variant: small-caps;
    display: none;
    text-align: center;
    text-shadow: 1px 1px 0px #a6a6a6;
    background: url('/images/hydrationBlank.png') 0 0 no-repeat;

}

#hydPanel2 a {
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

#hydPanel2 a:link {
    color: #00f;
}

#hydPanel2 a:visited {
    color: #30a;
}

#hydPanel2 a:hover {
    color: #25f;
}

#hydPanel2 a:active {
    color: #fa0;
}

#hydSurvey {
    padding: 4px 0px 1px 0px;  
}

#hydStation {
    padding: 0px 0px 1px 0px;  
}


  .bcmc_banner{
    width:758px;
    margin:0px auto;
    margin-bottom:15px;
    -webkit-box-shadow: 0px 0px 20px 0px #000000;
    -moz-box-shadow: 0px 0px 20px 0px #000000;
    box-shadow: 0px 0px 20px 0px #000000;
  }

  .bcmc_banner span{
    display:block;
    width:100%;
    color:#fff;
    text-align:center;
    font:bold 18px/12px Arial,Verdana,Sans-serif;
    position:relative;
    top:40px;
    }

  .bcmc_banner .bobcat{
    width:382px;
    margin:0px;
    padding:0px;
    display:block;
    cursor:pointer;
    height:60px;
    background:transparent url('https://store.bridgerbowl.com/content/cache/skins/BridgerBowl/styles/images/bobcat_banner.png') repeat;
    float:left;
    background-position:0px 0px;
  }

  .bcmc_banner .mambo{
    width:376px;
    margin:0px;
    float:left;
    padding:0px;
    display:block;
    cursor:pointer;
    height:60px;
    background:transparent url('https://store.bridgerbowl.com/content/cache/skins/BridgerBowl/styles/images/mc_banner.png') repeat;
    background-position:0px 0px;
  }

  .bcmc_banner .mambo:hover{
    background-position:0px 60px;
  }

  .bcmc_banner .bobcat:hover{
    background-position:0px 60px;
  }

  .raptor_banner{
    display:block;
    width:758px;
    height:100px;
  }

  .raptor_banner a{
    display:block;
    width:758px;
    height:100px;
    background:transparent url('./cssImages/raptorfest.jpg') top left no-repeat;
  }
  .raptor_banner a:hover{
    background:transparent url('./cssImages/raptorfest.jpg') bottom left no-repeat;
  }


      .domesticbliss_banner{
        background:transparent url('./cssImages/domblissbanner.png') bottom left no-repeat;
        display:block;
        height:70px;
        width:758px;
        margin:0px auto;
      }
      .domesticbliss_banner:hover{
        background:transparent url('./cssImages/domblissbanner.png') top left no-repeat;
      }


.ttable tr td{
  padding:5px;
  border-bottom:1px solid rgba(255,255,255,0.2);
}