html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align: baseline;
	background: transparent;
	}

body {
	margin: 0px 0px 0px 5px;
	background: #9A3A06 url(/BCN/images/bg_site.gif) fixed repeat;
	font: 12px/19px arial, helvetica, sans-serif, verdana;
}

a {
	font-weight: bold;
	color: #B10536;
	text-decoration: none;
}

IMG {
	border: 0px;
}

a:hover {
	text-decoration: underline;
	color: #E24804;
}

form {
	margin: 0px;
	padding: 0px;
}

hr {
	border: 0;
	border-top: 1px solid #DDDDDD;
	height: 1px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing:-0.4px;
	line-height: 30px;
	color: #732D07;
	padding-bottom: 2px;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #797777;
}

h2 {
	padding-top: 4px;
	margin: 0 0 4px 0;
	font: 14px/20px arial, helvetica, sans-serif, verdana; 
	font-weight: bold;
}

h3 {
	margin: 4px 0 2px 0;
	padding:6px 0 0;
	font: 13px/20px arial, helvetica, sans-serif, verdana; 
	font-weight: bold;
}

h6 {
	font: bold 10px verdana;
	line-height: 14px;
	display: block;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 2px;
}

/* GENERAL CLASSES ----------------------------------------------------- */
.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.floatLeft {float:left;}
.floatRight {float:right;}
.floatNone {float:none;}
.alignCenter {text-align:center;}
.justifyTxt {text-align:justify;}
.uppercaseTxt {text-transform:uppercase;}
.boldTxt {font-weight:bold;}
.medTxt12px {font-size:12px;}
.medTxt {font-size:11px;}
.smTxt {font:10px Verdana, Arial, Helvetica, sans-serif;}
.paddingTop6px {padding-top:6px;}
.marginTop30px {margin-top:30px;}
.paddingTop30px {padding-top:30px;}




#container {
	width: 770px;
	background-color: #FFFFFF;
}

#masthead {
	border-top: 5px solid #9A3A06;
}

#logo {width:175px; height:130px; float:left; margin-left:5px; background:url(/BCN/images/bcnLogo2010.gif) no-repeat top left; }
	#logo h1 {border:0px; margin-bottom:0;}
	#logo h1 a {
			width:122px; height:75px; display:block; text-indent:-5000px;
			}
	#btn_home a {float:right; margin:10px 8px 0 0; font-size:11px;}
#logoTag {height:55px; background: url(/BCN/images/logoTag.gif) 2px 3px no-repeat; text-indent:-5000px;}
	
#tagline {height:23px; background:#e24804 url(/BCN/images/tagline.gif) 1px 0px no-repeat; text-indent:-5000px; clear:left; border:1px solid #666; display:none;}
	
#searchBar {margin-top:0px; padding:5px 0px; line-height:13px; /* border-top:1px solid #ccc; */ font-size:11px;}
	#searchBar .searchInput {font-size:12px;}
	#searchBar .searchField {width:280px; background:#ffffcc;}
	#searchBar span {margin-left:10px; text-transform:uppercase;}
	#searchBar .bookmarkWidget {float:right; border-left:1px solid #ddd; text-transform:uppercase; padding:6px 11px;}
		#searchBar .bookmarkWidget img {margin-left:10px; float:left;}

.topNav {
	float: left;
	height: 160px;
	line-height:16px;
	border-left: 1px solid #DDDDDD;
	padding-right: 15px;
	padding-left: 6px;
}

.topNav a {
	display: block;
	padding-top: 11px;
}

.topNav ul {font-size:11px; list-style:none; padding-top:6px;}
.topNav ul li {padding-bottom:6px; line-height:14px;}
.topNav ul li a {font-weight:normal; padding-top:0;}

.sep {
	height: 1px;
	margin: 0px 5px;
	background-color: #CCC;
	clear: both;
}

.sep2 {
	height: 1px;
	margin: 15px 0px;
	background-color: #CCC;
}

.topLink {float:right; text-transform:uppercase; font-size:11px;}

.paginatorTop {
	border-top: 1px solid #DDDDDD;
	padding-top: 2px;
	padding-bottom: 8px;
	margin-top: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

.paginatorBot {
	border-bottom: 1px solid #DDDDDD;
	padding-top: 8px;
	padding-bottom: 2px;
	margin-bottom: 15px;
	font-size: 11px;
	color: #999999;
}

.paginatorTop span, .paginatorBot span {
	font-weight: bold;
	color: #000000;
}

#banner {
	padding: 5px;
	border-bottom: 4px solid #9A3A06;
}

