/* BODY */

/* #main-ticker */
#main-ticker {
margin:0px;
border:none;
}


#main-ticker #TICKER table, #main-ticker #TICKER th, #main-ticker #TICKER td {
    border:none;
	padding:5px 0;
}

#main-ticker a {
color:#FFFFFF;
text-decoration:none;
}

#main-ticker a:hover {
text-decoration:underline;
}


#main-ticker #TICKER {
padding:6px;
width:956px;
background-color:#64A123;
position:relative;
left: -4px;
}


#main-ticker #TICKER .ticker-bk-light {
background:transparent url(/bc/features/openhouse-foodbank/images/heart-small-blue.gif) no-repeat scroll 0 20px;
padding:23px 20px 30px 30px;
}

#main-ticker #TICKER .ticker-bk-dark {
background:transparent url(/bc/features/openhouse-foodbank/images/cbc-gem.jpg) no-repeat scroll 0 20px;
padding:22px 20px 30px 30px;
}


#main-ticker #TICKER .ticker-bk-light, #main-ticker #TICKER .ticker-bk-dark {
background: transparent url(/bc/features/openhouse-foodbank/images/heart-small.gif) no-repeat 0px 20px;
padding:30px 20px 30px 30px;
}

/* Header */
#body {
	background-color:#1E1E1E;
}

#header {
	margin: 10px 0 4px 0;
}

#content {
	background-color:#fff;
	width:968px;
	margin: auto;
}

/* Nav */
#navbar {
color:#fff;

}

ul#navigation li {
	display:inline;
	float:left;
	width:164px;
	padding:9px;
	margin:10px 1px 0 0;
	height:150px;
	list-style:none;
	position:relative;
	left:80px;
	/* Five nav items  left:-16px; */
	/* Four nav items  left:80px; */
	/* Two nav items  left:260px; */
	/* Three nav items  left:165px; */
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	top:-20px;
}

ul#navigation li a span  {
	display:block;
	font-size:12px;
	text-transform:none;
	margin-top:10px;
	text-decoration:none;
	text-transform:none;
}


	
ul#navigation li a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

ul#navigation li a:hover, ul#navigation li a:hover span  {
	font-weight:bold;
	text-decoration:none;
	color:#FC0;
}


li#pfoodbank {
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-foodbank2.jpg) no-repeat scroll top left;
}

li#popenhouse{
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-openhouse.jpg) no-repeat scroll top left;
}

li#pworkplace {
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-workplace.jpg) no-repeat scroll top left;
}

li#pq{
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-q.jpg) no-repeat scroll top left;
}
li#pconcert{
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-concert.jpg) no-repeat scroll top left;
}
li#pfrancais{
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-francais.jpg) no-repeat scroll top left;
}

li#pconnect{
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-connect.jpg) no-repeat scroll top left;
}
	 
li#ppersonalities{
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-meet.jpg) no-repeat scroll top left;
}

li#pbroadcasts {
	background:#8c0403 url(/bc/features/openhouse-foodbank/images/nav-broadcasts.jpg) no-repeat scroll top left;
}
	   
/* Body */


#full .module {
background-color:#FFFFFF;
width:958px;
border:none;
margin:0px;
}

#intro h2 {
	color:#cc0000;
	font-size:20px;
}

#full .module p {
	padding:0 25px;
	font-size:14px;
}


#full .module h2 {
	padding:0 18px;
	font-size:20px;
	color:#C00;
	text-transform:uppercase;
}


#full #intro p {
	padding:0 25px;
	font-size:16px;
}


#full #foodbank-fundraiser h3 {
background-color:#FECA4D;
margin:0 25px;
padding:3px;
text-align:center;
width:139px;
}

/* Google calendar */
#gcal {
float:right;
margin-left:5px;
margin-right:5px;
}


/* FOODBANK PAGE - TICKER */

#TICKER {
display:none; 
border-top:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; 
overflow:hidden;
background-color:#64a123; 
padding:15px;
}

.ticker-bk-light, .ticker-bk-dark {
background: transparent url(/bc/features/openhouse-foodbank/images/heart-small.gif) no-repeat 0px 20px;
padding:30px 20px 30px 30px;
}

.ticker-bk-light {
color:#ffff99;
}

/* INCENTIVE PRIZES */

#donation {
	border-left:5px solid #F74022;
	float:right;
	margin:0 10px;
	width:442px;
}

#donation img {
	margin: 0 20px 25px 0;
}

#donation .center {
	text-align:center;
}

#donation blockquote {
	font-style:italic;
}

#full #donation dl#prizes p {
	padding:0 0 10px 0;
}

#full #donation dl#prizes img.prize-img {
border:1px solid #DEDEDE;
float:left;
margin:0 22px 6px 0;
}


dl#prizes {
border:1px solid #CCCCCC;
margin:0 5px 10px 22px;
padding:5px;
}

dl.faq.accordion dt {
background:transparent url(/bc/features/openhouse-foodbank/images/accordion.jpg) no-repeat scroll 0 4px;
color:#669900;
cursor:pointer;
font-size:16px;
font-weight:bold;
margin:0 0 0 10px;
padding:10px 0 10px 57px;
text-transform:uppercase;
height:37px;
}


