/* font embeds
------------------------------------------------------ */

@font-face {  
font-family:'HelveticaC';
src:url('/media/templates/HelveticaNeueLTStd-Cn.eot');
}

@font-face {  
font-family:'HelveticaC';
src:url('/media/templates/HelveticaNeueLTStd-Cn.otf');
}


@font-face {  
font-family:'HelveticaBC';
src:url('/media/templates/HelveticaNeueLTStd-BdCn.eot');
}

@font-face {  
font-family:'HelveticaBC';
src:url('/media/templates/HelveticaNeueLTStd-BdCn.otf');
}

@font-face {  
font-family:'HelveticaR';
src:url('/media/templates/HelveticaNeueLTStd-Roman.eot');
}

@font-face {  
font-family:'HelveticaR';
src:url('/media/templates/HelveticaNeueLTStd-Roman.otf');
}


@font-face {  
font-family:'HelveticaI';
src:url('/media/templates/HelveticaNeueLTStd-It.eot');
}

@font-face {  
font-family:'HelveticaI';
src:url('/media/templates/HelveticaNeueLTStd-It.otf');
}

/* Layout
------------------------------------------------------ */

#bc12-page{
  background:url("/media/templates/bc12-body-bg.jpg") no-repeat 50% 340px #E5E0D6;
  min-height:100%;
  height:auto !important;
  height:100%;
}

#bc12-page.sub{
  background:url("/media/templates/bc12-sub-bg.jpg") no-repeat 50% 340px #E5E0D6;
}

#bc12-page > header {
   background:url(/media/templates/bc12-top-banner1.jpg) 50% 0 no-repeat;
   border-top:5px solid #a90000;
   border-bottom:5px solid #0a71af;
   height:330px;
}

#bc12-page header .container {
   position:relative;
   height:330px;
}

#bc12-page .header-cc {
   background:url(/media/templates/bc12-header-cc.png) no-repeat 0 0;
   width:128px;
   height:55px;
   display:block;
}

#bc12-page .header-cc:hover {
   background-position:0px -63px; 
}

#bc12-page > header .header {
   float:right; 
}

#bc12-page .container {
   width:981px;
   margin:0px auto;
}

#bc12-page .bc12-account {
   float:left; 
   margin:0px 0px 0px 17px;
}

#bc12-page .bc12-account a.first {
   background:url(/media/templates/bc12-header-menu-left.png) no-repeat -203px 0px;
   width:177px; 
   height:45px;
   padding-left:26px;
   font:20px/45px HelveticaC;
   color:#FFF;
   display:block;
   text-align:left;
   text-shadow:0 0 5px #666;
   margin-right:-20px;
   position:relative;
   z-index:0;
}

#bc12-page .bc12-account a.first:hover,#bc12-page .bc12-account a.first.active,#bc12-page .bc12-account a.last:hover,#bc12-page .bc12-account a.last.active {
   background-position:0px 0px; 
   text-decoration:underline;
   z-index:1;
}

#bc12-page .bc12-account a.last {
   background:url(/media/templates/bc12-header-menu-right.png) no-repeat -106px 0px;
   width:100px;
   height:45px;
   padding-left:6px;
   font:20px/45px HelveticaC;
   color:#FFF;
   display:block;
   text-align:center;
   text-shadow:0 0 5px #666;
   position:relative;
   z-index:0;
}

.bc12-search-bar {
   background:url(/media/templates/bc12-search-bar.png) no-repeat 0 0;
   width:472px;
   height:50px; 
   float:left;
   margin:100px 0px 0px 15px;
}

.bc12-search-bar input.text {
   background:transparent;
   width:390px;
   height:50px; 
   border:0px none;
   font:15px/50px HelveticaI;
   color:#114f73;
   margin:0px 20px;
}

.ie7 .bc12-search-bar input.text,.ie8 .bc12-search-bar input.text,.ie9 .bc12-search-bar input.text {
   width:375px; 
}

.bc12-search-bar input.submit {
   background:url(/media/templates/bc12-search-btn.jpg) no-repeat 0 0;
   width:30px;
   height:28px;
   border:0px none;
}

.bc12-search-bar input.submit:hover {
   background-position:-30px 0px; 
}

.search-cat {
   margin:100px 0px 0px 0px; 
}

#bc12-page section#content {
}

#bc12-page #content-wrap{
  width:980px;
  margin:0 auto;
}

/* Custom <Select>
------------------------------------------------------ */

.picklist select {
  width:158px;
  position:relative;
  z-index:3;
  cursor:pointer;
}

.picklist .customStyleSelectBox {
  width:131px;
  height:50px;
  display:block;
  cursor:pointer;
  font:15px/50px HelveticaI;
  color:#114f73;
  padding-left:20px; 
}

.picklist.search-cat .customStyleSelectBox {
  background:url(/media/templates/bc12-header-cat-search.png) no-repeat 100% 0;
}  

.picklist.small .customStyleSelectBox {
}
  
.picklist:hover .customStyleSelectBox,
.picklist:active .customStyleSelectBox{
}

/* Custom checkbox/Radio
-------------------------------------------------------- */

.ez-hide { opacity: 0; filter:alpha(opacity=0); }

#bc12-page .checkbox {
  background: transparent url('/media/templates/pf12-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:23px;
  height:20px;
  float:left;
  cursor:pointer;
}

#bc12-page .radio {
  background: transparent url('/media/templates/pf12-radio.png') 0 0 no-repeat;
  display:inline-block;
  width:23px;
  height:23px;
  float:left;
  cursor:pointer;
}

#bc12-page .checkbox.checked { background-position: 0 -22px; }
#bc12-page .radio.selected { background-position: 0 -23px; }
#bc12-page .checkbox,.radio { zoom: 1; *display:inline; _height:23px; }

/* Main nav
--------------------------------------------------- */

.bc12-main-nav {
   position:absolute;
   bottom:0;
   height:84px;
}

.bc12-main-nav .divider {
   height:84px;
   width:1px;
   display:block;
   float:left; 
   background:#3d86b5;
}

.bc12-main-nav a {
   background:url(/media/templates/bc12-main-nav-tile.jpg) repeat-x 0 0;
   width:238px;
   height:84px;
   color:#FFF;
   font:20px/22px HelveticaC;
   text-align:left; 
   text-shadow:0 0 5px #666;
   display:block;
   float:left;
   text-transform:uppercase;
}

.bc12-main-nav a span {
   width:75px;
   float:left;
   display:block; 
   padding:24px 0px 0px 64px;
   cursor:pointer;
}

.bc12-main-nav a span strong {
   font:normal 20px/22px HelveticaBC;
}

.bc12-main-nav a.first span {
   width:138px; 
}

.bc12-main-nav a.last span {
   padding:34px 0px 0px 24px;
   width:98px;
}

.bc12-main-nav a img {
   float:left; 
   display:block; 
   padding-top:22px;
}

.bc12-main-nav a:hover,.bc12-main-nav a:active {
   background:url(/media/templates/bc12-main-nav-active.jpg) repeat-x 0 0;
   color:#FFF;
}

.bc12-main-nav a.first {
   width:308px;
   background:url(/media/templates/bc12-main-nav-first.png) no-repeat 0 0; 
}

.bc12-main-nav a.first:hover {
   background:url(/media/templates/bc12-main-nav-first-active.png) no-repeat 0 0;
}

.bc12-main-nav a.last {
   width:193px;
   background:url(/media/templates/bc12-main-nav-last.png) no-repeat 0 0;
}

.bc12-main-nav a.last:hover {
   background:url(/media/templates/bc12-main-nav-last-active.png) no-repeat 0 0;
}

#bc12-page footer {
   background:#323232; 
   padding:22px 0px;
}

#bc12-page footer .lcol {
   float:left; 
}

#bc12-page footer .rcol {
   float:right;
}

