/* GENERAL */
/* GENERAL */
html, body { margin: 0; padding: 0; }

body {
	background-color: #FFF;
	color: #000;
	font: 62.5% Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}

a   { text-decoration: underline; color: #0a3f59; }
a:hover	{text-decoration: underline; color: #701318;}
/*a:visited { color: #005d63; }this colour is the same as the navigation bar.  links disapear when they've been visited once. In IE. Disabled until a work around can be found. BCB*/
a:visited { color: #0a3f59; }

p   { margin: 0.5em 0 1.5em 0; }
h1  { color: #701318; font-size: 1.4em; margin: 1em 0; clear: left; }
h2  { color: #701318; font-size: 1.2em; }
h3  { color: #701318; font-size: 1.1em; }
/* margin: 0px; - 2020-12-24 > JCP Removed margin on H3 to fix display issues */
h4  { color: #701318; font-size: 1em; margin: 0.5em 0 0.25em 0;  }
ol { display: block; padding: 5px; margin-left: 35px; margin-top: 35px;}
/* margin-bottom: 35px; - 2020-12-24 > JCP Removed margin bottom on OL to fix display issues */

img { border: 0; max-width: 100%; }
dt  { font-weight: bold; }
hr  { height: 1px; color: #fff; background-color: #fff; border-top: 1px dotted #666; border-bottom: none; float: left; clear: both; width: 100%; margin: 1em 0; }

.no-float { border: 0; border-bottom: 1px dotted #666; background: #fff; overflow: hidden; }

sup { vertical-align: top; font-size: 0.6em; }

.right  { float: right; margin-left: 20px; text-align: right; }
.left   { float: left; margin-right: 20px; text-align: left; }
.top    { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.alignL { text-align: left; }
.alignR { text-align: right; }
.clear  { clear: both; }
.hide   { display: none; }
.small  { font-size: 0.85em; line-height: 140%; }
.indent { margin-left: 2em; }
.label  { display: block; width: 5em; float: left; }
.submit { background-color: #701318; color: #fff; font-weight: bold; border: none; float: left; width: 100%; height: 100%; padding: 0; margin: 0; }
.citation {padding-left: 20px; text-indent: -20px;}
.nowrap { white-space: nowrap;}

table { font-size: 100%; margin-bottom: 25px; } /* to fix IE font inheritance bug */
td.row, th.row { border-bottom: 1px dotted #666; }

td {
    border: solid 1px #000;
    border-collapse: collapse;
    font-size: 1em;
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

th {
    font-weight: bold;
    border: solid 1px #000;
    border-collapse: collapse;
    font-size: 1em;
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

/* PHOTO STYLES */

.lightgrey_border { border: 1px solid #ccc; }
.frame  { border: 1px solid #ccc; padding: 8px; }
.inline { vertical-align: middle; }
.inline { vertical-align: middle; }
.comment {float:left;}

.photocap  { background-repeat: no-repeat; height: 6px; line-height: 1px; font-size: 0.1em; }
.photo img { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.caption 	 { padding: 5px;  }
.caption a, .caption a:visited, a#explore, a:visited#explore { color: #FFF; font-weight: bold;  text-decoration: none; }
.caption a:hover {text-decoration: underline;}

.nav_top      { background-image: url("../images/corner_nav_top.gif"); background-position: top left; }
.nav_bottom   { background-image: url("../images/corner_nav_bottom.gif"); background-position: bottom left; }
.main_top     { background-image: url("../images/corner_main_top.gif"); background-position: top left; }
.photo_top    { width: 210px; background-image: url("../images/corner_photo_top.gif"); background-position: top left; }
.photo_bottom { width: 210px; background-image: url("../images/corner_photo_bottom.gif"); background-position: bottom left; }
.icon_top     { background-image: url("../images/corner_icon_top.gif"); background-position: top left; }
.icon_bottom  { background-image: url("../images/corner_icon_bottom.gif"); background-position: bottom left; }

.teal  { background-color: #00627b; color: #fff;}
.grey { background-color: #666; }
.light { background-color: #fff; color: #00627b; }
.green { background-color: #CCDBD3; }
.lightgrey { background-color: #ccc; }
.aqua { background-color: #d3e7e9; }
.lightgreen { background-color: #e8fdd0; }
.peach { background-color:#fcebdd; }
.lightblue { background-color:#e3fdfe; }
.navy { background-color:#0a3f59; }
.maroon { background-color:#701318; }
.red { background-color: #89181e; }
.paleblue { background-color: #e6ebee; }

.icon   { width: 125px; float: left; }

.rightbox { float: right;
			width: 240px;
			background-color: #e6ebee;
			border: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-left: 15px;
			overflox-x: hidden;
}

.leftbox { float: left;
			width: 240px;
			background-color: #ededed;
			border: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-right: 15px;
			padding-left: 15px;
			padding-right: 15px;
}

.rightbox h3, .rightbox p, .rightbox table {
	margin-left: 8px;
	margin-right: 20px;
}

.rightbox ul{
	margin-left: 12px;
	margin-right: 20px;
}

/* PAGE LAYOUT STYLES */

#ctl00_ContentPane_TreeView1n0 {
	display: none;
}

#ctl00_ContentPane_TreeView1 {
	margin-top: -15px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	margin-top: 10px;
}

#header {
	width: 980px;
	position: relative;
}

#left_column {
	width: 250px;
	display: inline;
	float: left;
	font-size: 1.2em;
	line-height: 160%;
}

.menubutton {
	float: left;
	display: none;
}

#right_column {
	width: 710px;
	float: right;
	font-size: 1.3em;
	line-height: 160%;
}

/*
@media only screen and (max-width: 920px) {
	#left_column {
		width: 250px;
		float: left;
		font-size: 1.2em;
		line-height: 160%;
		display: none;
		padding: 10px;
		clear: left;
	}

	.menubutton {
		float: left;
	}

	#right_column {
		width: 100%;
		float: right;
		font-size: 1.3em;
		line-height: 160%;
	}

	#right_column .header {
		border-top: 3px solid #666;
		border-bottom: 1px solid #666;
		background: #00627b url("/images/arc_right_main.gif") no-repeat;
		display: block;
		word-wrap: break-word;
		margin-bottom: 5px;
	}
}
*/

#footer {
	clear: both;
	width: 980px;
	padding-top: 20px;
}

/* HEADER LAYOUT STYLES */

#textlinks a.last, #navbar p a.last {
	border: none;
	padding-right: 0;
}

#textlinks {
	position: absolute;
	right: 0px;
	top: 5px;
	text-align: right;
}

#textlinks a {
	padding: 0 1em 0 0.75em;
	border-right: 1px solid #999;
}

a#skipNav:link, a#skipNav:visited, a#skipNav:hover {
	color: #FFF;
	border: none;
}

a#skipNav:active, a#skipNav:focus {
	color: #17397d;
	border-right: 1px solid #999;
}

#arc {
	width: 100%;
	height: 92px;
	float: left;
	background-image: url("../images/header_arc.gif");
}

#arc form {
	float: right;
	margin: 40px 20px 0 0;
}

#searchBox {
	width: 200px;
	padding: 8px auto;
	border: none;
}

#submit, .submitBtn {
	padding: 4px auto;
	border: 1px solid #666;
	background-color: #701318;
	color: #fff;
}

#navbar {
	width: 100%;
	/* height: 2.75em; */
	float: left;
	background: #333;
}

#navbar p {
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	/*	margin: 7px 0 10px 0;	*/
}

#navbar p a {
	color: #FFF;
	padding: 0 10px 0 8px;
	text-decoration: none;
}

#navbar p a:hover { text-decoration: underline; }

#banner {
	width: 980px;
	height: 185px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-bottom: 12px;
	border-bottom: 4px solid #00627b;
}

/* LEFT NAV STYLES */

#left_column ul { margin: 0; padding: 0; }

/* Default */
.leftnav {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}

.leftnav .header {
	width: 100%;
	float: left;
	display: block;
	position: relative;
	background-color: #701318;
	font-size: 100%; /* ncs jun2/09 added font-sizing - for backwards compatibility */
	font-size: 1.1em /* ncs jun2/09 added font-sizing - for backwards compatibility */
}


.leftnav .header a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 5px;
	text-decoration: none;
}

.leftnav .header a:hover {
	text-decoration: underline;
}

.leftnav .header img, .rightarrow {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* Explore Government */

.leftnav .headergov {
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	float: left;a:hover {text-decoration: underline;}
	position: relative;
	background: #0a3f59;
}

.leftnav .headergov a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 5px;
	text-decoration: none;
}

.leftnav .headergov a:hover {text-decoration: underline;}

.leftnav .headergov img, .rightarrow {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* -- Standard MY GOVERNMENT colour of Header bar for Menu titles -- */

#mygovt {
  background-color: #4a1910; /* STANDARD COLOUR - DO NOT EDIT */
  background-image: url(../images/arc_left_red.gif);
  background-repeat: no-repeat
}

#mygovt a {
  color: #fff; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */
  font-weight: 700
}

.leftnav h2 { /* ncs jun2/09 removed font-size, moved to to .leftnav .header for backwards compatibility - set padding/margin to 0 for chrome */ padding: 0 20px 0 0; margin:0}

/* EXPANDING MENU STYLES */

.menu {
	width: 100%;
	float: left;
	margin-right: -30px;
}

.insidemenu {
	width: 100%;
}

.menu li {
	display: inline;
}

.menu li a {
	text-decoration: none;
}

.menu li a:hover {
	text-decoration: underline;
}

.menu li.selected a {
	background-color: #fff; /* COLOUR CHANGE  */
	text-decoration: none;
}

.insidemenu li a{
	font-size: .9em;
	padding: 8px 4px 8px 36px;
	background-image: url("../images/triangle_right.gif");
	background-repeat: no-repeat;
	background-position: 23px 13px;
	background-color: #FFF;
	cursor: pointer;
	text-decoration: none;
}

.insidemenu li a:hover { text-decoration: underline; }

.insidemenu .insidemenu li a{
	font-size: .9em;
	padding: 8px 4px 8px 48px;
	background-image: url("../images/triangle_right.gif");
	background-repeat: no-repeat;
	background-position: 34px 13px;
	background-color: #FFF;
	cursor: pointer;
	text-decoration: none;
}

.insidemenu .insidemenu li a:hover { text-decoration: underline; }

.insidemenu li.selected a {
	background-color: #e6ebee; /* COLOUR CHANGE  */
}

.insidemenu .insidemenu li.selected a {
	background-color: #f0e7e7; /* COLOUR CHANGE  */
}

.insidemenu a {
	color: #000;
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 0;
	background-color: #FFF; /* COLOUR CHANGE  */
	background-image: url("../images/triangle_right.gif");
	background-repeat: no-repeat;
	background-position: 12px 13px;
	cursor: pointer;
}

.insidemenu .insidemenu a {
	color: #000;
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 0;
	background-color: #FFF; /* COLOUR CHANGE  */
	background-image: url("../images/triangle_right.gif");
	background-repeat: no-repeat;
	background-position: 12px 13px;
	cursor: pointer;
}

.menu .insidemenu ul.innerinsidemenu li a {
	padding-left: 60px;
	background: url("../images/triangle_right.gif") no-repeat 45px 13px;

}



.menu a {
	color: #000;
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 0;
	background-color: #fff; /* COLOUR CHANGE  */
	background-image: url("../images/triangle_right.gif");
	background-repeat: no-repeat;
	background-position: 12px 13px;
	cursor: pointer;
}

#current { background-color: #fff; }

#contacts { display: none; }
#ministries { display: none; }
#oeyc-category { display: none; }
#oeyc-audience { display: none; }

#mygovt {
	display: none;
	padding: 0 5px;
	position: relative;
}

#share { float: left; }

/* MAIN COLUMN STYLES */

div.row {
	width: 100%;
	clear: both;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
}

.content {
	padding: 10px 12px;
	float: left;
}

.two_cols   { background: url("../images/two_cols.gif") repeat-y; }
.three_cols { background: url("../images/three_cols.gif") repeat-y; }
.four_cols { background: url("../images/four_cols.gif") repeat-y; }
.five_cols { background: url("../images/five_cols.gif") repeat-y; }

.two_cols .column {
	width: 354px;
	float: left;
	position: relative;
}

.two_clearcols .column_a {
	width: 452px;
	float: left;
	position: relative;
}

.two_clearcols .column_b {
	width: 238px;
	float: left;
	position: relative;
}

.three_cols .column, .box .column {
	width: 232px;
	float: left;
	position: relative;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
}

.three_cols .double { width: 472px; float: left; }
.three_cols .single { width: 236px; float: left; }
.three_cols .singlegrey { width: 236px; background-color: #EDEDED; float: left; }
.three_cols .doublegreen { width: 472px; background-color: #CCDBD3; float: left; }
.three_cols .doubleleft { background: url("../images/three_cols_singleright.jpg") repeat-y; }
.three_cols .doubleright { background: url("../images/three_cols_singleleft.jpg") repeat-y;  }


.three_clearcols { overflow: auto; }
.three_clearcols .column, .box .column {
	width: 236px;
	float: left;
	position: relative;

}

.three_clearcols .column, .box .column {
	width: 236px;
	float: left;
	position: relative;
}

.three_clearcols .double { width: 472px; float: left; }
.three_clearcols .single { width: 236px; float: left; }

.four_clearcols { }
.four_cols .column, .four_clearcols .column {
	width: 177px;
	float: left;
	position: relative;
}

.five_cols { border-top: 1px dotted #666; padding-top: 5px; }
.five_cols .column, .five_clearcols .column {
	width: 139px;
	float: left;
	position: relative;
	padding: .5px;
	line-height: 1.25em;
}

.five_cols .columna, .five_clearcols .columna {
	width: 139px;
	float: left;
	position: relative;
	border-left: 1px dotted #666;
	height: 175px;
	padding: .5px;
	line-height: 1.25em;
}


.four_cols p { margin: 0; }
.five_cols p { margin: 0; }

.content {
	padding: 10px 12px;
	float: left;
}

.two_cols .spotlight
{
	padding: 10px 12px;
	float: left;
	width: 300px;
}

.three_cols .spotlight
{
	padding: 10px 12px;
	width: 210px;
	float: left;
}

.column ul, .double ul, .single ul { margin: 0; padding: inherit; }
.double ul { width: 440px; }
.clearcols ul { width: 440px; }

.two_clearcols .column {
	width: 354px;
	float: left;
	position: relative;
}


#right_column p a, #right_column a p  { text-decoration: underline; }

#right_column ul li, #splash ul li {
	list-style-type: none;
	padding: 0 0 0 15px;
	background: url("/images/triangle_right.gif") no-repeat 0px 8px;
	line-height: 200%;
	overflow:auto;
}

/*bcb edit to fix ul/ol nesting issue
#right_column ol li, #splash ol li {
	list-style-type: decimal;
	margin: 0;
	padding: 0 0 0 5px;
	background: none;
	line-height: 200%;
}
 */

#right_column .header {
	width: 100%;
	background-color: #fff;
	display: block;
	word-wrap: break-word;
	margin-bottom: 13px;
	float: left;
}


#right_column .two_cols .column .header {
	width: 350px;
	background-color: #fff;
	margin-left: 5px;
	position: relative;
}

#right_column .three_cols .column .header {
	width: 230px;
	background-color: #fff;
	margin-left: 5px;
	position: relative;
}

#right_column .three_cols .double .header {	width: 468px; }
#right_column .three_cols .single .header {	width: 230px; }

.header h2 {
	color: #701318;
	float: left;
	margin: 5px 5px 5px 0;
	font-size: 1.5em;
	word-wrap: break-word;
}

.longheader h2 {
	color: #701318;
	float: left;
	margin: 5px 0 0 10px;
	font-size: 1.1em;
}

.more {
	color: #fff;
	position: absolute;
	top: 5px;
	right: 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.more a {
	color: #fff;
}

.more img {
	position: absolute;
	top: 5px;
	right: -15px;
}

.textbox {
	width: 300px;
	background-color: #ededed;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	clear: both;
	text-align: left;
}

/* FOOTER STYLES */

#full_footer {
	border-top: 1px solid #7f7f7f;
	padding-bottom: 1em;
	width: 100% }

#footer p {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	font-size: .9em
}
#footer p.right { margin-right: 0; margin-left: 0 }
#footer a { color: #666 }

/* SPLASH STYLES */

#container {
	width: 712px;
	text-align: center;
	margin: 0 auto;
}

#splash {
	margin-top: 50px;
	float: left;
	padding-bottom: 80px;
	font-size: 1.3em;
	text-align: left;
	background: url("../images/header_arc.gif") no-repeat bottom left;
	border: 1px solid #00627b;
	border-bottom: 2em solid #00627b;
}

#splash .two_cols {
	background: url("../images/splash_line.gif") no-repeat top center;
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 3em;
}

.button {
	margin: 20px auto;
	width: 210px;
}

.onecol_content {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}

#onecol p a, #onecol a p  { text-decoration: underline; }

#onecol ul li, #splash ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: url("../images/triangle_right.gif") no-repeat 0px 8px;
	line-height: 200%;
}

#onecol .header {
	width: 100%;
	clear: left;
	position: relative;
	background-color: #fff;
}

#onecol .header h2 {
	color: #701318;
	float: left;
	margin: 5px 0 0 10px;
	font-size: 1.1em;
}