dl.faq.accordion dt.active {
background-position:0 -365px;
}

dl#prizes i {
color:#990000;
display:block;
font-size:11px;
font-style:normal;
margin:10px 0;
}

dl#prizes em {
display:block;
font-size:14px;
font-style:normal;
font-weight:bold;
margin-top:10px;
text-align:center;
}

dl#prizes ul {
margin:10px 0px;
}

dl#prizes span.title {
font-style:italic;
}

#donation h2 {
color:#669900;
}

#donation h2#prize-list {
display:block;
text-align:center;
color:#FFFF33;
background-color:#64A123;
padding:10px;
margin: 0px 5px 0 22px;
}


/* Personalities schedule */

#personalities table, th, td {
border: 1px solid #bec9cc;
font-size:12px;
text-align:center;
color:#fff;
}

#personalities table {
border-collapse:collapse;
}

#personalities table#popular td {
width:300px;
}


#personalities table {
width:928px;
margin: 0 22px;
}

#personalities th {
height:50px;
text-transform:uppercase;
font-size:14px;
background-color:#cf2539;
}

#personalities td {
padding:10px;
background-color:#3d3b3f;
width:135px;
}


/* Workplace Challenge */

ul#workplaceprizes {
	list-style:square; 
	border: 5px solid #ccc;
	padding: 10px 10px 10px 30px;
	margin:0 22px 0 22px;
	font-size: 14px;
	font-weight:weight;
}

 ul#workplacetips li {
	 list-style:square; 
	margin:0 16px;
	font-weight:weight;
}

ul#workplaceprizes li, ul#workplacetips li {
	margin-bottom: 10px;
}

/* Workplace Challenge registration form */

#form {
	padding:0px 20px;
}

#form h2, .form-section h2, #from h2.mid-text {
    color: #2F2F2F;
    font: bold 14px Arial,Helvetica,sans-serif;
    margin: 0;
}

.required, .form-section label.required {
    background: url("/contact/includes/img/required.gif") no-repeat scroll 2px -1px transparent;
    margin: 0;
    padding-left: 18px;
}
.form-section label.not-required {
    padding-left: 18px;
}
.form-col {
    display: block;
    margin: 0;
}
.col-section {
    display: block;
    float: left;
    padding: 5px 0;
    width: 283px;
}
.form-section input.text {
    width: 255px;
}
.form-section input {
    background-color: #ECECEC;
    border: 1px solid #BBBBBB;
    display: block;
    margin: 5px 0 0 18px;
    vertical-align: baseline;
    width: 540px;
}
.form-section input.onselect {
    border: 2px solid #BBBBBB !important;
}
.form-section label.not-required {
    padding-left: 18px;
}
.col-section .form-section {
    display: block;
    float: left;
}
.form-col ul {
    color: #666666;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.form-col li input {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    display: inline;
    margin: 0 0 0 18px;
    padding: 0;
}
.form-section input.date {
    border: 1px solid #FFFFFF;
}
.form-col li label {
    color: #302F2F;
    font: 12px/19px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
}
.form-section select {
    background-color: #ECECEC;
    border: 1px solid #BBBBBB;
    color: #302F2F;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 5px 0 0 18px;
    padding: 0;
}
.form-section select option.selected {
    color: #666666;
    font: 12px Arial,Helvetica,sans-serif;
}
.form-section textarea {
    background-color: #ECECEC;
    border: 1px solid #BBBBBB;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 7px 0 10px 18px;
    width: 885px;
}
.form-section input:focus, .form-section textarea:focus {
    border: 1px solid #426398 !important;
}


#submit-btn {
    background: none repeat scroll 0 50% #426398;
    border: 1px solid #ECECEC;
    color: #FFFFFF;
    display: inline;
    font: bold 12px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 10px 17px 0;
    width: 80px;
}
#reset-btn {
    background: none repeat scroll 0 50% #999999;
    border: 1px solid #ECECEC;
    color: #FFFFFF;
    display: inline;
    font: bold 12px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 10px 0 0;
    width: 80px;
}

/* broadcasts */
ul#listenlive li {
	float: left;
	list-style: none;
	display: inline;
	font-size: 14px;
	padding:0 20px 0 0 ;
	margin: 0 0 20px 0;
}

ul#listenlive {
	padding:0 25px;
	margin:0;
}

ul#listenlive a {
	padding-right:15px;
}

#broadcasts p strong {
	 background-color: orange;
    font-size: 15px;
    margin-right: 10px;
    padding: 5px 20px;
    text-transform: uppercase;
	display: block;
	float:left;
	width: 150px;
}

#broadcasts em {
	font-style:normal;
	font-weight:bold;
	color:red;
}

/* newsroom */
#newsroom-tour li {
	font-size: 14px;
	margin: 0 20px;
}

/* bureaus */
#bureaus p strong, #cbcvancouver p strong {
		 background-color: #fc5308;
    font-size: 15px;
    margin-right: 10px;
    padding: 5px 20px;
    text-transform: uppercase;
	display: block;
	float:left;
	width: 150px;
}

/* Workplace challenge */

#honourroll {
	float:right;
	width:500px;
	font-size:14px;
}

#honourroll strong {
	font-size: 16px;
	color:#cc3300;
}