#bc12-page footer a {
   font:15px/17px HelveticaC;
   color:#999;
   text-transform:uppercase;
   text-align:left;
}

#bc12-page footer .bc12-legal {
   font:12px/15px Arial;
   color:#999;
}

.bc12-footer-nav {
   margin:0px 0px 10px; 
}

.bc12-footer-nav a {
   float:left;  
}

.bc12-footer-nav span,.bc12-footer-nav img{
   float:left;
   vertical-align:top;
   cursor:pointer;
}

.bc12-footer-nav span {
   padding:4px 10px 0px 0px;
} 

.bc12-footer-nav .divider {
   border-right:1px solid #999;
   margin:5px 25px 0px 0px;
   padding:0px 25px 0px 0px; 
   display:block;
   float:left;
   height:12px;
}

.bc12-footer-nav a {
   color:#FFF; 
   opacity:0.7;
   filter: alpha(opacity=70);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.bc12-footer-nav a:hover {
   opacity:1;
   filter: alpha(opacity=100);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}

.bc12-social-media {
   float:right;
   margin:10px 0px 0px; 
}

.bc12-social-media a {
   margin:0px 0px 0px 10px; 
}

.bc12-footer-login {
   margin:4px 0px 0px;
   float:right;
}

.bc12-footer-login a {
   float:left; 
   font-family:HelveticaBC; 
}

.bc12-footer-login .divider {
   border-right:1px solid #999;
   margin:1px 10px 0px 0px;
   padding:0px 10px 0px 0px;
   display:block;
   float:left;
   height:12px;  
}

/* Home Feaured Box
------------------------------------------------ */

#bc12-home-featured-boxes {
   margin:29px 0px 80px; 
}


.bc12-home-featured .cats a {
   background:url(/media/templates/bc12-blue-bullet.png) no-repeat 100% 50%;
   font:16px/18px HelveticaR;
   color:#666;
   padding:7px 0px;
   display:block;
   border-bottom:1px dotted #666;
}

.bc12-home-featured .ideas a {
   font:16px/18px HelveticaR;
   color:#666;
   padding:7px 0px;
   display:block;
   border-bottom:1px dotted #666;
}

.bc12-home-featured .cats a:hover,.bc12-home-featured .ideas a:hover {
   color:#0a73af;
   background-color:#fff8d9;
}

#bc12-home-featured-boxes .divider {
   width:30px;
   height:30px;
   float:left; 
}

.bc12-home-featured {
   background:url(/media/templates/bc12-feature-box-top.png) no-repeat 0 0;
   width:257px;
   height:221px;
   padding:24px; 
}

.bc12-home-featured h2 {
   color:#0a76b2;
   font:28px/30px HelveticaBC;
   margin:0px 0px 15px;
}

a.bc12-home-featured-bottom {
   background:url(/media/templates/bc12-feature-box-bottom.png) no-repeat 0 0;
   width:257px;
   height:46px;
   display:block;
   padding:0px 24px 0px;
   color:#a90000;
   font:20px/46px HelveticaBC;
}

a:hover.bc12-home-featured-bottom {
   background-position:0px -49px; 
}

.bc12-home-featured .tags {
   width:257px;
   font:26px/28px HelveticaR;
}

.bc12-home-featured .tags a {
   color:#666;
   margin:0px 10px 0px 0px; 
   float:left;
}


/* User styles 
---------------------------------------- */

.BlueHeader1 
{
   color:#3670A8;
   font:33px/33px 'OpenSans';
   margin-bottom:5px;
}

.BlueHeader2 
{
   color:#3670A8;
   font:33px/33px 'OpenSans Bold';
   margin-bottom:5px;
}

.BlueHeader3
{
   color:#3670A8;
   font:18px/20px 'OpenSans';
   margin-bottom:15px;
   display:block;
}

.Blue 
{
   color:#3670a8;
}

.Quote
{ 
   font:italic 21px/21px Arial;
   color:#3670a8;
   display:block;
   clear:both;
   margin-bottom:15px;
}


