@charset "utf-8";
/* CSS Document */

/* Sub Navigation **********************************************************/
/* *************************************************************************/

#sub_sideNav_title {
	display:block;
	color:#3a3939;
	padding-left:20px;
	padding-bottom:3px;
	
	font-size:18px;
	
	border-bottom:2px solid #3a3939;
}

#sub_sideNav {
	margin:0px;
	padding:0px;
	list-style:none;
}

#sub_sideNav li {
	display:block;
	background-color:#fff;
	padding:4px 0px 4px 5px;
}

#sub_sideNav li a {
	display:block;
	background-image:url(../images/site/dottedLine.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#0e4d94;
	padding:2px 2px 2px 15px;
	text-decoration:none;
	font-weight:bold;
}

#sub_sideNav .menu_btnNoBorder a {
	background-image:none;
}

#sub_sideNav li.sel a,
#sub_sideNav li a:hover {
	background-color:#CCCCCC;
}

/* *************************************************************************/
/* *************************************************************************/


#sub_leftCol {
	float:left;
	width:250px;
	margin-top:30px;
	margin-bottom:30px;
}

#sub_leftCol #leftCol_contents {
	margin-left:10px;
}

#sub_rightCol {
	width:650px;
	margin-top:0px;
	padding-top:3px;
	margin-left:273px;
	padding-bottom:2em;
	
	/*border:1px solid red;*/
}
#sub_rightCol h2:first-child {
	margin-top:1.5em;
}

#sub_rightCol a:link {color:#0e4d94; text-decoration:none;}
#sub_rightCol a:visited {color:#0e4d94; text-decoration:none;}
#sub_rightCol a:hover {text-decoration:underline;}

#page_hdr_img {
	margin-top:0px;
	margin-bottom:30px;
}

.blue_hdr {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:20px;
	color:#0e4d94;
	line-height:20px;
}

.disclaimer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:-10px 0px 0px 10px;
	line-height:10px;
}
	
.timeline {
	width:600px;
	padding-left:20px;
	padding-bottom:20px;
	list-style:cjk-ideographic;
	list-style-type:cjk-ideographic;
	/*list-style-position:inside;*/
	border-bottom:dotted 3px #0e4d94;
}

#quote {
	width:475px;
	text-align:center;
	margin:10px 0px 25px 50px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#0e4d94;
	line-height:18px;
	/*border-bottom:dotted 3px #0e4d94;*/
}

#quote_sig {
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif
	font-style:normal;
	font-size:12px;
	color:black;
}

.blue_subhdr {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#739cbc;
	line-height:18px;
	margin-bottom:-10px;
}
.blue_subhdr2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	color:#739cbc;
	line-height:18px;
	margin-bottom:-10px;
}
h3.blue_subhdr,
h3.blue_subhdr2 {
	margin-top:0.3em;
}


#leftCol_contents a {
	text-decoration:none;
	color:#000000;
}
/*
.vol_opp {
	width:550px;
	align:center;
	padding:10px 20px 20px 20px;
	border-bottom:dotted 3px #0e4d94;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	/*background-color:#FFFFCC;*
	/*border:solid 1px red;*
}*/

h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	line-height:16px;
	margin-bottom:0px;
}

.photos {
	float:right;
	margin:0px 0px 10px 10px;
	border-left:solid 2px white;
	
}

.photos_left {
	width:250px;
	height:188px;
}

.store_info {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin-top:0px;
	color:black;
	text-align:center;
}


/* Generic columns (e.g. EduCenter page) */
.two-cols {
	overflow:hidden;
	margin-bottom:1em;
}
.two-cols .one {
	float:left;
	width:58%;
}
.two-cols .two {
	float:right;
	width:38%;
}

/* Three columns */
.three-cols {
	overflow:hidden;
}
.three-cols>div {
	float:left;
	width:31%;
	margin-right:1em;
}



/* *************************************************************************/
/* *****************    BC HOURS BOX     ***********************************/

.sub_hours {
	/*width:195px;
	height:310px;*/
	text-align:center;
	/*background-image:url(../images/sub/hours_box.jpg);*/
	background-color:#739cbc;
	margin:1.5em;
	padding:0.5em 0;
	border:dotted 2px #0e4d94;
}
.sub_hours h3,
.sub_hours h4 {
	color:white;
	font:bold 14pt/1.3 'Times New Roman',Times,serif;
	margin:0.3em 0;
}
.sub_hours h4 {
	font-size:13pt;
}
.sub_hours p {
	color:black;
	font:bold 10pt/1.3 'Times New Roman',Times,serif;
	margin:0.5em 0;
}


