/* 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: #00627b; }
a:hover	{text-decoration: underline;}
/*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: #005d63; }

p   { margin: 0.5em 0 1.5em 0; }
h1  { color: #333333; font-size: 1.4em; margin: 1em 0; clear: left; }
h2  { color: #333333; font-size: 1.2em; }
h3  { color: #00627b; font-size: 1.1em; margin: 0.5em 0; }
h4  { color: #0082c0; font-size: 1em; margin: 0.5em 0 0.25em 0;  }
ol { display: block; padding: 5px; margin-left: 35px;}

img { border: 0; }
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; }

.bubbletree-wrapper {
	display: none;
}

.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: #00627b; 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, td { font-size: 100%; } /* to fix IE font inheritance bug */
td.row, th.row { border-bottom: 1px dotted #666; }
 
/* 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 5px 0 5px;  }
.caption a, .caption a:visited, a#explore, a:visited#explore { color: #FFF; font-weight: bold; }

.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; }

.red  { background-color: #4a1910; }
.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; }

.question { color: #00627B; font-weight: bold; }

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

.rightbox { float: right; 
			width: 240px;
			background-color: #f5f5f5;
			border: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-left: 15px;
			overflow-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 */

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

#header { 
	width: 100%;
	position: relative;
}

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

.menubutton {
	float: left;
	padding: 5px;
}

#right_column {
	width: 100%;
	font-size: 1.3em;
	line-height: 160%;
	overflow: none;
	padding: 5px;
}

#footer {
	clear: both;
	width: 100%;
	padding-top: 20px;
	overflow: none;
}

/* 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: #00627b;
	color: #fff;
}

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

#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;
}

#banner {
	width: 100%;
	height: 185px;
	clear: left;
	margin-bottom: 12px;
	border-bottom: 4px solid #00627b;
	background-size: cover;
}

/* 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%;
	border-bottom: 1px solid #000;
	float: left;
	display: block;
	position: relative;
	background: #00667b url("../images/arc_left_mycolour.gif") no-repeat;
	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: 3px 5px; 
}

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

/* Explore Government */

.leftnav .headergov { 
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	float: left;
	position: relative;
	background: #4a1910 url("../images/arc_left_red.gif") no-repeat;
}

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

.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;
}

.menu li {
	display: inline;
}

.menu a, .menu a:link, .menu a:visited, .menu a:active {	
	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: 1px dotted #666; 
	background: #ededed url("../images/triangle_right.gif") no-repeat 12px 13px /* COLOUR CHANGE  */
}

.menu li li a, .menu li li a, .menu li li a:link, .menu li li a:visited, .menu li li a:active {/* sub menu styling - positions the arrow graphic in a bit more - EDIT ncs jun2/09 added pseudo selectors for specificity*/
	font-size: .9em;
	padding: 8px 4px 8px 36px;
	background: #FFF url("../images/triangle_right.gif") no-repeat 23px 13px 
}

#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;
}

.two_cols   { background: url("../images/two_cols.gif") repeat-y; }
.two_clearcols  { }
.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 h2 {
	color: #00627b;
	margin: 5px;
	font-size: 1.25em;
}


#right_column .two_cols .column .header {
	width: 350px;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background: #00627b url("../images/arc_right_half.gif") no-repeat;
	float: none;
	position: relative;
}

#right_column .three_cols .column .header {
	width: 230px;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background: #00627b url("../images/arc_right_third.gif") no-repeat;
	float: none;
	position: relative;
}

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

.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;
}

.box {
	width: 100%;
	background-color: #ededed;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
}

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

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

.box table td { border-top: 1px dotted #666; }

/* 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: 150px;
	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; 
}

/* NEWS STYLES */

.inthenews p {
	margin: 0.5em 0 0 0;
}

.news p { 
	clear: left; 
	float: left; 
	width: 20%; 
	height: 2em; 
	margin: 00; 
	padding: 2px 0 0 0; 
	border-top: 1px dotted #ccc;
}

#right_column .news ul { 
	margin: 0; 
	padding: 0 0 1em 0; 
}

#right_column .news ul li { 
	display: block;
	list-style-type: none; 
	background: none; 
	margin: 0; 
	padding: 0; 
	border-top: 1px dotted #ccc;
}

/* TABLES */		  
				  