html,html body {height:100%;width:100%;margin:0;padding:0;}
.content a,.content a:hover {color:#3670A8;}  
.content ul,.content ol { 
  margin-left:10px;
  margin-right:10px;
  padding-left:10px; 
  padding-right:10px;
}

.content li { list-style-type:disc; }
/*.mail-out {width:600px;margin-left:auto;margin-right:auto;box-shadow:0px 0px 10px #999;-moz-box-shadow:0px 0px 10px #999;-webkit-box-shadow:0px 0px 10px #999;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}*/
.mail-out-container {font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:0;padding:0;color:#333;}

/*-------------------------------------------------------------------------------
  HTML5 Reset :: style.css
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
/* Prevent text highlight on double click */  
nav { -moz-user-select: none; -khtml-user-select: none; }
/*img, object, embed {max-width: 100%;}*/
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;} /* tables still need cellspacing="0" in the markup */
th {font-weight: normal; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, input[type=button], input[type=submit], button, input.button, input.submit{cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

input::-moz-focus-inner{ border:none; }
textarea{ resize:none; }
:focus { outline:0; }


/* let's clear some floats */
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }
.center { text-align:center; }
.right { float:right; }
.left { float:left; }
.aleft { text-align:left; }
.aright { text-align:right; }
.show { display:block; }
.hide { display:none; }
.relative { position:relative; }
.absolute { position:absolute; }
.unselectable{ -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none; }

/* transition (ms) */
.transition-200, .transition-200:hover, .transition-200:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.transition-300, .transition-300:hover, .transition-300:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.transition-500, .transition-500:hover, .transition-500:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.transition-700, .transition-700:hover, .transition-700:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; }




/* Editable Styles
-------------------------------------------------------------- */

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #cb0d2f; color: #FFF; text-shadow: none;}
::selection {background: #cb0d2f; color: #FFF; text-shadow: none;}

/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #cb0d2f;}

ins {background-color: #cb0d2f; color: #FFF; text-decoration: none;}
mark {background-color: #cb0d2f; color: #FFF; font-style: italic; font-weight: bold;}


hr {
  clear:both;
  border:0;
  border-top:1px solid #CCC;
  border-bottom:1px solid #FFF;
  border:expression('1px solid #CCC');
  margin:0;
  padding:0;
  display: block;
  height:1px;
}

/* Anchor
-------------------------------------------------------------- */

a {
  text-decoration:none;
  color:#666;
  
  -webkit-transition:color 300ms ease;
  -moz-transition:color 300ms ease;
  -o-transition:color 300ms ease;
  transition:color 300ms ease;
}

a:hover,
a:active {
  color:#cb0d2f;
  
  -webkit-transition:color 200ms ease;
  -moz-transition:color 200ms ease;
  -o-transition:color 200ms ease;
  transition:color 200ms ease;
}


/* Effects
-------------------------------------------------------------- */

.zoom-in {
    -moz-transform: scale(1);
    -moz-transition: all 0.3s ease-in-out 0s;
}
.zoom-out {
    -moz-transform: scale(0);
    -moz-transition: all 0.3s ease-in-out 0s;
}

/* Spacings 
-------------------------------------------------------------- */

.mt10 { margin-top:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left:10px; }
.mt20 { margin-top:20px; }
.mr20 { margin-right:20px; }
.mb20 { margin-bottom:20px; }
.ml20 { margin-left:20px; }
.mt30 { margin-top:30px; }
.mr30 { margin-right:30px; }
.mb30 { margin-bottom:30px; }
.ml30 { margin-left:30px; }
.mt40 { margin-top:40px; }
.mr40 { margin-right:40px; }
.mb40 { margin-bottom:40px; }
.ml40 { margin-left:40px; }

/* Font Embeds
-------------------------------------------------------------- */

@font-face {  
font-family:'OpenSans';
src:url('/media/OpenSans-Light.eot');
}

@font-face {  
font-family:'OpenSans';
src:url('/media/OpenSans-Light.ttf');
}

@font-face {  
font-family:'OpenSans Italic';
src:url('/media/OpenSans-LightItalic.eot');
}

@font-face {  
font-family:'OpenSans Italic';
src:url('/media/OpenSans-LightItalic.ttf');
}

@font-face {  
font-family:'OpenSans Semi Bold';
src:url('/media/OpenSans-Semibold.eot');
}

@font-face {  
font-family:'OpenSans Semi Bold';
src:url('/media/OpenSans-Semibold.ttf');
}

@font-face {  
font-family:'OpenSans Regular';
src:url('/media/OpenSans-Regular.eot');
}

@font-face {  
font-family:'OpenSans Regular';
src:url('/media/OpenSans-Regular.ttf');
}



/* <H> tags
-------------------------------------------------------------- */

p, div, a {
  color:#666;
  font-family: Arial,Helvetica;
  line-height:1.5em;
}

h1,h2,h3,h4,h5,h6 {
  color:#3670a8;
  font-family: 'OpenSans Semi Bold';
  font-weight:normal;
}

.s45{ font-size:45px; }
.s38{ font-size:38px; }
.s30{ font-size:30px; }
.s28{ font-size:28px; }
.s26{ font-size:26px; }
.s24{ font-size:24px; }
.s22{ font-size:22px; }
.s20{ font-size:20px; }
.s17{ font-size:17px; }
.light {font-family:'OpenSans';line-height:18px; }
section header h6, section footer h6{font-size: 1px; text-indent: -9999px; line-height: 1px;}


/* Article Text
-------------------------------------------------------------- */

p{
  margin-bottom:20px;
}

b{
  
}

.body-text{
  font:15px Arial,Helvetica;
}

/* Form Text
-------------------------------------------------------------- */

input, label, textarea, select{
  color:#333;
  font: 13px Arial,Helvetica;
}

.error{ }

label{ }

label.error{ }

/* Layout
-------------------------------------------------------------- */

html,html body {
  height:100%;
  width:100%;
}

body {
  margin:0;
  padding:0;
  width:100%;
  font:15px Arial,Helvetica;
  color:#666;
}

.bcc-page{
  min-width:1200px;
  width:expression(document.body.clientWidth<1200?"1200px":"auto");
}


.bcc-page .bcc-header-bg {
  background:url(/media/templates/bcc-header-mtn-tile.jpg) repeat-x 0 0;
  height:96px;
}

.bcc-page .container {
  width:980px;
  /*width:833px;*/
  margin:0px auto;
  clear:both;
  overflow:hidden;
  position:relative;
  z-index:1;
}

.bcc-page .bcc-header-bg .container {
  background:url(/media/templates/bcc-header-mtn.jpg) no-repeat 50% 0%;
}

.bcc-page .header-lcol {
  float:left;
}

.bcc-page .header-rcol {
  float:right;
  width:666px;
}

.bcc-page .header-rcol div.right {
  width:227px;
}
  
.header-rcol a.home {
  position:relative;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  padding-top:10px;
  float:left;
  display:block;
}

.header-rcol a:hover.home {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}  
  
.bcc-page .logo {
  margin-top:11px;
  display:block;
}

.bcc-page a.donate {
  clear:both;
  padding:0px 0px 0px 20px;
  margin-bottom:40px;
  opacity:1;
  filter:alpha(opacity=100);
}

.bcc-page a:hover.donate {
  opacity:0.8;
  filter:alpha(opacity=80);
}

.bcc-page .slideshow {
  position:relative;
  width:100%;
  clear:both;
  height:330px;
  overflow:hidden;
  background:#2f485e;
}

.bcc-page .slideshow-container {
  width:980px;
  margin:0px auto;
  clear:both;
  position:relative;
  z-index:14;
}

.bcc-page .slideshow-container .left-bg {
 background:url(/media/templates/slideshow-left-col-bg.jpg) no-repeat 0 0;
 width:333px;
 height:333px;
 float:left;
 position:absolute;
 left:-332px;
 z-index:0;
}

.bcc-page .slideshow-container .right-bg {
 background:url(/media/templates/slideshow-right-col-bg.jpg) no-repeat 0 0;
 width:333px;
 height:333px;
 float:left;
 position:absolute;
 right:-333px;
 z-index:0;
}

.bcc-page .slideshow-container .home-slideshow {
  float:left;
  display:block;
  position:relative;
  z-index:14;
}

#db-bar {
/*  display:none;  */
}

#digital-brigade {
  /*background:#a90000;*/
  background:url(/media/templates/bcc-db-bar.png) repeat-x 0 0;
  clear:both;
  overflow:hidden;
  position:absolute;
  width:100%;
  height:43px;
  padding:3px 0px 0px;
  z-index:50;
/*  -moz-box-shadow: 0px 5px 15px #111;
  -webkit-box-shadow: 0px 5px 15px #111;
  box-shadow: 0px 5px 15px #111;*/
}

#digital-brigade span {
  color:#FFF;
  font-family:'OpenSans',Myriad Pro;
  font-size:18px;
  line-height:18px;  
  display:block;
  float:left;
  padding-top: 7px;
}

#digital-brigade span strong {
  font-family:'OpenSans Semi Bold';
  text-shadow:1px 1px 6px #000;
  font-weight:normal;
}

#digital-brigade .rr-btn {
  margin-right:61px;
  display:block;
  float:left;
}

#digital-brigade .rr-btn.fb {
  margin-left: 132px;
}

#digital-brigade .close {
  vertical-align:top;
  margin-top:5px;
  display:block;
  float:left;
}

.bcc-page .bcc-body {
  padding:40px 0px 45px;
  position:relative;
}

.bcc-page.sub .bcc-body {
  padding:0px 0px 102px;
  position:relative;  
}

.bcc-page .bcc-body h1 {
  font-size:30px;
  margin-bottom:15px;
  line-height:37px;
}

.bcc-body .lcol {
  width:652px;
  padding-right:65px;
  float:left;
}

.bcc-body .rcol {
  width:263px;
  float:left;
}

.bcc-body .full-col {
  width:973px; 
  overflow:hidden;
}

.bcc-page .bcc-body a {
  font-weight:bold;
  color:#3670a8;
}

.bcc-page .divider {
  background:url(/media/templates/bcc-divider-dotted.png) repeat-x 50% 100%;
  /*border-bottom:1px dashed #a6a6a6;*/
  padding: 0px 0px 25px;
  margin: 0px 0px 25px;
  height:1px;
}


/* Main Navigation
-------------------------------------------------------------- */

.bcc-nav-bar {
background:#2f597f;
height:36px;
}

.bcc-nav-bar .container {
overflow:visible;
}

.bcc-page .bcc-nav {
  clear:both;
  text-align:right;
  float:right;
}

.bcc-page .bcc-nav li {
  cursor: pointer;
  float: left;
  position: relative;
}

.bcc-page .bcc-nav a {
  padding:9px 23px;
  font-family:'OpenSans Semi Bold',Myriad Pro;
  font-size:17px;
  text-transform:uppercase;
  color:#FFF;
  display:block;
  float:left;
  line-height:18px;
}

.bcc-page .bcc-nav a.more {
  background-image:url(/media/templates/bcc-nav-arrow.png);
  background-repeat:no-repeat;
  background-position:94% 16px;
  cursor:default;
}

.bcc-page .bcc-nav a:hover.more,.bcc-page .bcc-nav a.more.active {
  background-color:#5a8ebf;
  border-top-left-radius: 7px 7px;
  border-top-right-radius: 7px 7px;
}

/*
.bcc-page .bcc-nav .cap-left {
  background:url(/media/templates/nav-cap-left.jpg) no-repeat 0 0;
  width:6px;
  height:43px;
  float:left;
  display:block;
}

.bcc-page .bcc-nav .cap-right {
  background:url(/media/templates/nav-cap-right.jpg) no-repeat 0 0;
  width:6px;
  height:43px;
  float:left;
  display:block;
}
*/