/*
.white_hdr {
	color:white;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	margin-top:14px;
}
.white_hdr_sm {
	color:white;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	margin-bottom:100px;
	padding-top:14px;
}
*/
	
.sub_fees {
	width:550px;
	border-collapse:collapse;
}

.sub_fees td {
	border-bottom:1px dotted gray;
	padding:5px 0px 2px 2px;
	vertical-align:top;
}


/* *************************************************************************/
/* *****************    AFFILIATIONS     ***********************************/

#sub_affil {
	/*display:inherit;*/
	/*width:900px;*/
	height:120px;
	/*border:1px solid blue;*/
	text-align:center;
}

#sub_affil img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:20px;
	/*border:1px solid red;*/
}

#sub_affil img a {
	border:none;
}

/* Contact Form ******************************************************/
#crudTool_right {
	float:right;
	padding-right:10px;
}

#crudTool_left {
	padding-left:10px;
}

#crudTool_bottom {
	clear:right;
	margin-top:10px;
	text-align:center;
}


/* Forms -- carrying over the "crud tool" styles */
.crudTool label,
.crudTool .label {
	display:block;
	color:#0e4d94;
	padding-bottom:2px;
	font-size:14px;
}
.crudTool input[type="text"] {
	width:200px;
	margin-right:20px;
}
.crudTool textarea {
	/*width:210px;*/
	width:95%;
	
}
/*.crudTool select {
	min-width:150px;
}*/

.crudTool_btn { /* ??? */
	margin-left:8px;
	margin-right:8px;
}

/* Fix for donation page: Do not use fix-width inputs */
.input-autowidth input {
	width:auto !important;
	margin:0 !important;
}






/* News Styles ******************************/
/* ******************************************/

#news_container {
	/*background-image:url(../images/aboutus_news/news_top.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	width:650px;
	
	/*border:1px solid black;*/
}

#news_mainNav {
	height:26px;
	
	/*border:1px solid red;*/
}

.news_mainNav_archive {
	position:relative;
	float:left;
	display:block;
	background-repeat:no-repeat;
	width:144px;
	/*height:30px;*/
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:3px;
	
	text-align:center;
	/*line-height:50px;*/
	font-size:16px;
	color:#2e769f;
	font-weight:bold;
	text-decoration:none;
}

.news_mainNav_archive:hover, .news_mainNav_archive_sel {
	z-index:3;
	padding-bottom:1px;
	border-bottom:2px solid black;
}

#news_tab1 {
	/*background-image:url(../images/aboutus_news/news_tab1.jpg);*/
	margin-right:6px;
}

#news_tab2 {
	/*background-image:url(../images/aboutus_news/news_tab2.jpg);*/
	margin-right:15px;
}

#news_contentHeader {
	position:relative;
	z-index:2;
	/*clear:both;*/
	/*background-image:url(../images/aboutus_news/content_top.jpg);*/
	width:650px;
	/*height:257px;*/
	
	/*border:1px solid green;*/
}

.news_pagingContainer {
	position:relative;
	z-index:5;
	height:30px;
	margin:0px 20px 0px 20px;
	/*padding-top:17px;*/
}

.news_pagingNav {
	float:left;
	margin-right:15px;
}

.newsPaging_recInfo {
	float:left;
	display:block;
	margin-right:8px;
	line-height:24px;
}

.news_pagingLink {
	float:left;
	display:block;
	color:#000;
	width:29px;
	height:24px;
	margin:0px 2px 0px 2px;
	
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

.news_pagingLink:hover, .news_pagingLink_sel {
	background-image:url(../images/aboutus_news/btn.jpg);
}

.news_pagingLink span {
	display:block;
	margin:3px 3px 3px 3px;
	
}

.news_pagingArrow {
	font-size:16px;
}

.news_backLink {
	margin-right:10px;
}

.news_forwardLink {
	margin-left:10px;
}

.news_pagingLong {
	width:35px;
}

.news_pagingLong:hover {
	background-image:url(../images/aboutus_news/btn_long.jpg);
}

.news_pagingLink:active span, .news_pagingLink_sel span {
	background-color:#666666;
	color:#DDD;
}

#newsMain_display {
	/*background-image:url(../images/aboutus_news/content_mid.jpg);*/
	padding:0px 20px 0px 20px;
}

