/* frame css info. see frame.css.txt for comments. */
body {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin:0;
 padding: 0;
 color:#000;
 background: #FFF url(/support/leftSidebar.gif) repeat-y 0 0;
 font: medium Georgia, "Times New Roman", Times, serif;
}
div#banner {
 position:absolute;
 top:0;
 left:0;
 height:60px;
 width:100%;
 background-color: #C4C4C4;
}
div#banner h1 {
 color: #5A3C15;
 text-align: center;
 font: bold 40px "Times New Roman", Times, serif;
 font-variant: small-caps;
 letter-spacing: 0.02em;
 white-space: nowrap;
 padding-left: 175px;
 margin-top: 6px;
}
div#logo {
 position: fixed;
 top: 0px;
 left: 6px;
 background: url(/support/HOTBearsLogo.png) no-repeat left top !important;
 background: url(/support/HOTBearsLogo.gif) no-repeat left top;
 z-index: 10;
 border: none;
}
div#logo a img {
   text-decoration: none;
   border: none;
}
div#leftSidebar {
 position:fixed;
 top: 60px;
 left: 0;
 width: 175px;
 bottom: 0;
 height: 100%;
 background: #C4C4C4;
}
div#leftSidebarFooter {
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 0;
}
div#leftSidebarFooter:hover {
 z-index: 20;
}
span#BrunoStanding {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 80px;
 height: 97px;
 background: url(/support/BrunoHead.png) no-repeat left top !important;
 background: url(/support/BrunoHead.gif) no-repeat left top;
}
span#BrunoStanding img {
 border: none;
}
div#leftSidebarFooter p {
 position: absolute;
 left: 85px;
 bottom: 0;
 width: 80px;
 padding-left: 2px;
 padding-right: 2px;
 margin-bottom: 0;
 font: small "Arial Narrow", Arial, sans-serif;
 text-align: left;
 color: black;
 background: #C4C4C4;
}
div#leftSidebarFooter p a,
div#leftSidebarFooter p a:link,
div#leftSidebarFooter p a:visited {
 color: #448CCB;
 text-decoration: underline;
 background: #C4C4C4;
}
div#leftSidebarFooter p a:hover {
 color: #FFF;
 background-color: #448CCB;
 text-decoration: none;
 border-bottom: 1px solid #448CCB;
}
div#leftSidebarFooter p a:active {
 color: #F00;
 background-color: #448CCB;
 text-decoration: none;
 border-bottom: 1px solid #448CCB;
}
div#leftSidebarFooter p a img {
 border: 1px solid #C4C4C4;
}
div#leftSidebarFooter p a:hover img {
 border: 1px solid #448CCB;
}
div#leftSidebarFooter p a:active img {
 border: 1px solid #F00;
}
div#navigationFrame {
 position: fixed;
 top: 160px;
 left: 25px;
 width: 165px;
 background: url(/support/shadowAlpha.png) no-repeat bottom right !important;
 background: url(/support/shadow.gif) no-repeat bottom right;
 margin: 10px 0 10px 10px !important;
 margin: 10px 0 10px 5px;
 padding: 0px;
 z-index: 5;
}
div#navigationText {
 position: relative;
 bottom: 6px;
 right: 6px;
 margin: 0;
 padding: 4px;
 background: #F8E6BE;
 border:2px solid #BD6317;
 font: bold medium Georgia, "Times New Roman", Times, serif;
 white-space: nowrap;
}
div#navigationText ul {
 list-style-type: none;
 text-align: center;
 margin: 0;
 padding: 0;
}
div#navigationText span.notAvailable,
div#navigationText a,
div#navigationText a:link,
div#navigationText a:visited {
 display:block;
 padding: 2px 0;
 color: #448CCB;
 background: #F8E6BE;
 text-decoration: none;
}
div#navigationText a:hover {
 color:#FFF;
 background: #448CCB;
}
div#navigationText a:active {
 color: #ED1C24;
 background: #448CCB;
}
div#navigationText span.eventDivider {
 display:block;
 border-top: 1px dashed #BD6317;
 margin-top: 2px;
 margin-bottom: 1px;
}
div#navigationText span.notAvailable {
 display: inline;
 color: #C4C4C4;
}
div#bearFlag {
 position: absolute;
 top: -5px;
 left: 5%;
 width: 90%;
 height: 10px;
 border: none;
 background: #000;
 z-index: 5;
}
div#bearFlagBrown {
 float: left;
 width: 14%;
 height: 100%;
 background: #5A3C15;
}
div#bearFlagTan {
 float: left;
 width: 14%;
 height: 100%;
 background: #BD6317;
}
div#bearFlagYellow {
 float: left;
 width: 14%;
 height: 100%;
 background: #F6DD6C;
}
div#bearFlagPeach {
 float: left;
 width: 14%;
 height: 100%;
 background: #F8E6BE;
}
div#bearFlagWhite {
 float: left;
 width: 14%;
 height: 100%;
 background: #FFF;
}
div#bearFlagGray {
 float: left;
 width: 14%;
 height: 100%;
 background: #535353;
}
div#bearFlagBlack {
 float: left;
 width: 14%;
 height: 100%;
 background: #000;
}