/* Start of CMSMS style sheet 'BC Bikes - News' */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	line-height: 1em;
	background: #fff url("images/theme/bcbackground.gif");
}

#bctheme {
	width: auto;
	background: #fff url("images/theme/bcbackground.gif");
}

/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}

/* ------------ TYPOGRAPHY ------------ */
b, strong{font-weight: bold;}
i, em{font-style: italic;}

img.times {
}

p {
      padding: 0;
      margin-top: 0.5em;
      margin-bottom: 1em;
      text-align:left;
      color: #333333;
      font-size:12px;
      line-height:16px;
}

p.intro a {
     color:#000;
}

div#landing p.small {
       font-size:11px;
       color:#666666;
       line-height:14px;
       margin-bottom: 2px;
}

div#landing p.small a:hover {
       color:#FF0B66;
}

div#landing p {
       font-size:14px;
       line-height:18px;
       margin-top: 1.1em;
       margin-bottom: 0.5em;
}

table#contact p {
      font-size:12px;
      color:#333333;
      line-height:18px;
      margin-top: 0.3em;
      margin-bottom: 1.1em;
}

div#middle p {
       margin-top: 0;
       margin-bottom: 0.5em;
       font-size:0.83em;
       line-height:1.4em;
}

.speech-text p {
       font-size:12px;
       line-height:16px;
       margin-top: 1.1em;
       margin-bottom:0;
}

div#sub-footer p {
        font-size:12px;
        color: #FFF;
}

h1 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h2, #main h2 {
	line-height: 1.6em;
        color: #2C2A26;
        font-size:23px;
	font-weight: bold;
        font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h3, #main h3 {
	line-height: 1.6em;
        padding-left:22px;
        color: #FFF;
        font-size:16px;
	font-weight: bold;
        font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#landing h3 {
	line-height: 1.6em;
        padding:0px 0px 0px 15px;
        font-size:14px;
}

div#intro-search h3 {
color: #666;
}

h4, #main h4 {
	line-height: 1.6em;
        margin-bottom: 0.8em;
        color: #FFF;
        font-size:14px;
	font-weight: bold;
        font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h5, #main h5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size:13px;
        font-weight:bold;
        font-style:italic;
	margin: 2px 0px 6px 0px;
}

.speech-text h5 {
        font-size:13px;
        font-weight:bold;
        font-style:italic;
	margin: 0px 0px 6px 0px;
}

h6, #main h6 {
	color: #9A9B9D;
	font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size:16px;
        line-height:20px;
        font-weight:bold;
        font-style:italic;
	margin-bottom: 6px;
}

a, a:link a:active {
	text-decoration: none;
	color: #FF0B66;
}

a:visited {
	text-decoration: none;
	color: #FF0B66;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

/* ------------ WRAPPER ------------ */

div#pagewrapper {
        background:#FFF;
	font-size: 90%;
	position: relative;
	z-index: 1;
}

/* ------------ HEADER ------------ */

#header {
	height: 244px;
	width: 920px;
        background:#fff url("images/theme/header.gif") no-repeat left top;
}

#logo a {
	height: 155px;
	width: 158px;
	display: block;
	text-indent: -9999em;
	margin-top: 12px;
	margin-left: 40px;
        margin-bottom:;
        background: url("images/theme/logo.gif") no-repeat left top;
}

/* ------------ SEARCH ------------ */

div#search {
	width: 260px;
	height: 28px;
	margin-top: 13px;
	margin-right: 13px;
}

div#search input.search-input {
     border: 1px solid #B0B4B7;
     width:172px;
     height:15px;
     margin-right:5px;
     padding:3px 5px 1px 5px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
     font-size:11px;
     color:#444444;
}

div#search input.search-button {
	float: left;
	margin: 0;
	font-size: 0.8em;
	line-height: 0px;
}

/* ------------ CONTENT ------------ */