#newsMain_displayContent {
	position:relative;
	z-index:3;
}

#news_content_bottom {
	/*background-image:url(../images/aboutus_news/content_bot.jpg);*/
	width:650px;
	height:22px;
	margin-top:-5px;
}

.newsCell {
	margin-bottom:5px;
}

.newsCell_alt {
	background-color:#f0f6fc;
}

.newsCell_imgLink {
	float:left;
}

.newsCell_imgLink img {
	width:100px;
	height:80px;
	margin-right:10px;
	margin-bottom:5px;
	border:none;
}

.newsCell_title {
	color:#2e769f;
	font-weight:bold;
	font-size:16px;
	padding-bottom:6px;
}

.newsCell_desc {
	padding-top:6px;
}

.news_moreInfo {
	color:#2e769f;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

.news_moreInfo:hover {
	text-decoration:underline;
}


/************************************************************
News section */


/* Article list, revised styles */
dl.newsList {
	margin:1em 0;
	padding:0;
}
dl.newsList dt { /* Title / link */
	background:transparent url('../images/site/icons/calendarIcon.jpg') no-repeat scroll left top;
	min-height:34px;
	line-height:1.5;
	padding-left:3em;
}
dl.newsList dt a {
	font-size:13pt;
	display:block;
	text-decoration:none;
	color:#004b85;
}
dl.newsList dt a:hover {
	text-decoration:underline;
}
dl.newsList dd { /* Description area */
	border-bottom:2px dotted #367795;
	margin:0 0 0.8em 0;
	padding:0 0 0.4em 3em;
	width:98%;
}
dl.newsList p {
	margin:0 0 0.5em 0;
}
dl.newsList em { /* Date */
	font-style:normal;
	color:#969696;
}


/* Article detail, revised styles */
.articleDetail {

}
.articleDetail a { /* Links */
	color:#668a44;
	text-decoration:none;
	font-size:12pt;
}
.articleDetail a:hover {
	text-decoration:underline;
}
.articleDetail .header {

}
.articleDetail .header h3 { /* Article title */
	color:#2e769f;
	font:15pt/1.3 Arial,Helvetica,sans-serif;
	margin:0 0 0.5em 0;
}
.articleDetail .header a { /* Back to News link */
	float:right;
}
.articleDetail .pdf { /* View PDF link */
	display:inline-block;
	background:transparent url('../images/sub/pdf-sm.jpg') no-repeat scroll right center;
	padding:0.1em 2em 0.1em 0;
}


/* Article files */
.articleDetail .files {
	margin-top:0.5em;
}
.articleDetail .files h3 {
	background:transparent url('../images/sub/sub_dotLine.jpg') repeat-x scroll left bottom;
	font-style:normal;
	font-size:14pt;
	margin:0.5em 0.5em 0.3em;
	padding:0.3em 0.5em;
	width:13em;
}
.articleDetail .files ul {
	margin:0;
	padding:0 0 0 2em;
}



#newsSub_header {
	color:#2e769f;
	font-size:20px;
	margin-bottom:10px;
}

#newsSub_title {
	padding-left:20px;
}

#newsSub_title a {
	color:#668a44;
	text-decoration:none;
	font-size:16px;
}

#newsSub_title a:hover {
	text-decoration:underline;
}



/*
#news_header {
	margin-bottom:8px;
	padding-bottom:4px;
	border-bottom:2px dotted #367795;
}
#news_headerTitle {
	color:#004b85;
	font-size:18px;
	/*font-weight:bold;*
}
*/

/*
.news_pageNavBtn {
	display:block;
	float:left;
	color:#367795;
	margin:2px;
	padding:1px 5px 1px 5px;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #367795;
}
.news_pageNavBtnSel {
	border-color:#fff;
}
*/


/************************************************************
Volunteer opportunities */

dl.vol-opp {
	margin:0;
}
dl.vol-opp dt {
	font:italic bold 12pt/1.5 'Times New Roman',Times,serif;
	margin:1em 0 0 0;
	padding:0 0 0 1em;
}
dl.vol-opp dd {
	border-bottom:3px dotted #0E4D94;
	padding:0 1em 0.7em 1em;
	margin:0;
}
dl.vol-opp p {
	margin-top:0;
}


/************************************************************
Hire requests */