.bcc-page .bcc-nav a:hover,.bcc-page .bcc-nav a.active,.bcc-page .bcc-nav a.active:hover {
  color:#fceeb2;
  position:relative;
  z-index:60;
}

/*
.bcc-page .bcc-nav a.top,.bcc-page .bcc-nav a:hover.top {
  background: none repeat scroll 0 0 #5a8ebf;
  display: none;
  left: -34px;
  letter-spacing: 0.7px;
  padding: 10px 34px;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  top: -10px;
  white-space: nowrap;
}*/

.bcc-page .bcc-nav .level2-wrapper {
  position:relative;
  width:348px;
  top:0px;
  left:0px;
  z-index:50;
  background:#5a8ebf url(/media/templates/nav-gradient-tile.jpg) repeat-x left bottom;
  border-top-right-radius: 7px 7px;
  border-bottom-left-radius: 7px 7px;
  border-bottom-right-radius: 7px 7px;
  -moz-box-shadow: 0px 0px 20px #111;
  -webkit-box-shadow: 0px 0px 20px #111;
  box-shadow: 0px 0px 20px #111;
}

.bcc-page .bcc-nav .level2-wrapper .lcol {
  float:left;
  width:145px;
  padding:25px 20px;
}

.bcc-page .bcc-nav .level2-wrapper .rcol {
  float:right;
  padding:0px;
}

.bcc-page .bcc-nav .level2-wrapper .lcol a {
  font-family:"OpenSans";
  font-size:15px;
  color:#FFF;
  text-transform:capitalize;
  text-align:left;
  margin-bottom:5px;
  padding:0px;
  display:block;
  float:none;
}

.bcc-page .bcc-nav .level2-wrapper .lcol a:hover,
.bcc-page .bcc-nav .level2-wrapper .lcol a.active,
.bcc-page .bcc-nav .level2-wrapper .lcol a.active:hover {
  color:#fceeb2;
}

.bcc-page .bcc-nav .level2-wrapper.search {
  width:228px;
  right:-110px;
  left:auto;
  position:absolute;
  border-top-right-radius:0px 0px;  
  border-top-left-radius:7px 7px;
}

.bcc-page .bcc-nav .level2-wrapper.search .lcol {
  width:0;padding:0; 
}

.bcc-page .bcc-nav .level2-wrapper.search .rcol {
   padding:14px; 
}

.bcc-search-input {
   background:url(/media/templates/bcc-search-input.png) no-repeat 0 0;
   width:199px;
   height:32px; 
}

.bcc-search-label {
    font:15px/15px 'OpenSans';
    color:#FFF;
    margin:15px 0px 10px;
    text-align:left;
} 

.bcc-search-input-text {
    border:none;
    background:transparent;
    color: #588dbf;
    float: left;
    font-family: Arial;
    font-size: 14px;
    line-height:14px !important;
    font-style: italic;
    height: 19px;
    text-align: left;
    text-indent: 5px;
    width: 160px;
    padding:8px 6px;
}

.bcc-search-submit {
    border:none;
    background:transparent;
    display:block;
    float:left;
    height:23px;
    width:27px;
    cursor:pointer;
}

/* Menus
---------------------------------------------------------- */

.bcc-cta-btns a {
  display:block;
  margin-bottom:5px;
  line-height:0px;
  opacity:1;
  filter:alpha(opacity=100);
}

.bcc-cta-btns a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
}  
  
.bcc-home-featured-article .lcol {
  width:324px;
  padding-right:32px;
  float:left;
}

.bcc-home-featured-article .rcol {
  width:270px;
  float:left;
}

.bcc-home-featured-article .rcol h2,
.bcc-home-featured-article .rcol h2 a,
.bcc-home-featured-article .rcol h2 a:hover {
  font-size:22px;
  font-family: 'OpenSans Semi Bold';
  line-height:1em; 
  color: #3670A8;
  font-weight: normal;
  margin:16px 0px 22px;
  text-transform: uppercase;
  text-decoration:none;
  
}

.bcc-featured-stories h2 {
  font-size:22px;
  margin-bottom:20px;
  text-transform: uppercase;
}

.bcc-featured-stories .item {
  float:left;
  display:block;
  width:321px;
  height:249px;
  position:relative;
  z-index:11;
  overflow:hidden;
}

.bcc-featured-stories .spacer {
  width:8px;
  height:20px;
  float:left;
}

.bcc-featured-stories a {
  position:absolute;
  z-index:9;
}

.bcc-featured-stories img {
/*  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;*/
}

.bcc-featured-stories h3 {
  /*background:url(/media/templates/bcc-blue-overlay.png) repeat 0 0;*/
  background:#2f597f;
  color:#e3e3e3;
  font:15px 'OpenSans',Arial;
  position:absolute;
  z-index:10;
  bottom:0px;
  display:block;
  padding:15px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor:pointer;
  letter-spacing:0px;
  width:301px;
}

.bcc-footer {
  border-top:2px solid #c12929;
  background:#2f597f url(/media/templates/bcc-footer-mtn.jpg) no-repeat 50% 0;
  padding:26px 0px;
}

.bcc-footer h2 {
  color:#FFF;
  font:24px 'OpenSans',Myriad Pro;
  margin-bottom:22px;
  line-height:24px;
  text-shadow:1px 1px 6px #000;
}

.bcc-footer a {
  color:#FFF;
  font:14px 'OpenSans';
  float:left;
  display:block;
}

.bcc-footer a:hover,.bcc-footer .item:hover a {
  color:#b50000;
}

.bcc-footer .item {
  float:left;
}

.bcc-footer .spacer {
   width:52px;
   height:50px;
   float:left;
}

.bcc-footer a.caption,
.bcc-footer a:hover.caption {
   vertical-align:top;
   float:left;
   display:block;
   margin:18px 0px 0px 11px;
}

/* Sub Page
---------------------------------------------------------- */

.sub-banner {
  background:#2F485E url(/media/templates/bcc-sub-banner-bg.jpg) no-repeat 50% 0%;
  height:257px;
  border-bottom:2px solid #c12929;  
}

.sub-banner h4 {
  font:58px/58px 'OpenSans';
  text-shadow:1px 1px 6px #000;
  color:#feffff;
  text-transform:uppercase;
  margin-bottom:5px;
}

.sub-banner h5 {
  font:31px/31px 'OpenSans Italic';
  text-shadow:1px 1px 6px #000;
  color:#feffff;
}

.sub-banner .lcol {
  float:left; 
  margin-top:83px;
  width:660px;
}

.sub-banner .fcol {
  float:left;
  margin-top:100px;
}

.sub-banner .president .lcol {
  float:left;
  margin-top:0px;
  margin-left:20px;
  width:508px;
}

.sub-banner .section .lcol {
  margin-top:101px;
}

.sub-banner .rcol {
  float:right;
}

.sub-banner .president .rcol {
  float:right;
  width:447px;
  margin-top:83px;
}

.bcc-page .bcc-default-article h1,.bcc-page .bcc-default-article.secure h1 {
  margin-bottom:30px; 
  float:left;
  width:450px;
}

.bcc-page .bcc-default-article.secure h1 {
  width:680px; 
}

.bcc-default-article .attach-img {
  float:left;
  margin:0px 30px 30px 0px; 
}

.Quote .start {
  margin-right:17px;
}

.Quote .end {
  margin-left:17px;
}

.bcc-default-article ul,
.bcc-default-article ol,
body#tinymce ul,
body#tinymce ol { 
  line-height:1.5em;
  list-style-position:outside;
  margin-left:40px;
}

.bcc-default-article ul,
body#tinymce ul { list-style-type:disc; }

.bcc-default-article ol,
body#tinymce ol { list-style-type:decimal; }