.more {
	color: #fff;
	position: absolute;
	top: 5px;
	right: 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.more a {
	color: #fff;
}

.box {
	width: 100%;
	background-color: #e6ebee;
	border: 1px solid #ccc;
	clear: both;
}

.box p {
	margin:10px 20px;
}

.box h2, .box h3, .box table {
	margin-left: 20px;
	margin-right: 20px;
}

.box table td { border-top: 1px dotted #666; }
td.fillin {width: 80%; border-bottom-width:thin; border-bottom-style:solid; border-bottom-color: black;}

/*Infertility Report */

.infertility  {text-transform: uppercase; font-weight: bold;  }
.underline {text-decoration: underline;}
.double_underline {border-bottom: 1px solid;	text-decoration: underline;}

/*Autism Newsletter */
.autismbanner {
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.2em;
	text-align: center;
}

.autismquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#main_column .header
{
	width: 100%;
	clear: left;
	position: relative;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background: #00627b url( "../images/arc_right_main.gif" ) no-repeat;
}

/* styles for Roots of Youth Violence pdf to html conversion project */
.lefthalf
{
	position: relative;
	float: left;
	text-align: left;
	width: 50%;
}
.righthalf
{
	position: relative;
	float: right;
	text-align: left;
	width: 49%;
}

/* styles for Roots of Youth Violence pdf to html conversion project */
.bold { font-weight: bold ; }
.mediumgrey { background-color: #999; }
.halfwidth { width: 50% }
.outdent {text-indent:-2.5em;}
.outdentpadding { padding:2.5em }
.halfpage { padding-bottom: 32em; }
.quarterpage { padding-bottom: 16em; }
.eighthpage { padding-bottom: 8em; }
.onepage { padding-bottom: 56em; }
.quiz_answer { float: left; width: 140px;font-style: italic;   }
.quiz_answer2  { float: left; width: 160px;font-style: italic;   }

/* EARLY CHILDHOOD DEVELOPMENT */

.ec_rightnav
{
padding: 0px;
margin: 0px;
}

.ec_rightnav_link
{
	font-size: 0.85em;
	line-height: 95%;
	width:88px;
	float:left;
	margin:0px 11px 10px 0px;
	height:inherit;
	text-align:center;
}

.ec_rightnav img
{
	float:left;
	margin-bottom:5px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
}

.ec_top_right
{
	float: right;
	margin: 20px 0px 15px 20px;
}

.ec_question
{
	font-weight: bold;
}

/* sub menu styling for Early Childhood Development left nav */
.menu li li li a, .menu li li li a, .menu li li li a:link, .menu li li li a:visited, .menu li li li a:active
{
	font-size: .9em;
	padding: 8px 4px 8px 48px;
	background: #FFF url("/images/triangle_right.gif") no-repeat 34px 13px
}

.ec_subtitle
{
	background-color: #ededed;
	width: 98%;
	padding: 5px;
}

.content_selfcare {
	padding: 10px 60px;
	float: left;
}

.ec_survey_box {
	width: 98%;
	float: left;
	background-color: #ededed;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	clear:both;
}

.ec_survey_box p {
	font-size: 0.85em;
	margin:0px 5px;
}

/* ADOPTION */

#a_navbar {
	width: 100%;
	height: 2em;
	float: left;
	border-bottom: 10px solid #FFF;
	background: #00627b url("../images/navbar.gif") no-repeat top left;
}

#a_navbar p {
	color: #FFF;
	font-size: 1em;
	text-align: left;
	margin: 2px 15px;
}

#a_navbar p a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

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

.bubble_left {
    background-color: #ededed;
    font-style:italic;
    font-weight:bold;
    font-size: 0.85em;
    line-height: 140%;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 5px;
    position: relative;
    vertical-align: top;
    margin: 15px 5px 25px 5px;
    float: left;
}

.bubble_left::after {
   content:"";
   display:block;
   position:absolute;
   bottom:-25px;
   left:20px;
   width:0;
   border-width:25px 10px 0;
   border-style:solid;
   border-color:#ededed transparent;
   margin: 15px 0px 0px 0px;
   float: left;
}

.bubble_right {
    background-color: #ededed;
    font-style:italic;
    font-weight:bold;
    font-size: 0.85em;
    line-height: 140%;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 5px;
    position: relative;
    vertical-align: top;
    margin: 15px 5px 25px 5px;
    float: left;
}

.bubble_right::after {
   content:"";
   display:block;
   position:absolute;
   bottom:-25px;
   right:20px;
   width:0;
   border-width:25px 10px 0;
   border-style:solid;
   border-color:#ededed transparent;
   margin: 15px 0px 0px 0px;
   float: left;
}

/* Youth Policy Framework CSS */

.multi_page_nav
{
	/*float: right;*/
	text-align: right;
	color: #00627B;
	font-size:1em;
	font-weight:bold;
	padding: 5px;
}

.youth_policy_nav
{
	float: right;
	margin-top:2em;
	color: #00627B;
	font-size:.7em;
	font-weight:bold;
}

.youth_policy_toc_image
{
	float:right;
}

.youth_policy_gotop
{
	font-size:0.8em;
}

.youth_policy_tbl_type0
{
	margin-top:1em;

}

.youth_policy_tbl_type1
{
	padding:1.2em;
	font-size:0.85em;
	margin-top:2em;
	margin-bottom:2em;
	color:#00627b;
	border:dotted thin;
	border-color:#00627b;
}

.youth_policy_tbl_type2
{
	padding:1.2em;
	font-size:0.85em;
	margin-top:2em;
	margin-bottom:2em;
	border:dotted thin;
	border-color:#00627b;
	background-color:#f7f2e8;
}

.youth_policy_tbl_type3
{
	font-size:0.85em;
	border:dotted thin;
	border-color:#00627b;
	background-color:#bfe3ed;
	padding:0.5em;
}

div.youth_policy_tbl_formats
{
	margin-top:3em;
}

div.youth_policy_tbl_formats .youth_policy_tbl_format_1
{
	font-size:0.85em;
	margin-bottom:2em;
	border:solid thin;
	border-color:#00627b;
	background-color:#ffffff;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_1
{
	background-color:#0078b6;
	color:#ffffff;
	font-size:1.5em;
	white-space:nowrap;
	height:2.5em;
	padding:0.5em;
	text-align:center;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_1_adol
{
	background-color:#009eae;
	color:#ffffff;
	font-size:1.5em;
	white-space:nowrap;
	height:2.5em;
	padding:0.5em;
	text-align:center;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_1_early
{
	background-color:#6f5299;
	color:#ffffff;
	font-size:1.5em;
	white-space:nowrap;
	height:2.5em;
	padding:0.5em;
	text-align:center;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_2
{
	background-color:#ffed8c;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.3em;
	height:2.5em;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_22
{
	background-color:#c7e09b;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.3em;
	height:2.5em;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_23
{
	background-color:#6ec5e5;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.3em;
	height:2.5em;
}
div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_24
{
	background-color:#ab92c5;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.3em;
	height:2.5em;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_3
{
	background-color:#f5eedb;
	padding:0.5em;
}

div.youth_policy_tbl_formats .youth_policy_tbl_cell_format_4
{
	background-color:#fbf8f1;
	padding:0.5em;
}

.youth_policy_bold_black
{
	color:#000000;
}

ul
{
	padding-bottom: 5px;
}

.h3_special_style
{
	font-size: 1.3em;
}

/* Stepping Up */

.green-inset {
	color: #006378;
	margin: 5px 20px 0px;
	padding: 5px;
	border: 1px solid #666;
}

/*custom styling*/

td.adoptionTable {
	border: none;
	padding: 10px;
}

.box-rounded-corners
{
	color: #fff;
	font-size: 1em;
	padding: 10px;
	border-radius: 10px;
}

.button-text
{
  color: #fff;
  font-size: 1.3em;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}