#utils {
	float: right;
	color: #555555;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

#utils INPUT {
	font-size: 12px;
}

#utils .blank {
	width: 120px;
	height: 18px;
	border: 1px solid #C0BDBD;
	color: #555555;
}

#utils .search {
	width: 180px;
	height: 50px;
	border-bottom: 1px solid pink;
	margin-bottom: 4px;
	border-bottom: 1px solid #B2B1B1;
}

#utils a.sm {
	font: bold 10px/14px verdana, arial, helvetica;
}

#navHeader {margin:10px 0 0 8px; text-transform:uppercase; font-weight:bold;}
#sideMenu {
	float: left;
	width: 190px;
	padding-top: 6px;
}

ul#nav {
	margin: 4px 0px 10px 0px;
	padding: 0px;
}

ul#nav li {
	color: #FFFFFF;
	font: bold 11px verdana;
	display: block;
	margin: 0px 0px 10px 5px;
	width: 175px;
}

ul#nav li a {
	background-color: #550000;
	padding: 5px;
	height: 35px;
	color: #FFFFFF;
	display: block;
}

ul#nav li a:hover {
	background-color: #990000;
	text-decoration:none;
}

* html ul#nav li a {
	height: 45px;
}

ul#nav li.on a {
	background-color: #550000;
}

ul#nav li.on div {border:1px solid #c30; border-top:0px;}

#contentInt ul#navTertiary {border:1px solid #300; border-bottom:0px; margin:0px 0px 16px 0px;}
#contentInt ul#navTertiary li {list-style:none; margin:0px;}
#contentInt ul#navTertiary li a {_width:185px;}
#contentInt ul#navTertiary li a:hover {text-decoration:none;}

ul#nav li.on div a, #contentInt ul#navTertiary li a {
	background-color:#e24804; /* #FFFFCC, #B10536 */
	background:url(/BCN/images/subnav_bg.gif) no-repeat top left;
	color:#fff;
	padding:5px 5px 10px 5px;
	height: auto;
	display: block;
	border-bottom:1px solid #c30;
}

ul#nav li.on div a:hover, #contentInt ul#navTertiary li a:hover {
	background-color: #ff6600;
	background:url(/BCN/images/subnav_bg_hover.gif) no-repeat top left;
	color:#fff;
}

ul#nav li.on div a.on, #contentInt ul#navTertiary li a.on {
	background-color: #ff6600;
	background:url(/BCN/images/subnav_bg_hover.gif) no-repeat top left;
	color:#fff;
}

.introCopy {
	margin: 16px 10px 20px 200px;
	font-size: 14px;
	line-height: 22px;
	color: #732D07;
}

#contentHmWrapper {background:url(/BCN/images/bg_map.gif) no-repeat top center; text-align:center;}
	#contentHm {width:690px; margin:0 auto; padding-top:38px; text-align:left;}
	#contentHm h1 {background:url(/BCN/images/header_welcome.gif) no-repeat top left; text-indent:-5000px; border:0;}
	#contentHm h2 {background:url(/BCN/images/subhead_libraryOfDocs.gif) no-repeat top left; text-indent:-5000px; border-bottom:3px solid #888;margin-top:30px;}
	
	#contentHm #libraryDocs {width:455px;}
	#contentHm .catBox {
		width:220px; height:230px; background:#ffc;
		border-bottom:1px solid #999; margin-bottom:4px;
		}
	#contentHm .catBoxTxt {padding:8px;}
	#contentHm #cat1 a {height:137px; background:url(/BCN/images/home_preventingFamilySeparation.jpg) top left no-repeat; text-indent:-5000px;display:block;}
	#contentHm #cat2 a {height:137px; background:url(/BCN/images/home_socialWelfareSystems.jpg) top left no-repeat; text-indent:-5000px;display:block;}
	#contentHm #cat3 a {height:137px; background:url(/BCN/images/home_familyCommunityBasedCare.jpg) top left no-repeat; text-indent:-5000px;display:block;}
	#contentHm #cat4 a {height:137px; background:url(/BCN/images/home_goodPracticeInCareArrangements.jpg) top left no-repeat; text-indent:-5000px;display:block;}
	#contentHm #cat5 a {height:137px; background:url(/BCN/images/home_particularThreatsToChildren.jpg) top left no-repeat; text-indent:-5000px;display:block;}
	#contentHm #cat6 a {height:137px; background:url(/BCN/images/home_separatedChildrenInEmergency.jpg) top left no-repeat; text-indent:-5000px;display:block;}
	#contentHm .rightMargin15px {margin-right:15px;}
	#contentHm .rightMargin4px {margin-right:4px;}