/* Cpath
---------------------------------------------------------- */

.bcc-page .bcc-cpath {
  padding-bottom:30px;  
}

.bcc-page .bcc-cpath a,.bcc-page .bcc-cpath a.active,.bcc-page .bcc-cpath span {
  font:normal 11px/11px Arial;
  color:#666;
  text-transform:uppercase;
}

.bcc-page .bcc-cpath a.active {
  text-transform:none;  
  color:#3670a8;
}

.bcc-page .bcc-cpath a:hover,.bcc-page .bcc-cpath a:hover.active {
  color:#cb0d2f;
}


/* Article Menu
---------------------------------------------------------- */

.bcc-default-article-menu .lcol {
  padding-right:0px;
  float:left;
  width:auto;
}

.bcc-default-article-menu a.more,
.bcc-default-article-menu a:hover.more {
  white-space:nowrap;
}

.bcc-default-article-menu a:hover.more {
  color:#cb0d2f;
}
.bcc-default-article-menu .lcol img {
  margin:0px 35px 0px 0px;
  max-width:none;
}  
  
.bcc-default-article-menu .rcol {
  float:left;
  width:auto;
}

.bcc-default-article-menu h2 {
  color:#3670a8;
  font:normal 24px/26px 'OpenSans Regular'; 
  text-transform:uppercase;
  margin-bottom:15px;
}

.bcc-default-article-menu .date {
  font-size:12px; 
}

/* MLA
---------------------------------------------------------- */

.bcc-mla-nav .item {
  margin-bottom:5px; 
}

.bcc-mla-nav .top {
  background:#345f86 url(/media/templates/bcc-mla-nav-tile.jpg) no-repeat 0 0;
  width:261px;
}

.bcc-mla-nav .top a,.bcc-mla-nav .top a:hover {
  font:16px/18px 'OpenSans Semi Bold';
  color:#FFF;
  padding:9px 24px 4px 44px;
  text-transform:uppercase;
  display:block;
}  
 
.bcc-mla-nav .top a:hover,
.bcc-mla-nav .top a.active,
.bcc-mla-nav .top a.active:hover {
  color:#fceeb2;
}

.bcc-mla-nav .bottom {
  background:url(/media/templates/bcc-mla-nav-bottom.jpg) no-repeat 0 0;
  width:261px;
  height:5px;
  display:block;
}

.bcc-default-article.mla h1 {
  margin-bottom:0px; 
}

.bcc-default-article.mla .divider.short,.divider.short {
  padding:0px 0px 10px;
  margin:0px 0px 25px;
}

.bcc-default-article.mla h2 {
  font:30px/30px 'OpenSans Semi Bold';
  color:#3670a8;
  margin-bottom:5px;
}

.bcc-default-article.mla h3 {
  font:18px/18px 'OpenSans';
  color:#3670a8;
  margin-bottom:20px;
}

a.more-arrow, a:hover.more-arrow {
  background:url(/media/templates/bcc-more-arrow.jpg) no-repeat 100% 6px;
  padding-right:10px;
}

#showless {
  margin-top:10px; 
  display:block;
  float:left;
}

.bcc-default-article.mla .attach-img {
  margin:0px 30px 10px 0px; 
}

/* Recent News
---------------------------------------------------------- */

.bcc-recent-news h2 {
  font:22px/22px 'OpenSans Semi Bold';
  color:#3670a8;
  margin-bottom:15px;
}

.bcc-page .bcc-recent-news .item {
  margin-bottom:5px;  
}

.bcc-page .bcc-recent-news .wrapper {
  width:auto;
  height:auto;  
  float:left;
}

.bcc-page .bcc-recent-news .lcol {
  float:left;  
  padding-right:5px;
  width:65px;
}

.bcc-page .bcc-recent-news .lcol img {
  margin:0px auto 0px;
  display:block;
}

.bcc-page .bcc-recent-news .rcol {
  float:left; 
  width:530px;
  margin-top:5px;
}

.bcc-page .bcc-recent-news .rcol .time {
  font:11px/11px Arial; 
}

.bcc-page .bcc-recent-news .rcol h3 {
  font:13px/13px Arial;
  color:#666;
}


.bcc-recent-news a.prev,
.bcc-recent-news a:hover.prev,
.our-mlas a.prev,
.our-mlas a:hover.prev,.photo-gallery .prev{
  background:url(/media/templates/bcc-arrow-prev-small.jpg) no-repeat 0 0;
  width:9px;
  height:16px;
  padding:2px 0px 0px 18px;
  font:12px/12px Arial;
  color:#666; 
  float:left;
  cursor:pointer;
}

.bcc-recent-news a.next,
.bcc-recent-news a:hover.next,
.our-mlas a.next,
.our-mlas a:hover.next,.photo-gallery .next {
  background:url(/media/templates/bcc-arrow-next-small.jpg) no-repeat 100% 0%;
  width:9px;
  height:16px;
  padding:2px 30px 0px 0px;
  font:12px/12px Arial;
  color:#666;
  float:right;
  cursor:pointer;
}

.our-mlas a.prev,
.our-mlas a:hover.prev {
  position:absolute;
  left:0px; 
}

.our-mlas a.next,
.our-mlas a:hover.next {
  position:absolute;
  right:10px;
}

/* Pagination 
---------------------------------------------------------- */

.paging-nav {
  width:980px;
  position:relative;
  text-align:center;
}

.bcc-page .pagination,.pagination li {
  list-style-type:none;
  margin:0px;
}

.bcc-page .pagination {
  display:inline-block;
  margin:0px auto;
  text-align:center;
  zoom:1;
  *display:inline;
}

.bcc-page .pagination li {
  float:left;
  cursor:pointer;
  text-align:center; 
  padding:0px 10px;
}

.pagination li.item-li {
  padding-top:2px; 
}

.bcc-page .pagination li a,.pagination li a:hover {
  float:left;
  font:12px/12px Arial;
  color:#666;
}

.bcc-page .pagination li a:hover,
.bcc-page .pagination li.active a,
.bcc-page .pagination li.active a:hover{
  color:#3670a8; 
}

/* Carousel 
---------------------------------------------------------- */

.the-carousel-gallery{
    width:640px;
    height:200px;
    position:relative;
}

.the-carousel-gallery .navigation{
    overflow:hidden;
    padding:0px;
    width:640px;
    position:relative;
    padding-bottom:20px;
}

.the-carousel-gallery .item{
    cursor: pointer;
    display: block;
    width:640px;
}

.the-carousel-gallery .screen{
    clear:both;
    overflow:hidden;
    position:relative;
}

/* OUR MLAS */

.our-mlas .the-carousel-gallery{
    width:980px;
    height:809px;
    position:relative;
}

.our-mlas .the-carousel-gallery .navigation{
    overflow:hidden;
    padding:0px;
    width:980px;
    position:relative;
    padding-bottom:10px;
}

.our-mlas .the-carousel-gallery .item {
    cursor: pointer;
    display: block;
    width:196px;
    margin-bottom:10px;
    position:relative;
}

.our-mlas .the-carousel-gallery .wrapper {
   width:980px;
   float:left;
}

.our-mlas .the-carousel-gallery .item a{
  background-repeat:no-repeat;
  background-position: 50% 0%;
  width:189px;
  height:235px;
  display:block;
}

.our-mlas .the-carousel-gallery .item h3 {
  /*background:url(/media/templates/bcc-blue-overlay.png) repeat 0 0;*/
  color:#FFF;
  font:12px 'OpenSans Semi Bold',Arial;
  position:absolute;
  z-index:10;
  bottom:14px;
  display:block;
  padding:10px 10px;
  cursor:pointer;
  letter-spacing:0px;
  width:168px;
  height:34px;
}

.our-mlas .the-carousel-gallery .item h3 div,.our-mlas .the-carousel-gallery .item h3 div.cabinet {
  font:12px/13px 'OpenSans',Arial;
  color:#d9eaf8;
}

