/* Used  for styling during the transition from the old site to the new site.
*/

#canvasWrapper { border-top: solid 10px #fff; padding-top: 30px; }
body { margin-top: 0; }
.toolbarWrapper { background-image: url(/_images/v2/toolbar-bg-narrow.jpg); }
.container_12 { width: 840px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_8 { width: 530px; }
.container_12 .grid_8_wider { width: /*500px*/650px; }
.container_12 .grid_4_wider { width: /*170px*/320px; }
.container_12 .toolbarTopRight { width: 150px; }
.dropdowns span.times a { margin-left: 5px; margin-right: 5px; }
.toolbarBottomLeft { padding-left: 10px; }
.toolbarBottomRight { display: none; }
.toolbarAlert { }
.toolbarUser { font-size: 11px; }
.menu dl dt.menu-onespokane a { background-image: url(/_images/v2/menu-item-onespokane.gif); background-position: 0px 0px; width: 163px; }
.menu dl dt.menu-next a { background-image: url(/_images/v2/menu-items.gif); background-position: -118px 0px; width: 120px; }
.menu dl dt.menu-new a { background-image: url(/_images/v2/menu-items.gif); background-position: 0px 0px; width: 118px; }
.menu dl dt.menu-give a { background-image: url(/_images/v2/menu-items.gif); background-position: -238px 0px; width: 78px; }
.menu dl dt.menu-onespokane a:hover { background-position: 0px -104px; }
.menu dl dt.menu-next a:hover { background-position: -118px -104px; }
.menu dl dt.menu-new a:hover { background-position: 0px -104px; }
.menu dl dt.menu-give a:hover { background-position: -238px -104px; }
.menu dl dt.menu-onespokane a, .menu dl dt.menu-onespokane a:hover { background-position: 0px -52px; }

/* TRANSITION */
.menu-about { display: none; }
.search { display: none; }
.sites { display: none; }

.dropdowns span.separator { display: none; }
/* FOOTER */
#contentWrapper { padding-bottom: 30px; }
#pageFooterWrapper { 
    padding: 0; 
    background:
    #000 url(/_images/v2/footer-bg.jpg) top left repeat-x;
    min-height: 400px;
	text-align: left;
}
#pageFooter { 
    color: #484848;
    padding: 30px 0 20px 0;
}
#pageFooter a, #pageFooter p { font-size: 11px; }
.quick-links a, .quick-links a:link  { 
    display: block; color: #525252; font-size: 85%; border-bottom: solid 1px #222; padding: 5px 10px 5px 10px; 
    background: url(/_images/v2/footer-arrow.gif) 120px top no-repeat;	
}
.quick-links a:visited { color: #313131; }
.quick-links a:hover, .quick-links a:active { color: #949494;
    background-position: 120px bottom;
}
.social { display: inline-block; }
.social a { display: inline-block; width: 90px; height: 30px; margin: 15px 0 15px 0; background-position: left top; background-repeat: no-repeat; }
.social-twitter a { background-image: url(/_images/v2/social-twitter.gif); }
.social-facebook a { background-image: url(/_images/v2/social-facebook.gif); }
.social a:hover { background-position: left bottom; }
#section7 a { width: 87px !important; }

#sliderContent { text-align: left; }
#sliderContent h4 { font-weight: normal; font-size: 22px;
	font-family: "Arial Black", Gadget, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #fff;
}
#sliderContent h5 { font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 18px; font-weight: bold; line-height: 1.2; display: inline-block; }
#sliderContent div { font-size: 11px; }

/* FOOTER */
.footerCols { padding: 0 0 20px 0; }
.footerCols .grid_4 { }
.footerCols p { margin: 0; font-size: 85%; text-align: justify; }
.footer-header { color: #fff; font-family: Akkurat; font-weight: bold; padding: 0 0 10px 0; font-size: 120%; margin-bottom: 15px; }
.footer-logo { float: left; width: 62px; height: 36px; background: url(/_images/v2/footer-logo.gif) no-repeat 50% 50%; margin-top: -10px; margin-bottom: 15px; }
.footer-links { padding: 10px 0 0 0;  }
.footer-links a { margin-right: 10px; font-size: 85%; }
.footerCols a, .footerCols a:link, .footerCols a:visited, .footerCols a:active { color: #868686; }
.footerCols a:hover { color: #717171; }

.footer-col { float: left; width: 239px; border-right: solid 1px #000; padding: 0px/* 15px 0px 15px*/; }
.footer-cols .last-col { border: 0; width: 240px; }
.footer-col p { padding: 15px 15px 15px 15px; margin: 0; font-size: 75%; text-align: justify; }
.footer-col strong { }
.footer-cols .footer-logo a { float: left; width: 95px; height: 36px; border: 0; }