#content, #contentInt {
	margin: 10px 0px 0px 200px;
	width: 365px;
}

#contentInt {
	width: 555px;
	padding-top: 6px;
}

#content p, #contentInt p {
	padding: 5px 0px 10px 0px;
	margin:0 0 12px 0;
}

#content .links, #contentInt .links {
	padding-top: 8px;
}

#content .links label, #contentInt .links label {
	float: left;
	width: 16px;
	padding-top: 1px;
}

#content .links p, #contentInt .links p {
	padding: 0px 0px 12px 16px;
}

#content p span.byLine, #contentInt p span.byLine {
	font-size: 10px;
	color: #454545;
}

#contentInt p span.byLine {
	font-size: 11px;
}

#content p span.byLine span, #contentInt p span.byLine span {
	color: #999999;
}

#content p a.url, #contentInt p a.url {
	display: block;
	margin-top: 2px;
	font-size: 11px;
}

#contentInt .sterm {
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 12px;
}

#contentInt .note {
	font-size: 10px;
	color: #454545;
}

#contentInt .highlight {
	border:1px solid #DDD; padding:8px; margin-bottom:12px;
}

#contentInt input, #contentInt select {
	font: 12px/16px arial, helvetica, sans-serif, verdana;
	width: 400px;
}

#contentInt select.month {
	width: 120px;
}

#contentInt select.year {
	width: 63px;
}

.leftCol {
	float: left;
	width: 260px;
}

.rightCol {
	margin-left: 295px;
}

#contentInt .rightCol p, #contentInt .leftCol p, #contentInt p{
	padding: 0px 0px 10px 0px;
}

#contentInt .person {
	margin-top: 3px;
}

#contentInt .personPic {
	width: 60px;
	height: 60px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 5px 8px 5px 0px;
}

#contentInt ol {margin:5px 0 20px 25px;}
	#contentInt ol li {margin-bottom:8px;}
	#contentInt ol.romanList {list-style-type:upper-roman;}

#contentInt ul, #content ul {
	margin:5px 0 20px 25px;
	list-style:square;
}

#contentInt ul li, #content ul li {margin-bottom:12px;}

.introTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	color: #732D07;
	border-bottom: 1px solid #797777;
	margin-bottom: 8px;
}

#news {
	float: right;
	width: 185px;
	line-height:20px;
	margin-left:15px;
}

.subTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	color: #732D07;
	border-bottom: 1px solid #797777;
	margin-right: 5px;
}

.newsBox {
	background-color: #F8F9F6;
	border: 1px solid #B2B1B1;
	margin: 5px 5px 15px 0px;
	padding: 0px 6px 7px 6px;
}

#resources {
	float: right;
	width: 260px;
	line-height:20px;
}

.callOut {
	font: 12px verdana;
	line-height: 18px;
	border: 1px solid #ffa800;
	background-color: #ffffcc;
	margin: 0 5px 16px 0px;
	padding: 6px 6px 16px 6px;
}

.callOutLogos {
	margin: 4px 5px 0px 10px;
	padding: 5px 6px 7px 6px;
}

.callOutLogos img {
	display: block;
	margin-bottom: 15px;
}

.subNav {
	padding-top: 6px;
	padding-bottom: 8px;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}

.subNav span {
	color: #000000;
}

#newsletterSignUp .newsletterInput {width:200px;}
#newsletterSignUp .submitButton {width:70px;}

#pageFeedback {margin-top:16px; border-top:1px solid #777; padding-top:12px; margin-top:28px;}
	#pageFeedback .commentInput {width:300px; margin-bottom:12px; font:12px Arial, Helvetica, sans-serif;}
	#pageFeedback .inputNotes {margin-left:309px; padding-top:5px;}
	#pageFeedback .commentTextarea {width:440px; margin-bottom:12px; font:12px Arial, Helvetica, sans-serif; line-height:18px; overflow:auto;}
	#pageFeedback .submitInput {width:150px;}

#footer {
	margin: 50px 5px 0px 5px;
	color: #545454;
	font: 10px verdana, arial, hevetica;
	padding: 6px 6px 80px 6px;
	background-color: #ECEAE8;
}

#footer a {
	font-weight: normal;
}