.hireRequest {
	padding:0.5em 0;
	background:transparent url('../images/sub/sub_dotLine.jpg') scroll no-repeat top center;
}


/************************************************************
Employment application */

#empApplication {

}
#empApplication table {
	/*border-spacing:0.5em;*/
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
}
#empApplication table caption {
	text-align:left;
	color:#739CBC;
	font-family:'Times New Roman',Times,serif;
	font-style:italic;
	font-size:12pt;
	font-weight:bold;
	margin:1em 0 0.2em 0;
	padding-bottom:0.4em;
	background:transparent url('../images/sub/sub_dotLine.jpg') scroll no-repeat bottom center;
}
#empApplication table td {
	vertical-align:top;
	padding:0.5em;
}
#empApplication table tr.summary td {
	padding-top:1.6em;
	background:transparent url('../images/sub/sub_dotLine.jpg') scroll no-repeat center 10%;
}

#empApplication label,
#empApplication .label {
	display:block;
	font-size:11pt;
	margin-bottom:0.2em;
	color:#0E4D94;
}
#empApplication caption label { /* Keep it visually like a caption */
	color:#739CBC;
	font-size:12pt;
}

#empApplication input[type="text"] {
	width:97%;
	font-size:8.5pt;
	margin:0;
	padding:1px;
}
#empApplication select {
	max-width:97%;
	font-size:8.5pt;
}
#empApplication textarea {
	width:99.5%;
	font-size:8.5pt;
}
#empApplication input.datePicker {
	width:9em;
}

/* Inline labels next to checkboxes and radio buttons */
#empApplication input[type="checkbox"]+label,
#empApplication input[type="radio"]+label {
	display:inline;
	color:#000;
	font-size:10pt;
	margin:0;
	padding:0 0.5em 0 0;
}

/* Confirmation checkbox (volunteer app. form) */
#empApplication #confirmation {
	position:absolute;
}
#empApplication #confirmation+label {
	display:inline-block;
	padding-left:2em;
}


/* Captcha area */
#empApplication .captcha {
	width:50%;
	margin:2em auto;
}
#empApplication .captcha img {
	vertical-align:bottom;
}
#empApplication .captcha input {
	width:9em;
	margin-left:0.5em;
}


/* Date picker link */
.datePickerLink {
	display:inline-block;
	/*background:transparent url('../images/sub/newsIcn.jpg') no-repeat scroll center center;*/
	background:transparent url('../images/calendarIconVol.jpg') no-repeat scroll center center;
	height:22px;
	width:30px;
	vertical-align:bottom;
	margin-left:0.3em;
}

/* Required field error */
input.error,
textarea.error {
	background-color:#fcc;
	cursor:help;
}
label.error {
	color:#f33 !important;
	cursor:help;
}


/*
table {
	border:1px solid black;
	border-top:none;
	border-spacing:1px;
	margin-bottom:1em;
	width:100%;
	empty-cells:show;
}
table caption {
	font-weight:bold;
	font-size:12pt;
	padding:0.3em 0;
	background:#f1f1f1;
	color:#000;
	border:1px solid black;
	border-bottom-color:#999;
}
table th {
	text-align:left;
}
table td,
table th {
	border:1px outset #eee;
	padding:5px;
	vertical-align:top;
}

form table td label,
.label {
	display:block;
	font-size:11pt;
	margin-bottom:0.2em;
}

form td input[type="text"] {
	width:97%;
}
form td textarea {
	width:99.5%;
}
form td input.datePicker {
	width:9em;
}
*/



/************************************************************
Newsletter list */

ul.newsletters {
	list-style:none;
	margin:0;
	padding:0;
	font-size:110%;
}
ul.newsletters li {
	margin:0.5em 0;
}
ul.newsletters a {
	display:inline-block;
	background:transparent url('../images/sub/pdf-sm.jpg') no-repeat scroll right center;
	padding:0.5em 3em 0.5em 0;
}


/************************************************************
Class schedule (Education Center) */

#class-schedule {
	margin:-0.5em 0 1em 0;
	border-collapse:collapse;
	width:100%;
	font-size:10pt;
}
#class-schedule thead th {
	color:#739CBC;
	font:bold 12pt/1.3 'Times New Roman',Times,serif;
}
#class-schedule thead tr {
	border-bottom:2px solid #dedede;
}
#class-schedule tbody tr {
	border-bottom:1px solid #dedede;
}

