* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
For best results, use your favorite clearfix here.
-------------------------------------------------------------- */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */

img { max-width: 100%; }

.container { max-width: 60em; margin: 0px auto; }

.head { background-color: #fff; position: relative; z-index: 99; }
.head .container { width: 100%; }
.head > h1 { text-align: center; }

body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {text-decoration: none;}

.toggleMenu {
    display:  none;
    background: #2D405D;
    padding: 10px 15px;
    color: #fff;
	text-align:left;
}
.nav {
    list-style: none;font-size: .8em;
     *zoom: 1;
     background:#2D405D;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 15em;
}
.nav li  a:hover {
	background-color: #D0DAEA;
	background-color: rgba(208, 218,234, 0.9);
	color: #000;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;text-align:left;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("http://www.kelownabc.com/icon/downarrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;	
}
    .nav li li .parent {
        background-image: url("http://www.kelownabc.com/icon/rightarrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav li li  {
        background-image: url("../../icons/rightarrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav ul li > a:hover {
	background-color: #D0DAEA;
	background-color: rgba(208, 218,234, 0.9);
	color: #000;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #3A5276;
    position: relative;
    z-index:100;
    border-top: 1px solid #405A80;padding:5px 5px;
}
.nav li li li a {
    background:#5070A0;
    z-index:200;
    border-top: 1px solid #405A80;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("http://www.kelownabc.com/icon/downarrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
		.nav li li a {
    background:#46689C;
    z-index:200;
    border-top: 1px solid #405A80;
	padding-left:30px;
}
	.nav li li li a {
    background:#576C8B;
    z-index:200;
    border-top: 1px solid #405A80;
	padding-left:50px;
}

}
img.floatright { float: right; margin: 0 0 0 10px; }
	h1 { font-size: 35px; line-height: 40px; margin-bottom: 14px;color: #ff0000}
	h1.title {color:#ff0000;font-size:22px; margin-top: 1px; margin-bottom: 6px;text-align:center;font-weight:600;}
.thumbnail {font-size:13px;color:#c00000;text-align:left;font-weight:600;}
a.thumbnail {font-size:13px;color:#c00000;text-align:left;font-weight:600;}
a.thumbnail:hover {font-size:13px;color:#00F;text-decoration:underline;text-align:left;}
.bbs {font-size:14px;color:#c00000;text-align:center;font-weight:600;}
a.bbs {font-size:14px;color:#c00000;text-align:center;font-weight:600;}
a.bbs:hover {font-size:14px;color:#00F;text-decoration:underline;text-align:center;}
.nextpage {font-size:14px;color:#0000FF;text-align:center;font-weight:bold;letter-spacing:3px}
a.nextpage {font-size:14px;color:#0000FF;text-align:center;font-weight:bold;letter-spacing:3px}
a.nextpage:visited {font-size:14px;color:#0000FF;text-align:center;font-weight:bold;letter-spacing:3px}
a.nextpage:hover {font-size:14px;color:#0000FF;text-decoration:underline;text-align:center;letter-spacing:3px}

p.right {text-align:right}
p.left {text-align:left}
pre.code {text-align:left} 
/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

	#footercontainer {
width : 100%;
border-top : 1px solid #000;
font-family : lucida sans unicode;
font-size : 0.8em;
} 
.bottom { text-align: center; }
.bottom ul  { list-style: none; padding: 0px; margin: 0px; font-weight: bold; }
.bottom ul li { display: inline-block; }
.bottom ul li a { display: block; text-decoration: none; color: #444; transition: 0.4s ease background; padding: 5px 10px; border-radius: 2px; }
.bottom ul li a:hover { background-color: #ccc; }


/*  idTabs ~ Sean Catchpole  */


/* Style for Usual tabs */
.usual {
  background:#fff;
  color:#111;

  width:99%;
  margin:0;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
text-decoration: underline; color: #444;font-weight:bold; transition: 0.4s ease background; padding: 0 10px; font-size: .9em;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;

  
  cursor:default;
  }
.usual div {
  padding:5px 5px 5px 5px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;
  font:9pt Georgia;
}
.usual div a { color:#0000FF; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

/* Style for various uses of tabs */

.idTabs {padding-top:5px;padding-bottom:5px;width:100%;text-align:center;padding-left:0;margin-left:2px;}