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

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

.glossary      { background-color: #f8f6d7; color: #000; text-decoration: underline; }
.promo         { margin-bottom: 10px; float: left; }
 
/* 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;
}

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

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

#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: #00667e;
	color: #fff;
}

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

#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: 980px;
	height: 185px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-bottom: 12px;
	border-bottom: 4px solid #00627b;
}

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

#banner-cmb {
	width: 980px;
	height: 80px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-top: 8px;
	margin-bottom: 6px;
	border-top: 2px solid #00627b;
	border-bottom: 2px solid #00627b;
}

#banner-clock {
	width: 980px;
	height: 350px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-top: 8px;
	margin-bottom: 6px;
	border-top: 2px solid #00627b;
	border-bottom: 2px 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%;
	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 .headerplain	{
	width: 100%;
	height: 2.5em;
	position:relative;
	border-bottom: 1px solid #CCC; 
	margin-right:20px; 
	margin-bottom:10px;
	color:#000;
	padding-bottom:5px;
}


#right_column .header {
	width: 100%;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background: #00667e url("/images/arc_right_main.gif") no-repeat;
	display: block;
	word-wrap: break-word;
	margin-bottom: 5px;
	float: left;
}


#right_column .two_cols .column .header {
	width: 350px;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background: #00667e 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: #00667e 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; }

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

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

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

/* ------- start of new OEYC Calendar application with ASP.NET pages ------- */
/* MAIN COLUMN STYLES */
#right_column .headerEventDetails
{
	background: url( "../images/arc_right_main.gif" ) no-repeat scroll 0 0 #00667E;
	clear: left;
	height: 2.5em;
	margin-left: -13px;
	margin-top: -10px;
	position: relative;
	/*width: 710px;*/
}

.headerEventDetails
{
	background: url( "../images/arc_right_main.gif" ) no-repeat scroll 0 0 #00667E;
	clear: left;
	height: 2.5em;
	/*margin-left: -13px;
	margin-top: -10px;
	position: relative;
	width: 710px;*/
}


/* MAIN COLUMN STYLES */
/* conflict with master.css file, use master.css instead
div.row
{
	width: 100%;
	clear: both;
	position: relative;
	float: left;
	display: inline;
	margin-right: -3px;  IE 6 duplicate text fix
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
}
*/

#main_column .header
{
	width: 100%;
	clear: left;
	position: relative;
	border-top: 3px solid #666;
	border-bottom: 1px solid #666;
	background: #00667e 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 Calendar */
.calendarContent
{
	/*	padding: 10px 13px; 	float: left;	*/
}
.calendarSectionTitle
{
	background-color: #00627b;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 5px;
}
.boundFieldHead
{
	background-color: Lime;
	color: #FFFFFF;
	font-weight: bold;
}
.sectionDetail
{
	float: left;
	width: 100%;
	padding-top: 10px;
}
.labelDetail
{
	float: left;
	margin-left: 5px;
	width: 18%;
}
.labelDetail1
{
	float: left;
	margin-left: 5px;
	width: 22%;
}

.customDetail
{
	float: left;
	margin-left: 5px;
	width: 25%;
}
.controlDetail
{
	float: right;
	width: 80%;
}
.controlDetail1
{
	float: right;
	width: 64%;
}
.controlDetail2
{
	float: right;
	width: 74%;
}
.controlDetail3
{
	float: right;
	width: 100%;
	padding-top: 10px;
}
.buttonControl
{
	clear: both;
	position: relative;
	text-align: center;
	width: 100%;
	height: 30px;
	top: 5px;
}
.panel
{
	color: #00627b;
	float: left;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.padTop
{
	padding-top: 10px;
	vertical-align: top;
}

.padControl
{
	float: left; 
	text-align: left; 
	padding-bottom: 6px;
	width: 100%; 
}

.padControlHalf
{
	float: left; 
	text-align: left; 
	padding-bottom: 6px;
	width: 50%; 
}

.subCalendarGrid
{
	position: relative;
	float: left;
	height: 100%;
	width: 85%;
	margin-top: 0px;
	margin-bottom: 10px;
}
.visitorCalendarSectionTitle
{
	background-color: White;
	color: Black;
	font-weight: bold;
	font-size: 1.3em;
	padding-left: 10px;
	text-align: center;
}
#EventTitle
{
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
}

#EventTitle h2
{
	color: #FFFFFF;
	font-weight: bold;
	margin: -0.2em -0.2em -0.2em 0.2em;
}

#calendarMenu
{
	float: left;
	font-size: 1.4em;
	height: 100%;
	width: 100%;
}
#contentHolder
{
}
#searchSection
{
	position: relative;
	float: left;
	width: 15%;
	margin-top: 10px;
}
#searchOptions
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #00627b;
	vertical-align: middle;
	padding-left: 5px;
}
#calendarStats
{
	position: relative;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	top: -13px;
}
#calendarGrid
{
	position: relative;
	float: left;
	height: 100%;
	width: 85%;
	margin-top: 10px;
}
#visitorCalendarGrid
{
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
	margin-top: 10px;
}
#calendarGView
{
	margin-top: 10px;
}
.titleLabel
{
	position: relative;
	width: 100%;
	color: #0082c0;
	font-weight: bold;
	font-size: small;
	float: left;
	padding-top: 15px;
}
.titleLabel2
{
	position: relative;
	color: Olive;
	font-weight: bold;
	font-size: small;
	float: left;
	padding-top: 10px;
}
.subtitleLabel
{
	clear: both;
	position: relative;
	float: left;
	color: Black;
	font-weight: bold;
	font-size: small;
	padding-top: 10px;
}
.labelEventDetail
{
	position: relative;
	float: left;
	width: auto;
	text-align: left;
	color: Black;
	font-size: small;
	padding-top: 10px;
	margin-left: 6px;
}
.previous
{
	position: relative;
	float: left;
	text-align: left;
	text-decoration: underline;
}
.next
{
	position: relative;
	float: right;
	text-align: right;
	text-decoration: underline;
}

td.dateCell:hover
{
	background-color: #e8fdd0;
}

td.calendarWeekendDay:hover
{
	background-color: #e8fdd0;
}

td.calendarTodayDay:hover
{
	background-color: #e8fdd0;
}

.dateCell
{
    color: black;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 1em;
    text-decoration: none;
    vertical-align:top;
    height: 100px;
    width: 14%;
}

.dayNumber
{    
    color: black;
    background-color: #cccccc;
    font-family: Arial;
    font-size: small;
    text-decoration: none;
    text-align: right;
    float: right;
    height: 15px;
    width: 15px;
}

.calendarDayHeader
{
    color: black;
    background-color: #ccc;
    font-family: Arial;
    font-size: 1em;
}

.calendarTitle
{
    color: black;
    background-color: #ffffff;
    font-family: Arial;
    font-size: small;
}

.calendarWeekendDay
{
    color: black;
    background-color: #eeffff;
    font-family: Arial;
    font-size: 1em;
    text-decoration: none;
    vertical-align:top;
    height: 100px;
    width: 14%;
}

.calendarTodayDay
{
    color: black;
    background-color: #ffffee;
    font-family: Arial;
    font-size: 1em;
    text-decoration: none;
    vertical-align:top;
    height: 100px;
    width: 14%;
}

.eventButton
{
    border-style: none;
	font-size:1em;
	float: left;    
	line-height: 1.4em;
	margin-top: -0.4em;
	margin-bottom: -0.4em;	
	text-align: left;
	text-decoration: underline;	
	width: 100%;
}

.editRemoveButton
{
    border-style: none;
	font-size:1em;
	float: left;
	text-align: left;
}

.timeLabel
{
    float: left;
    font-size: 1em;
    font-weight:bold;
    padding-top: 10px;
    text-align: left;    
    width: 100%;
}

.locationLabel
{
	float: left;
	font-size: 1em;
	width: 100%;
	text-align: left;
	line-height: 95%;
	padding-top: 8px;
}

.visitorcontent
{
	width: 98%;
	padding-left: 13px;
	float: left;
}

.verticalAlign1
{
    vertical-align: top;
}

.calendarListBoxSize
{
    width: 400px;
    height: 450px;
}

.settingTabButton
{
    border-style: Solid;
	border-width: 1px;
    border-bottom-style: none;
}

.errorLabel
{
    float:left;
    width:100%;
    color: Red;
    padding-top: 10px;
}

.infoLabel
{
    color: Red;
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 100%;    
}
/* ------- end of new OEYC Calendar application with ASP.NET pages ------- */

/* 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: #00667e 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;
}

/* MODAL WINDOW CSS FOR ONTARIO AUTISM PROGRAM 2016 */

#blind
{
   	/* position element so the z-index can be set */
   	position:fixed;
   	/* set z-index so the blind will cover all page content */
   	z-index:9999;
   	/* set the top, left, width and height so the blind covers the browser window */
   	top:0;
   	left:0;
   	width:100%;
   	height:100%;
   	/* set the background to a suitably dark tone */
   	background-color:#000000;
}

#modal .window {
   	/* position the element so that the z-index can be applied */
   	position:fixed;
	/* Set the z-index to a number higher than the blind's z-index */
	z-index:10000;
	/* set the width and height of the window */
	width:800px;
	height:500px;
	/* give the window negative margins that match the width/2 and height/2 so it is centered */
	margin-left:-400px;
	margin-top:-250px;
   	/* position the top left corner off stage so it can't be seen (instead of display:none;) */
   	left:-1000px;
   	top:-1000px;
   	/* color the background so it shows up */
   	background-color:#ffffff;
   	/* CSS3 box shadow */
   	box-shadow:0px 4px 80px #000;
   	-webkit-box-shadow:4px 4px 80px #000;
   	-moz-box-shadow:4px 4px 80px #000;
}

.modal-title
{
	padding:10px 0 10px 20px;
	margin:0;
	background-color:#00627b;
}

.modal-title h3
{
	font-size:1em;
	color:#fff;
	margin:0;
	padding-right:40px;
}

#modal .window .contents
{
	padding:20px;
	height:420px;
	margin:0px;
   	overflow-y:scroll;
}

.modal-close-button
{
	margin-right:15px;
	float:right;
}

.modal-box-container
{
	width:750px;
	margin:20px auto 0;
	background-color:#fff;
}

.modal-box
{
	margin:0 5px 5px;
	width:230px;
	float:left;
}

.modal-box h5
{
	padding:5px 10px;
	margin:0;
	background-color:#c2d69b;
	color:#000;
}

.modal-box p
{
	margin:0;
	padding:10px;
}

.autism-box-container
{
	width:700px;
	height:auto;
	margin:0 auto;
}

.autism-box-light-green
{
	padding:15px;
	margin:5px;
	width:190px;
	height:100%;
	font-weight:bold;
	text-align:center;
	display:flex;
	align-items:center;
	float:left;
	text-decoration:underline;
	background:#e8fdd0;
}

.autism-box-light-green:hover
{
	background-color:#638141;
	color:#fff;
}

.autism-box-aqua
{
	padding:15px;
	margin:5px;
	width:190px;
	height:100%;
	font-weight:bold;
	text-align:center;
	display:flex;
	align-items:center;
	float:left;
	text-decoration:underline;
	background-color: #d3e7e9;
}

.autism-box-aqua:hover
{
	background-color:#416381;
	color:#fff;
}

/*
.autism-box-container
{
    width:250px;
	margin:0 auto;
	padding: 0 335px 0 0;
	background-color:#fff;
    overflow: hidden;
	border: 1px solid black;
}

.autism-box-one
{
    float: left;
    width: 100%;
	padding:15px 15px 99999px;
    margin-bottom: -99999px;
	text-align:center;
	font-weight:bold;
	border: 1px solid black;
}

.autism-box-two
{
    float: left;
    width: 250px;
	padding:15px 15px 99999px;
    margin: 0 -310px -99999px 0;
	text-align:center;
	font-weight:bold;
	border: 1px solid black;
}
*/

.light-green
{
	background:#e8fdd0;
}

.autism-table
{
	border-collapse:collapse;
	width:70%;
}

.autism-table th,td
{
	border:1px solid #000;	
	text-align:left;
	padding:10px;
	width:50%;
}
.autism-table th
{
	background-color:#00627b;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
}

.autism-table td
{
	background-color:#fff;
	color:#000;
	vertical-align:top;
}


/* END OF MODAL WINDOW CSS FOR ONTARIO AUTISM PROGRAM 2016 */