.our-mlas .the-carousel-gallery .item h3 div.cabinet {
  font-size:11px;
}

.bcc-page .our-mlas h1 {
  margin-bottom:10px;   
}

.our-mlas .mla-search {
 background:url(/media/templates/bcc-mla-search-input.jpg) no-repeat right top; 
 height:26px;
 margin-top:10px;
}

.our-mlas .mla-search label {
  padding:6px 13px 0px 0px;
  font:15px/15px 'OpenSans Semi Bold';
  color:#3670a8;
  display:block;
  float:left;
}

.our-mlas .mla-search input {
  border:none;
  background:transparent; 
  width:180px;
  height:16px;
  padding:5px;
  float:left;
}

/* Contact
------------------------------------------------*/

.bcc-contact-email .box {
   background:url(/media/templates/bcc-blue-gradient-box.jpg) no-repeat 0 0;
   float:left;
   height:165px;
   padding:34px 10px 10px;
   width:193px;
}


.bcc-contact-email .box div {
   font: 17px/19px 'OpenSans';
   height: 124px;
   padding: 0 20px;
}

.bcc-contact-email .box a {
   opacity:1; 
}

.bcc-contact-email .box a:hover {
   opacity:0.8;
}

.bcc-contact-email .spacer {
   width:6px;
   height:20px;
   float:left; 
}

/* Paging
------------------------------------------------*/

.bcc-paging {
  float:right;
}

.bcc-paging,
.bcc-page .bcc-paging a,
.bcc-page .bcc-paging a:hover {
  padding:0px 0px 0px 10px;
  color:#666;
  font:normal 13px/13px 'OpenSans'; 
}

.bcc-page .bcc-paging a.active, 
.bcc-page .bcc-paging a.active:hover,
.bcc-page .bcc-paging a:hover {
  color:#3670A8; 
  font:bold 13px/13px 'OpenSans'; 
}

/* Tweets 
------------------------------------------------ */

.tweet,
.query {
}

.tweet_list {
  list-style: none;
  margin: 0;
  padding: 0;
  height:180px;
  overflow:auto;
  font-size:12px;
}


.mla .tweet_list {
  height:220px;  
}
  
.tweet_list .awesome,.tweet_list .epic {
}
    
.tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.5em;
  display:block;
  border-bottom:1px dashed #CCC;
  margin:0px 10px;
}
    
.tweet_list li a {
  color: #d9eaf8;
}
    
.tweet_list .tweet_even {
}
    
.tweet_list .tweet_avatar {
  padding-right: .5em; float: left;
}
    
.tweet_list .tweet_avatar img {
  vertical-align: middle;
}

/* DIGITAL BRIGADE FORM
------------------------------------------------ */

.bcc-db {
  background:url(/media/templates/bcc-db-bg.jpg) no-repeat 0 0;
  width:554px;
  height:293px;
  padding:37px 50px;
  color:#FFF;
  font:15px/17px 'OpenSans';
}

.bcc-db p,
.bcc-db strong,
.bcc-db span {
  color:#FFF;
  font:15px/17px 'OpenSans'; 
  margin:0px 0px 5px 0px; 
}

.bcc-db strong {
  font:normal 15px/17px 'OpenSans Semi Bold';
}

.bcc-db .lcol {
  width:243px;
  height:290px;
  float:left;
  border-right:1px dotted #FFF;
  padding:10px 30px 0px 0px;
}

.bcc-db .lcol img {
  vertical-align:middle; 
}

.bcc-db .rcol {
  width:247px;
  float:left;
  padding:10px 0px 0px 30px;
}

.bcc-db .rcol .field {
  margin:0px 0px 5px 5px;
  display:block;
  width:210px;
}

.bcc-db .rcol .field .input {
  background:url(/media/templates/bcc-db-input.jpg) no-repeat 0 0;
  width:246px;
  height:28px;
}

.bcc-db .rcol .submit input {
  background:transparent url(/media/templates/bcc-db-submit.jpg) no-repeat 0 0;
  width:256px;
  height:51px;  
  border:none;
  cursor:pointer;
  margin-top:10px;
}

.bcc-db .rcol .field label{
  color: #FFFFFF;
  display: block;
  width: 100px;
  font:14px/18px 'OpenSans';
  margin-bottom:5px;
}

.bcc-db .rcol .field input{
  width: 236px;
  background:transparent;
  border:none;
  padding:7px 5px 5px;
  float:left;
  line-height:13px !important;
}

 .form-msg,.quickbuy-error {
  color:#C12929;
  margin-bottom:10px;
  font:13px/15px 'OpenSans Semi Bold';
}

/* Secure
----------------------------------------------------------*/

.bcc-sec-home-article-menu .box {
   background:url(/media/templates/bcc-sec-item-bg.jpg) no-repeat 0 0;
   float:left;
   height:249px;
   padding:34px 45px;
   width:219px;
   margin:0px 10px 10px 0px;
   text-align:center;
}

.bcc-sec-home-article-menu .box div {
   font: 17px/19px 'OpenSans';
   height: 219px;
}

.bcc-sec-home-article-menu .box img.prod-img {
   padding-top:10px; 
}

.bcc-sec-home-article-menu .box a.click-here {
   opacity:1;
}

.bcc-sec-home-article-menu .box a:hover.click-here {
   opacity:0.8;
}

/* Forms
--------------------------------------------------------- */

.bcc-sec-form {
   margin-top:20px;  
}

.bcc-sec-form .top {
  width:665px;
  height:22px;
  background:url(/media/templates/bcc-sec-form-top.jpg) no-repeat 0 0;
}

.bcc-sec-form .bottom {
  width:665px;
  height:22px;
  background:url(/media/templates/bcc-sec-form-bottom.jpg) no-repeat 0 0;
}

.bcc-sec-form .tile {
  width:591px;
  min-height:385px;
  background:url(/media/templates/bcc-sec-form-tile.jpg) no-repeat 0 0;
  padding:10px 37px;
  clear:both;
  overflow:hidden;
}

.bcc-sec-form h2,.bcc-sec-form h3 {
  font:30px/32px 'OpenSans';
  color:#3670a8;
  margin:0px 0px 8px;
  padding:0px 0px 8px;
  border-bottom:1px dotted #959595; 
  display:block;
}

.bcc-sec-form h3 {
  font:18px/20px 'OpenSans';
  margin:0px 0px 15px;
}

.bcc-sec-form .input-tiny {
  background:url(/media/templates/bcc-sec-input-tiny.png) no-repeat 0 0;
  width:39px;
  height:22px;
  display:block;
  margin:0px 0px 10px;
}

.bcc-sec-form .input-tiny input {
  width:29px;
  background:transparent;
  border:none;
  padding:2px 5px;
  font:13px/15px 'OpenSans';
  color:#666;
  text-align:center;
}

.bcc-sec-form .input-small {
  background:url(/media/templates/bcc-sec-input-small.png) no-repeat 0 0;
  width:105px;
  height:22px;
  display:block;
}

.bcc-sec-form .input-small input {
  width:95px;
  background:transparent;
  border:none;
  padding:2px 5px;
  font:13px/15px 'OpenSans';
  color:#666;
}

.bcc-sec-form .input {
  background:url(/media/templates/bcc-sec-input.png) no-repeat 0 0;
  width:205px;
  height:22px; 
  float:left;
  margin:0px 0px 10px;
}

.bcc-sec-form .input input {
  width:195px !important;
  background:transparent;
  border:none;
  padding:2px 5px;
  font:13px/15px 'OpenSans';
  color:#666;
}

.bcc-sec-form select {
  margin:0px 0px 10px;
}

.bcc-sec-form input {
  float:left;
  vertical-align:middle;
}  
  