#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
	text-align: left;
}
#bar {
	width: auto;
	height:38px;
	padding-right: 1em;
	padding-left: 1em;
}

h1.title {
	font-size: 1.8em;
	color: #666666;
	margin-bottom: 0.5em;
}

div.callus {
	padding-top:7px;
        letter-spacing:0.05em;
	color: #A3A2A0;
	font-weight: bold;
	font-size: 0.87em;
	margin: 0 1em;
}

div.callus span.number {
        color:#ECECEC;
}

a.link, a:visited.link {
        color:#403E3B;
        font-size:18px;
}

a:hover.link {
        color:#FF0B66;
        text-decoration:none;
}

/* ------------ NEWS ------------ */

#news {
       margin: 40px 0px 60px 27px;
       padding-left:22px;
       width:500px;
}

#news p {
line-height:1.4em;
}

#news .NewsSummary {
       padding: 0px 0px 0px 0px;
       border-bottom: 1px dotted #777777;
       margin-bottom: 25px;
}

.NewsSummaryPostdate, #NewsPostDetailDate {
        color: #777777;
	font-style: italic;
	font-size: 0.8em;
	margin: 1px 0px 8px 0px;
}

#news .NewsSummaryMorelink {
     margin:10px 0px 10px 0px;
}

.NewsSummaryMorelink a, #NewsPostDetailLinks a {
     font-size:0.9em;
}

.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}

#news .NewsSummaryLink, h3#NewsPostDetailTitle {
        font-size:15px;
        font-weight:bold;
        font-style:italic;
	margin: 2px 0;
        padding:0;
line-height:1.4em;
        color: #222222;
}

.NewsSummaryLink a {
        color: #222222;
}

.NewsSummaryLink a:hover {
        text-decoration:none;
        color: #FF0B66;
}

.NewsSummaryContent {
	margin: 10px 0;
}

#news .pagination {
        background: #EBEBEB;
}

#news .pagination p {
        padding: 5px;
}

div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}

#intro-search ul.results li {
       font-size:12px;
       line-height:1.6em;
}

#news .NewsSummary ul, #NewsPostDetailContent ul {
	line-height: 1em;
	margin: 0 0 0.5em 0;
        font-size:0.83em;
        line-height:1.4em;
}

#news .NewsSummary ul li.grey, #NewsPostDetailContent ul li.grey {
      color: #888888;
}

div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}

/* ------------ FOOTER ------------ */

#footer-wrapper {
	min-height: 150px;
	height: auto!important;
	height: 150px;
	width: auto;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}

#footer {
	font-size: 0.6em;
        line-height:1.4em;
	min-height: 150px;
	height: auto!important;
	height: 150px;
	background: #24231F;
}

div.fooleft p {
	color: #918F8C;
font-size:11px;
      float:left;
      margin: 20px 0px 0px 40px;
}

div.footrt p {
	color: #918F8C;
      float:right;
      text-align:right;
      margin: 20px 40px 0px 0px;
}

div#footer a {
	font-size: 12px;
	color: #FFFFFF;
}

div#footer a:hover, div#footer a:hover.credit {
	color: #DDFB7B;
        text-decoration:none;
}

div#footer a.credit {
	font-size: 11px;
	color: #E0E0DE;
}

/* ------------ END LAYOUT ---------------*/

/* ------------ MENU ------------ */
.page-menu {
	width: auto;
	height: 38px;
        margin-top:77px;
        padding: 0px 40px 0px 32px;
        background: #3C3A37 url("images/theme/navback.gif") repeat-x left top;
}

.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}

.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-menu ul#primary-nav li {
        height:38px;
        letter-spacing:0.05em;
	float: left;
}

.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 8px;
	background-repeat: no-repeat;
	background-image: url(images/theme/navtabs.gif);
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #A3A2A0;
	font-size: 0.87em;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 10px;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #FFF;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #FFF;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}

/* ------------ END MENU ------------ */
/* End of 'BC Bikes - News' */