#class-schedule th {
	padding:0.1em 0.4em;
}
#class-schedule td {
	padding:0.3em 0.4em;
}

/* Icons */
.pdf-icon {
	background:transparent url('../images/icons/pdf.png') no-repeat left center;
	padding-left:1.7em;
}
.reg-icon {
	background:transparent url('../images/icons/register.png') no-repeat left center;
	padding-left:1.6em;
}


/************************************************************
Videos */


/* Sidebar videos */
ul.video-list {
	list-style:none;
	margin:2em 0;
	padding:0;
	text-align:center;
}
ul.video-list li {
	margin:1em 0;
}
ul.video-list h3 { /* Title */
	font:bold 10pt/1.2 Arial,Helvetica,sans-serif;
	margin:0.2em 0;
	padding:0;
}
ul.video-list p { /* Description */
	/*text-align:left;*/
	margin:0.3em 0;
}
ul.video-list li.viewAll a { /* View all */
	font-weight:bold;
	background:transparent url('../images/icons/video.png') no-repeat left center;
	padding:0.2em 0 0.2em 1.5em;
	color:#0E4D94;
	text-decoration:none;
}

/* Videos page */
dl.video-list {
	margin:0.5em 0;
	padding:0 0 0.8em 0;
}
dl.video-list dt {
	background:transparent url('../images/sub/sub_dotLine.jpg') repeat-x center top;
	font-weight:bold;
	margin:1em 0 0.2em 0;
	padding:0.5em 0 0 0.2em;
}
dl.video-list dd {
	padding:0 0 0 0.2em;
	margin:0.5em 0;
}
dl.video-list dd.date {
	font-style:italic;
}
dl.video-list dd.desc {
	margin-top:0;
}
dl.video-list p {
	margin:0.3em 0;
}
dl.video-list a.play {
	background:transparent url('../images/icons/video.png') no-repeat left center;
	padding-left:23px;
}


/* Video details */
.video-detail {

}
.video-detail h2 { /* Title */
	margin-bottom:0.3em;
}
.video-detail p {
	margin:0.3em 0;
}
.video-detail p.date { /* Date */
	font-size:11pt;
	font-style:italic;
	/*border-bottom:1px solid #cbd5d9;*/
	padding-bottom:0.2em;
	margin-top:0;
}
.video-detail .video-code {
	text-align:center;
	margin:1em 0;
}




/************************************************************
Miscellaneous */

/* Dotted headers (CSS solution) */
.dotted {
	background:transparent url('../images/sub/sub_dotLine.jpg') scroll no-repeat left bottom;
	padding-bottom:0.5em;
	display:block;
}


/* Pseudo-table */
.block-table strong {
	display:inline-block;
	width:8em;
}


/* Big PDF link */
.big-pdf-link {
	display:inline-block;
	font-size:14pt;
	background:transparent url('../images/sub/pdf.jpg') no-repeat left center;
	margin:1em 0 0 2em;
	padding:0.3em 0 0.3em 2.3em;
}


/* "Block link": Image link with paragraph caption (e.g. Facebook link, donate thank-you page) */
.block-link {
	margin:1.5em 0;
}
.block-link p {
	display:inline-block;
	vertical-align:middle;
	margin:0;

	/* Ugly IE7 hack */
	zoom: 1;
	*display: inline;
}
.block-link p:first-child {
	width:12%;
	text-align:center;
}
.block-link p+p {
	width:86%;
}


/* Columns with central divider (volunteer thank-you page) */
ul.vol-thankyou-cols {
	list-style:none;
	margin:1em 0;
	padding:0 0.5em;
	overflow:hidden;
	font-size:11.5pt;
	line-height:1.3;
}
ul.vol-thankyou-cols li {
	display:inline-block;
	vertical-align:middle;
	padding:0.3em 0;

	/* Ugly IE7 hack */
	zoom: 1;
	*display: inline;
}
ul.vol-thankyou-cols li:first-child {
	width:45%;
}
ul.vol-thankyou-cols li+li {
	width:49%;
	border-left:1px solid #000;
	padding-left:3.3%;
	margin-left:1.5%;
}
ul.vol-thankyou-cols .facebook {
	padding:0 1em 0 0;
}


/* Contact info column */
.contactInfo h2 {
	margin:1em 0 0 0;
}
.contactInfo p {
	margin:0.3em 0;
}
.contactInfo a,
.contactInfo small {
	font-size:9pt;
}