.bcc-sec-form label {
  color: #666;
  display: block;
  font:13px/15px 'OpenSans';
  margin-bottom:10px;
  float:left;
  padding:0px 10px;
  vertical-align:middle;
}

.bcc-sec-form.qb-form label {
  width:325px; 
}

.bcc-sec-form .bcc-cart {
  padding-top:20px;  
}

.bcc-page .bcc-cart .divider {
  margin:0px 0px 10px;
  padding:0px 0px 10px;
  /*border-bottom:1px dotted #959595; */
  background:url(/media/templates/bcc-divider-dotted.png) repeat-x 50% 100%;
  height:1px;
}

.bcc-cart td, 
.bcc-cart th{
  padding:0px 0px 10px;  
}


/* Photo Gallery
------------------------------------------------*/

.photo-gallery {
    width:562px;
    height:165px;
    position:relative;
}

.photo-gallery .gallery-img {
    display: block;
    height: 100px;
    overflow: hidden;
    width: 562px;
    position:relative;
}

.gallery-img img {
    margin:0px auto;
    display:block;
}

.photo-gallery .navigation {
    overflow:hidden;
    padding:15px 0px 0px 0px;
    width:562px;
    position:relative;
}

.photo-gallery .item {
    cursor: pointer;
    display: block;
    float: left;
    height: 100px;
    margin-right:10px;
    width: 133px;
}

.photo-gallery .screen {
    padding-bottom:10px;
    clear:both;
    overflow:hidden;
    position:relative;
}

.photo-gallery .prev {
    position:absolute;
    left:0;
}

.photo-gallery .next {
    position:absolute;
    right:0;
}

.overlay-next {
    background:url(/media/templates/overlay-next.png) no-repeat 0 0;
    width:28px;
    height:46px;
    position:absolute;
    top:50%;
    right:-50px;
    margin-top:-23px;
    display:block;
    cursor:pointer;
}

.overlay-prev {
    background:url(/media/templates/overlay-prev.png) no-repeat 0 0;
    width:28px;
    height:46px;
    position:absolute;
    top:50%;
    left:-50px;
    margin-top:-23px;
    display:block;
    cursor:pointer;
}

.preloader {
position:absolute;
top:50%;
left:50%;
width:24px;
height:24px;
/*background:url(/media/templates/preloader.gif) no-repeat;*/
}

/* Overlay
------------------------------------------------*/

.overlay {
display:none;
top:0;
right:0;
bottom:0;
left:0;
margin:0 auto;
position:fixed;
width:2000em;
height:2000em;
z-index:100;
background:transparent url(/media/templates/overlay-bg.png) repeat;
}

.overlay-background {
background-color:transparent;
top:0;
right:0;
bottom:0;
left:0;
display:block;
opacity:0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position:fixed;
width:100%;
}

.overlay-content {
display: none;
position: absolute;
top: 0;
z-index: 200;
}

.carousel-popup {
display:block;
position:relative;
}

.carousel-popup h2,
.carousel-popup h3 {
font:normal 12px/14px Arial;
color:#333;  
float:left;
}

.carousel-popup h3 {
position:relative;
top:15px;
clear:both;
}

.popup-close {
display:block;  
position:absolute;
top:-15px;
right:0px;
font:normal 12px/12px Arial;
color:#666 !important;
text-decoration:none;
z-index:9999;
}

#main-photo {
background-color:#000;  
-moz-box-shadow: 0px 2px 6px #111;
-webkit-box-shadow: 0px 2px 6px #111;
box-shadow: 0px 2px 6px #111;
}

#main-photo img {
display:inline-block;
zoom:1;
margin:0px auto;  
}

a.bcc-join-renew,a:hover.bcc-join-renew {
background:url(/media/templates/bcl11-joinrenew6.png) no-repeat 0 0;
margin:0px 0px 0px 10px !important;  
padding:0px !important;
width:183px;
height:31px;
display:block;
}

a:hover.bcc-join-renew {
background-position:0px -31px;  
}


.bcc-page a.donate2 {
  display:block;
  float:right;
  margin-bottom:40px;
  margin-left:20px;
  background:url(/media/templates/bcc-donate-now6.png) no-repeat 0 0;
  width:183px;
  height:42px;
}

.bcc-page a:hover.donate2 {
  background-position:0px -42px; 
}


/* Layout
-------------------------------------------------------------- */

.bcc-page > header{
  position:relative;
  z-index:2;
}

.bcc-page > #slideshow{
  position:relative;
  z-index:1;  
}

/* Bottom Footer
-------------------------------------------------------------- */

#footerb{
  background: #323232;
  color:#FFF;
}

#footerb-wrapper{
  width:980px;
  margin: 0 auto;
  padding:20px 0px;
}

#footer-nav{
  padding-top:47px;
}

#footer-nav ul{
  float:right;
}

#footer-nav ul li{
  display: inline;
}

#footer-nav ul li a{
  display:block;
  float:left;
  font-size:13px;
  font-family: Arial;
  color:#e9e9e9;
}

#footer-nav ul li a:hover,
#footer-nav ul li a:active,
#footer-nav ul li.active a,
#footer-nav ul li.active a:hover{
  color:#B50000;
}

#footer-nav ul li a.divider{
  padding:0 10px;
  margin:0;
  border: none;
  cursor: default;
  background:none;
}

#footer-nav ul li a.divider:hover,
#footer-nav ul li a.divider:active{
  color:#FFF;
}

#copyright{
  font-size:12px;
  font-family:Arial;
  color:#999;
}

/* Feedback Tab
-------------------------------------------------------------- */

#feedback{
  position:absolute;
  top:46px;
  left:-255px;
  z-index: 20;
  width:255px;
}

.rgba #feedback{
}

#feedback.active{
  left:0;
}

#feedback .feedback-tab{
  display:block;
  position:absolute;
  top:0;
  right:-35px;
  cursor: pointer;
}

#feedback .feedback-form{
  background: #B50000;
  color:#FFF;
  padding:20px 20px 20px 30px;
  
  border-radius:       0 0 7px 0px;
  -webkit-border-radius:   0 0 7px 0px;
  -moz-border-radius:   0 0 7px 0px;
  -o-border-radius:     0 0 7px 0px;
}

.feedback-form .header {
  font:19px/19px 'OpenSans Semi Bold';
  text-shadow:0 0 5px #333;
  margin-bottom:17px;
  color:#FFF;
}

#feedback .field{
  margin-bottom:15px;
  display:block;
  width:210px;
}

#feedback .field .input {
  background:url(/media/templates/bcc-feedback-input.jpg) no-repeat 0 0; 
  width:186px;
  height:31px;
}

#feedback .field .textarea {
  background:url(/media/templates/bcc-feedback-textarea.jpg) no-repeat 0 0;
  width:190px;
  height:148px;
}

#feedback .submit input {
  background:transparent url(/media/templates/bcc-feedback-submit.jpg) no-repeat 0 0;
  width:186px;
  height:41px;  
  border:none;
  cursor:pointer;
}

#feedback .field label{
  color: #FFFFFF;
  display: block;
  width: 100px;
  font:14px/18px 'OpenSans';
  margin-bottom:5px;
}

#feedback .field input{
  width: 176px;
  background:transparent;
  border:none;
  padding:7px 5px 5px;
  float:left;
  line-height:13px !important;
}

#feedback .field textarea{
  width: 178px;
  height:135px;
  padding:5px;
  background:transparent;
  border:none;
  overflow:auto;
}




/* Home Page Slideshow
-------------------------------------------------------------- */

.home #slideshow-wrapper,
.home #slideshow .screen,
.home #slideshow .item{
  width:980px;
  height:330px;
  position: relative;
  z-index:1;
}

.home #slideshow-wrapper{
  margin: 0 auto;
}

.home #slideshow .screen{
  overflow: hidden;
}

.home #slideshow .container{
  width:10000px;
  height:330px;
  position: absolute;
  top:0;
  left:0;
  overflow: hidden;
}