table.orgchart { font-size: 0.9em; border: 1px #000 solid; }
table.finance  { font-size: 1.0em; border: 1px #000 solid; }
.finance td    { border: 1px #CCC solid; }
.finance th    { border: 1px #CCC solid; background: #E0E0E0; }

table.financesmall	{ font-size: 0.85em; border: 1px #000 solid; }
.financesmall td    { border: 1px #CCC solid; }
.financesmall th    { border: 1px #CCC solid; background: #E0E0E0; }

table.rbp	{ width: 95%; font-size: 1.0em; border: 1px #000 solid; }
.rbp tr		{ border: 1px #CCC solid; }
.rbp td		{ border: 1px #CCC solid; }
.rbp th		{ border: 1px #CCC solid; background: #E0E0E0; }

table.nutrition	{ width: 95%; font-size: 1.0em; border: 1px #000 solid; }
.nutrition tr		{ border: 1px #CCC solid; vertical-align:text-top; }
.nutrition td		{ border: 1px #CCC solid; vertical-align:text-top; }
.nutrition th		{ border: 1px #CCC solid; background: #E0E0E0; }
th.type		{ width: 10%; height: 100px;}
td.object		{ width: 12%;height: 100px;}
td.amount		{ width: 6%;height: 100px;}

table.rbpsmall	{ width: 100%; font-size: 0.9em; border: 1px #000 solid; }
.rbp tr		{ border: 1px #666 solid; }
.rbp td		{ border: 1px #666 solid;}
.rbp th		{ border: 1px #666 solid; background: #E0E0E0; }

table.cfsa	{ text-align:left; border: 1px #000 solid; width: 100%;}

tr.cfsa, th.cfsa, td.cfsa  {
    text-align:left;
    border: 1px #000 solid ;
}

th.cfsaone {
    text-align:left;
    border: 1px #000 solid ;
    width: 30px;
    background-color: #CCC;
}
th.cfsatwo {
    text-align:left;
    border: 1px #000 solid ;
    background-color: #CCC;
}

table.ocb
{	
	width: 700px;
	border: solid 1px #000;
	border-collapse: collapse;
}

.ocb table, td
{	
	border: solid 1px #000;
	border-collapse: collapse;
	font-size: 1em;
	vertical-align: center;
	text-align: center;
	padding: 5px;
}

table.momh
{
	width:700px;
	border: solid 1px #000;
	border-collapse: collapse;
}

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

.momh th
{
	border: solid 1px #000;
	border-collapse: collapse;
	background: #E0E0E0;
	font-size: 1em;
	vertical-align: center;
	text-align: left;
	padding: 5px;
}
	

/* Special boxes */

#box_border {
background-color:#E2E2E2;
padding: 2px 8px 1px;
}

.box_border li ul ol{
background-color:#E2E2E2;
}

.name_ref {
	font-size:.8em;
	font-style:italic;
	padding-left:10px;
	}
	
.report_box {
	background-color:#ccc;
	padding:5px;
}


/* OEYC Tabs */
.oeyctab           { width: 100%; padding-right: 0px; color: #fff;}
.oeyctab a         { display: block; float: right; width: 145px; padding: 5px 0 5px 0; font-size: 1em; background: url("../images/tab-gray.jpg")  no-repeat; text-align: center; }
.oeyctab a#current { background: url("../images/tabCurrent02.gif") no-repeat center top; color: #fff; }


/* ------ More OEYC ------ */
.basictab {
	padding: 0;
	margin-left: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}

.basicoeyctab
{
	display: block;
	text-decoration: none;
	padding: 5px 7px;
	margin-right: 3px;
	border: 1px solid #333;
	background: #f6ffd5;
	}
	
.basicoeyctab a:
{
	display: block;
	text-decoration: none;
	padding: 5px 7px;
	margin-right: 3px;
	border: 1px solid #333;
	background: #f6ffd5;
	}

.basicoeyctab a:hover{
	background-color: #DBFF6C;
	color: black;
	}

.basicoeyctab a:active{
	color: black;
	}

.edit {
	float: right;
	margin: 5px 10px 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
}

.edit a {
	color: #FFF;
}

#oeyc_location	
	li { line-height: 110%; }
	hr { height: 1px; color: #fff; background-color: #fff; border-top: 1px dotted #333; border-bottom: none; float: left; clear: both; width: 100%; margin: 1em 0; }

ol.list_roman {
    list-style-type: lower-roman;
}

/* ONE COLUMN HEADER STYLES */

.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;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background-color: #00627b;
}

#onecol .header h2 {
	color: #fff;
	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: #ededed;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
}

.box h3, .box p, .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;
}

/*OEYC Calendar */
table.calendar		{ border:1px solid #999; }
tr.calendar-row	{ vertical-align: top; }
td.calendar-day	{ min-height:80px; font-size:0.9 em; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#e8fdd0; }
td.calendar-day-np	{ background:#eee; min-height:80px; position:relative; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:3px; color:#fff; font-size: 0.9em; float:right; margin:-5px -5px 0 0; width:15px; text-align:center; }
/* calendar - shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
/* calendar - row no-border */
div.row-noborder {
	width: 95%;
	clear: both;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 2px;
}
/*calendar - light green box */
.lightgreen	{ background-color: #e8fdd0; }

/* 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;
	margin-top:2em;
	color: #00627B;
	font-size:.7em;
	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
{
	margin: 0px;
	padding: 0px;
}

.h3_special_style
{
	font-size: 1.3em;
}

/* Stepping Up */

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