/***************************************
	ZERO OUT ALL BROWSERS 
	ERIC MEYER - EDITED FOR SITECM
***************************************/
html, body, div, span, applet, object, iframe,
blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, tt, var, dl, dt, dd,
fieldset, form, label, legend, caption {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
	:focus {
			outline: 0;
	}
	ol, ul {
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
			border-collapse: separate;
			border-spacing: 0;
	}
		caption, th, td {
				text-align: left;
				font-weight: normal;
		}
	blockquote:before, blockquote:after,
		q:before, q:after {
				content: "";
		}
			blockquote, q {
					quotes: "" "";
			}
	sup {
		font-size: 50%;
		vertical-align: super !important;
	}

	sub {
		font-size: 50%;
		vertical-align: sub !important;
	}
	strong {
		font-weight: bold;
	}
	em {
		font-style: italic;
	}
	body, td, p, li, input, select, textarea {
	font: normal normal 13px Arial, Verdana, Sans-Serif;
	text-decoration: none;
	color: #3f3f3f;
}
/***************************************************
			DEFINE CLEAR DIV
****************************************************/
.ui_clear {
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
}
/***************************************************
			START STRUCTURE
/***************************************************/
/****************************************************
			@ font-face declaration 
******************************************************/
@font-face {
    font-family: 'BryantMedium';
    src: url('/fonts/bryant-medium-webfont.eot');
    src: url('/fonts/bryant-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bryant-medium-webfont.woff') format('woff'),
         url('/fonts/bryant-medium-webfont.ttf') format('truetype'),
         url('/fonts/bryant-medium-webfont.svg#BryantMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/********************************************************/
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 1;
	vertical-align: baseline;
}
	.ui_page {
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
		background: transparent url(/images/head_background.jpg) repeat-x top center;
	}
		.ui_header_wrapper {
			width: 960px;
			height: 178px;
			margin: 0 auto;
		}
			.ui_accessibility_controls_wrap {
				width: 960px;
				height: 30px;
				background-color: #fff;
			}
				.ui_accessibility_controls {
					width: 525px;
					height: 10px;
					margin: 10px 0;
					float: right;
					font: normal 10px/10px "Arial", "Helvetica", sans-serif;
					color: #4e4f7c;
					text-transform: uppercase;
					text-align: right;
				}
					/* ACCESSIBILITY CONTROL STYLES */
					 .large {
						font-size: 12px;
						font-weight: normal;
					 }
					 .largest {
						font-size: 16px;
						font-weight: normal;
					 }
					.ui_accessibility_controls a, .ui_accessibility_controls a:link, .ui_accessibility_controls a:visited { color: #4e4f7c;}
					.ui_accessibility_controls a:hover, .ui_accessibility_controls a:active {color: #4e4f7c; text-decoration: underline;}
			
			.ui_bccpd_logo_wrap {
				width: 960px;
				height: 111px;
				margin: 0 auto;
				background-color: #24397e;
				border-top: 1px solid #4162e5;
				border-bottom: 1px solid #101245;
			}
				.ui_top_background {
					width: 960px;
					height: 111px;
					margin: 0 auto;
					background: transparent url(/images/logo_background.jpg) no-repeat center center;
					position: relative;
				}
					.ui_bccpd_logo a {
						width: 385px;
						height: 96px;
						display: block;
						position: absolute;
						top: 10px;
						left: 0;
						background: transparent url(/images/bccpd-logo.png) no-repeat top left;
					}
						.ui_bccpd_logo span {
							display: none;
						}
			.ui_main_nav_wrapper {
				width: 100%;
				height: 35px;
				background-color: #cbd3f7;
				float: left;
			}
				.ui_main_nav {
					width: 960px;
					height: 35px;
					margin: 0 auto;
				}
		.ui_content_wrapper {
			width: 960px;
			height: auto;
			margin: 0 auto;
		}
			.ui_left {
				width: 230px;
				float: left;
				display: block;
				margin-top: 10px;
				padding: 0 10px 0 0;
			}
				.Home .ui_left, .is_home .ui_left {
					display: none;
				}
				.twoColumn .ui_left {
					width: 230px;
					float: left;
					display: block;
					margin-top: 10px;
					padding: 0 10px 0 0;
				}
				.ui_search_3col {
					width: 230px;
					height: 25px;
					display: block;
					padding: 0 0 8px 0;
					margin: 0 0 8px 0;
					background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
				}
					.twoColumn .ui_search_3col {
						width: 230px;
						height: 25px;
						display: block;
						padding: 0 0 8px 0;
						margin: 0 0 8px 0;
						background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
					}
				.ui_nav_title {
					width: 210px;
					float: left;
					display: block;
					text-align: left;
					font: normal normal 21px/24px 'BryantMedium', "Arial Rounded", Arial, Verdana, sans-serif;
					color: #0d0f6e;
				}
				.ui_accordian_nav_bg {
					width: 210px;
					float: left;
					background-color: #efefef;
					-moz-border-top-left-radius: 12px; /* FF1-3.6 */
					-webkit-border-top-left-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
					border-top-left-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
					-moz-border-top-right-radius: 12px; /* FF1-3.6 */
					-webkit-border-top-right-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
					border-top-right-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
					/* useful if you don't want a bg color from leaking outside the border: */        
					-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
					padding: 10px 10px;
				}
					.ui_associated_accordian {
						background-color: #efefef;
						width: 210px;
						float: left;
						display: block;
					}
			
			.ui_main_content_wrapper {
				width: 540px;
				margin-top: 10px;
				padding: 0 10px;
				float: left;
				background-image: url(/images/vertical-dot-seperator.jpg), url(/images/vertical-dot-seperator.jpg);
				background-position: top left, top right;
				background-repeat: repeat-y, repeat-y;
			}
				.Home .ui_main_content_wrapper {
					width: 710px;
					padding: 0 10px 0 0;
					background: url(/images/vertical-dot-seperator.jpg) repeat-y top right;
				}
				.twoColumn .ui_main_content_wrapper, .fakeThreeColumn .ui_main_content_wrapper {
					width: 710px;
					margin-top: 10px;
					padding: 0 0 0 10px;
					float: left;
					background-image: url(/images/vertical-dot-seperator.jpg), url();
					background-position: top left, top right;
					background-repeat: repeat-y, repeat-y;
				}
				.ui_breadcrumb_wrapper {
					width: 540px;
					height: 11px;
					padding: 0 0 9px 0;
					background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
				}
					.twoColumn .ui_breadcrumb_wrapper, .fakeThreeColumn .ui_breadcrumb_wrapper {
						width: 710px;
						height: 11px;
						padding: 0 0 11px 0;
					}
					.threeColumn .ui_breadcrumb_wrapper {
						width: 100%;
						height: 11px;
						padding: 11px 0 11px 0;
					}
				.ui_main_content {
					margin-top: 12px;
				}
					.twoColumn .ui_main_content, .fakeThreeColumn .ui_main_content {
						width: 710px;
					}
			.ui_right {
				width: 150px;
				margin-top: 10px;
				padding: 0 0 0 10px;
				float: right;
			}
				.Home .ui_right {
					width: 230px;
				}
				.ui_content_blocks {
					width: 150px;
				}
				.twoColumn .ui_right {
					display: none;
				}
				.ui_search_home {
					width: 230px;
					height: 35px;
					background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
				}
				.ui_home_newsletter_signup {
					width: 230px;
					height: 79px;
					background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
				}
					.ui_home_newsletter_signup p {
						font: normal normal 16px/16px 'BryantMedium', Arial Rounded, Arial, sans-serif; 
						color: #080957; 
						padding: 7px 0 6px 0; 
						margin: 0; 
						text-align: center;
					}
					.ui_home_newsletter_signup p img {
						padding: 0 0 6px 0; 
						margin: 0; 
						text-align: center;
					}
					.ui_home_newsletter_signup input[type="text"] {
						width: 155px;
						height: 21px;
						float: left;
						border: 1px solid #a9a9a9; 
						padding: 0 3px; margin: 0; 
						font: normal normal 11px/11px Arial, Helvetica, sans-serif;
						color: #575757;
					}
					.ui_home_newsletter_signup input[type="submit"], .ui_home_newsletter_signup input[type="submit"]:link {
						width: 62px; 
						height: 23px;
						border: 1px solid #24367e; 
						background-color: #455492;
						color: #fff;
						padding: 0 0 3px 0;
					}.ui_home_newsletter_signup input[type="submit"]:hover, .ui_home_newsletter_signup input[type="submit"]:active {
						background-color:#7787cb; color: #000; border: 1px solid #0d1a4c; cursor: pointer;
					}
					.ui_home_newsletter_signup input[type="submit"]:visited {}
				.ui_donate_btn {
					width: 230px;
					background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
				}
				.ui_language_control {
					width: 230px;
					height: 60px;
					background: transparent url(/images/horizontal-dot-seperator.jpg) repeat-x bottom center;
				}
					#google_translate_element {
						text-align: center;
						margin: 0 auto;
						padding: 10px 0 0;
					}
				.ui_social_media_home {
					vertical-align: baseline;
				}
			
			.ui_footer_wrapper {
				width: 960px;
				height: 80px;
				margin: 15px 0;
				float: left;
			}
				.ui_color_bars {
					width: 960px;
				}
					.ui_orange_left {
						width: 230px;
						height: 6px;
						float: left;
						display: inline-block;
						margin-right: 20px;
						background-color: #ed9d1a;
					}
						.Home .ui_orange_left {
							display: none;
						}
					.ui_orange_content {
						width: 540px;
						height: 6px;
						float: left;
						margin: 0 auto;
						display: inline-block;
						background-color: #ed9d1a;
					}
						.Home .ui_orange_content {
							width: 710px;
						}
						.twoColumn .ui_orange_content {
							width: 710px;
						}
					.ui_orange_right {
						width: 150px;
						height: 6px;
						float: right;
						display: inline-block;
						margin-left: 20px;
						background-color: #ed9d1a;
					}
						.Home .ui_orange_right {
							width: 230px;
						}
						.twoColumn .ui_orange_right {
							display: none;
						}
					.ui_blue_bottom {
						width: 960px;
						height: 3px;
						float: left;
						display: block;
						background-color: #080a57;
						margin-top: 3px;
					}
				.ui_footer_L {
					width: 490px;
					height: 55px;
					float: left;
					margin-top: 18px;
					font: normal normal 11px/13px Arial, Verdana, sans-serif;
				}
					.ui_copyright {
						color: #747474;
					}
					.ui_tagline {
						margin-top: 13px;
						color: #747474;
					}
						.ui_tagline a, .ui_tagline a:link, .ui_tagline a:visited { color: #747474; font-weight: bold; text-decoration: none;}
						.ui_tagline a:hover, .ui_tagline a:active { color: #747474; text-decoration: underline;}
				.ui_footer_R {
					width: 470px;
					height: 50px;
					float: right;
					margin-top: 18px;
				}
					.ui_bottom_nav {
						text-transform: uppercase;
						color: #0a143c;
						text-align: right;
					}
						.ui_bottom_nav a, .ui_bottom_nav a:link, .ui_bottom_nav a:visited { font: normal normal 11px/13px Arial, Verdana, sans-serif; color: #0a143c;}
						.ui_bottom_nav a:hover, .ui_bottom_nav a:active { font: normal normal 11px/13px Arial, Verdana, sans-serif; color: #0a143c; text-decoration: underline;}
					.ui_social_media {
						width: 110px;
						height: 28px;
						float: right;
						margin-top: 13px;
					}