.home #slideshow .item{
  float:left;
  overflow: hidden;
  background:#3670A8;
}

.home #slideshow .item .img{
  height: 330px;
  width: 580px;
  overflow: hidden;
  position:relative;
  z-index:2;
  display:block;
}

.slideshow-vid-play {
 display:none;
 position:absolute;
 top:115px;
 left:219px;
 cursor:pointer; 
}

.home #slideshow .item > .left{
  width:540px;
  height:330px;
  background:#000;
  position:relative;
}

.home #slideshow .item > .right{
  width:440px;
  height:330px;
  background: url(/media/templates/slideshow-right.jpg) no-repeat 0 0;
}

.home #slideshow .item .text{
  padding-top:50px;
  width:290px;
  margin:0 auto;
  font-size:22px;
  text-shadow:0 0 5px #333;
  text-align: left;
  color:#FFF;
  line-height: 30px;
}

.home #slideshow .prev,
.home #slideshow .next{
  width:28px;
  height:46px;
  position: absolute;
  top:150px;
  left:-70px;
  overflow: hidden;
  cursor: pointer;
  background: url(/media/templates/slideshow-prev.png) no-repeat 0 0;
  z-index:12;
}

.home #slideshow .prev:hover,
.home #slideshow .prev:active,
.home #slideshow .next:hover,
.home #slideshow .next:active{
  background-position:0 -50px;
}

.home #slideshow .next{
  background: url(/media/templates/slideshow-next.png) no-repeat 0 0;
  left:auto;
  right:-70px;
}


/* Home Page Social Media Box
-------------------------------------------------------------- */

#social-media{
  height: 285px;
  padding: 6px;
  width: 250px;
  background:#3B5A77;
  margin-bottom:5px;
  
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
}

.no-borderradius #social-media{
  background:url(/media/templates/social-media-box.jpg) no-repeat 0 0;
  height:290px;
}

#social-media-nav{
  height:34px;
}

#social-media .social-media-wrapper{
  background: #FFF;
/*  height: 250px;
    overflow: hidden;*/
    
  border-radius:       0px 0px 7px 7px;
  -moz-border-radius:   0px 0px 7px 7px;
  -webkit-border-radius:   0px 0px 7px 7px;
  -o-border-radius:     0px 0px 7px 7px;
}

.no-borderradius #social-media .social-media-wrapper{
  background:none;
  height:auto;
    overflow: visible;
    
  border-radius:       0px;
  -moz-border-radius:   0px;
  -webkit-border-radius:   0px;
  -o-border-radius:     0px;
}

#social-media-nav ul{
  float:left;
}

#social-media-nav ul li{
  display:inline;
}

#social-media-nav ul li a{
  display:block;
  float:left;
  color:#FFF;
  background:#3B5A77;
  font-weight: bold;
  width:125px;
  height:34px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  border-radius:6px 6px 0 0;
  text-shadow:0px 1px 0 #000;
}

#social-media-nav ul li.active a,
#social-media-nav ul li a:hover,
#social-media-nav ul li a:active{
  color:#BAC3CC;
  background:#FFF;
  text-shadow:none;
}

.no-borderradius #social-media-nav ul li.active a,
.no-borderradius #social-media-nav ul li a:hover,
.no-borderradius #social-media-nav ul li a:active{
  background:url(/media/templates/social-media-nav-bg.png) no-repeat 0 0;
  border-radius:       0px;
  -moz-border-radius:   0px;
  -webkit-border-radius:   0px;
  -o-border-radius:     0px;
}

#social-media .social-media-wrapper > .item{
  width:240px;
  height: 250px;
  /*overflow-x:hidden;
  overflow-y:auto;*/
  overflow:hidden;
  margin:0 auto;
  display:none;
}

#social-media .twitter-tweets .item{
  border-bottom: 1px dashed #CCCCCC;
  font-size: 13px;
  padding:8px 0;
  display:block;
  color:#333;
}

#social-media .twitter-tweets .item small{
  color:#999;
  display:block;
  margin-top:5px;
}

#social-media .twitter-tweets{
  padding:10px 0;
}

#social-media .twitter-tweets .twtr-hd,
#social-media .twitter-tweets .twtr-ft{
  display:none;
}

#social-media .twitter-tweets .left-col {
  float:left;
  width:50px;
  padding-left:10px;
}

#social-media .twitter-tweets .right-col {
  float:left;
  width:163px;
}

#social-media .twitter-tweets a.twitter-header,
#social-media .twitter-tweets a:hover.twitter-header {
  color:#3B5998;
  font:normal 11px/12px "lucida grande",tahoma,verdana,arial,sans-serif;  
  padding-bottom:5px;
  display:block;
}


#social-media .twitter-tweets .twitter-header .big {
  color:#3B5998;
  font:bold 14px/15px "lucida grande",tahoma,verdana,arial,sans-serif;  
}

#tweets-bcliberals {
  border-top:1px solid #D8DFEA;    
  margin:5px 5px 0px;
}

/* TOP STORY MENU */

#top-story{
}

#top-story nav{
  float:left;
  width:100%;
  overflow:hidden;
  position:relative;
}

#top-story nav ul{
  clear:left;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  left:50%;
  text-align:center;
}

#top-story nav ul li{
  display:inline;
  display:block;
  float:left;
  position:relative;
  right:50%;
  margin:0;
  padding:0;
}

#top-story nav ul li a{
  display:block;
  padding:0 5px;
}

#top-story nav ul li a:hover,
#top-story nav ul li a:active,
#top-story nav ul li.active a{
  color:#CB0D2F;
}

/* SUB BANNER IMAGE */

.bleft{
  position:absolute;
  width:50%;
  height:257px;
  top:0;
  left:0;
  background: #D4E7F8;
}

.bright{
  position:absolute;
  width:50%;
  height:257px;
  top:0;
  right:0;
  background: #16659F;
}

.sub-banner-wrapper{
  position:relative;
  background:url("/media/templates/bcc-sub-banner-bg.jpg") no-repeat scroll 50% 0 #2F485E;
}

body .sub-banner{
  position:relative;
  background:url("/media/templates/bcc-sub-banner-bg.jpg") no-repeat 50% 0;
}


/* PAGINATION */

#top-story .paging-nav {
  width:100%;
  position:relative;
  text-align:center;
}

#top-story .pagination,.pagination li {
  list-style-type:none;
  margin:0px;
}

#top-story .pagination {
  display:inline-block;
  margin:0px auto;
  text-align:center;
  zoom:1;
  *display:inline;
}

#top-story .pagination li {
  float:left;
  cursor:pointer;
  text-align:center; 
  padding:0px 10px;
}

.pagination li.item-li {
  padding-top:2px; 
}

#top-story .pagination li a,.pagination li a:hover {
  float:left;
  font:12px/12px Arial;
  color:#666;
}

#top-story .pagination li a:hover,
#top-story .pagination li.active a,
#top-story .pagination li.active a:hover{
  color:#3670a8; 
}

#top-story a.prev,
#top-story a:hover.prev,
.our-mlas a.prev,
.our-mlas a:hover.prev  {
  background:url(/media/templates/bcc-arrow-prev-small.jpg) no-repeat 0 0;
  width:9px;
  height:16px;
  padding:2px 0px 0px 18px;
  font:12px/12px Arial;
  color:#666; 
  float:left;
  cursor:pointer;
}

#top-story a.next,
#top-story a:hover.next,
.our-mlas a.next,
.our-mlas a:hover.next  {
  background:url(/media/templates/bcc-arrow-next-small.jpg) no-repeat 100% 0%;
  width:9px;
  height:16px;
  padding:2px 30px 0px 0px;
  font:12px/12px Arial;
  color:#666;
  float:right;
  cursor:pointer;
  position:absolute;
  right:0px;
}