/* CHILDREN'S SERVICES CSS */

#container {
	padding: 0 0 0 0px;
	MARGIN: 0 0 0 0px;
	position: relative;
	height: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;

}

#pagecontent-main {
	margin-top: 40px;
}

#pagecontent-main p {
	color: #666;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}  

#pagecontent-main a {
	color: #000000;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
}

#pagecontent-main a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}
	
#pagecontent-main a:hover {
	/*color: #00b0d8;*/
	color:#0a7d9b;
}



#pagecontent-inner {
	margin: 20px 10px 0 10px;
} 

#pagecontent-inner p {
	color: #000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}  

#pagecontent-inner a {
	/*color: #00B0D8;*/
	color:#0a7d9b;
	text-decoration: underline;
	font-size: 1.0em;
	font-weight: normal;
}

#pagecontent-inner a:link, a:visited, a:active {
	/*color: #00B0D8;*/
	color:#0a7d9b;
	text-decoration: underline;
}
	
#pagecontent-inner a:hover {
	color: #66bbdd;
	/*color:#ccc;*/
}






H1 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
/*	color: #00b0d8;*/
	color: #0a7d9b;
}
H2 {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	/*color: #7AB843;*/
	color: #508237;
}

H3 {
	font-size: 1em;
	font-family: Tahoma;
	/*color: #7AB843;*/
	color: #508237;
}




#topnav_menu {
	width: 597px;
	position: absolute;
	top: 150px;
	right: 0px;
	text-align: right;
	background-color: #fff;
}
#topnav_menu DIV {
	border: 1px solid #fff;
	border-right: 0px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	height: 38px;
}
#topnav_menu A:link, #topnav_menu A:visited {
	color: #000; /* text colour on menu */
	padding: 5px 0px 2px 0px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#topnav_menu A:hover, #topnav_menu A:active {
	color: #000; /* text color when hovering */
	background: #ffff99; /* background colour when hovering over the menu */
/*	height: 30px;*/

}
#topnav_menu P {
	background-color: #369; 
	display: none;
	height: inherit;
	margin: 0 0 0 0px;
	padding: 0px 0px 1px 0px;
	text-align: left;
	color: #FFF;
	border-bottom: 1px solid #fff;
}
#topnav_menu P A:link, #topnav_menu P A:visited {
	padding: 1px 0 1px 5px;
	background-color: #E3E3E5; /* background colour of drop down menus */
	display: block;
	margin: 0;
	border-top: 1px solid #AAA;
	background-image: none;
/*	height: 14px;*/
}
#topnav_menu P A:hover, #topnav_menu P A:active {
	padding: 1px 0 1px 5px;
	color: #000; /* text colour of hovered items in drop down */
	background-color: #B0B0B0; /* background colour of hovered items in drop down */
/*	height: 14px;*/
}

	.m_about, .m_wwc, .m_rl, .m_nc, .m_loc, .m_pro {
	position: absolute;
	right: 0px;
	top: 34px;
}
#topnav_menu p.m_about A, #topnav_menu p.m_about A:visited, #topnav_menu p.m_about A:hover {
	width: 95px; /* width of drop down menu */
}
#topnav_menu p.m_wwc A, #topnav_menu p.m_wwc A:visited, #topnav_menu p.m_wwc A:hover {
	width: 95px; /* width of drop down menu */
}
#topnav_menu p.m_rl A, #topnav_menu p.m_rl A:visited, #topnav_menu p.m_rl A:hover {
	width: 95px; /* width of drop down menu */
}
#topnav_menu p.m_nc A, #topnav_menu p.m_nc A:visited, #topnav_menu p.m_nc A:hover {
	width: 95px; /* width of drop down menu */
}
#topnav_menu p.m_loc A, #topnav_menu p.m_loc A:visited, #topnav_menu p.m_loc A:hover {
	width: 95px; /* width of drop down menu */
}
#topnav_menu p.m_pro A, #topnav_menu p.m_pro A:visited, #topnav_menu p.m_pro A:hover {
	width: 130px; /* width of drop down menu */
}

/******************************** MENU FUNTIONALITY SECTION **********************************************************/
/******************************** this can be deleted later **********************************************************/
/******************************** we have a new menu now *************************************************************/
/* Keeps 'Landing Page' section background the same blue it already is and still changes colour on hover state */	
#pagelanding a#linklanding:link, #pagelanding a#linklanding:visited, #pagelanding a#linklanding:active
	{
	background-color: #00B0D8;
	}
#pagelanding a#linklanding:hover	
	{
	background-color: #ffff99;
	}	
	
/* Makes 'Programs' section background green in menu and still changes colour on hover state */	
#pageprograms a#linkprograms:link, #pageprograms a#linkprograms:visited, #pageprograms a#linkprograms:active
	{
	background-color: #7ab843;
	}
#pageprograms a#linkprograms:hover	
	{
	background-color: #ffff99;
	}	
	/*
#programs a:link, #programs a:visited, #programs a:active {
	color: #000;
	background: url("/children/art/star-programs.gif") top left no-repeat;
}		
#programs a:hover {
	color: #000;
	background:none;
}	*/	
/* Makes 'Locations' section background green in menu and still changes colour on hover state */	
#pagelocations a#linklocations:link, #pagelocations a#linklocations:visited, #pagelocations a#linklocations:active
	{
	background-color: #fdb813;
	}
#pagelocations a#linklocations:hover	
	{
	background-color: #ffff99;
	}	
/*		
#locations a:link, #locations a:visited, #locations a:active {
	color: #000;
	background: url("/children/art/star-locations.gif") top right no-repeat;
}		
#locations a:hover {
	color: #000;
	background:none;
}		*/	
/* Makes 'News and Community' section background green in menu and still changes colour on hover state */	
#pagenews a#linknews:link, #pagenews a#linknews:visited, #pagenews a#linknews:active
	{
	background-color: #e76e33;
	}
#pagenews a#linknews:hover	
	{
	background-color: #ffff99;
	}	
/*	
#news a:link, #news a:visited, #news a:active {
	color: #000;
	background: url("/children/art/star-news.gif") top right no-repeat;
}	
#news a:hover {
	color: #000;
	background:none;
}	*/	
/* Makes 'Resources and Links' section background green in menu and still changes colour on hover state */	
#pageresources a#linkresources:link, #pageresources a#linkresources:visited, #pageresources a#linkresources:active
	{
	background-color: #ad5aa3;
	}
#pageresources a#linkresources:hover	
	{
	background-color: #ffff99;
	}	
/*
#resources a:link, #resources a:visited, #resources a:active {
	color: #000;
	background: url("/children/art/star-resources.gif") bottom right no-repeat;
}	
#resources a:hover {
	color: #000;
	background:none;
}		*/	
/* Makes 'Working with Children' section background green in menu and still changes colour on hover state */	
#pageworking a#linkworking:link, #pageworking a#linkworking:visited, #pageworking a#linkworking:active
	{
	background-color: #ef4036;
	}
#pageworking a#linkworking:hover	
	{
	background-color: #ffff99;
	}	
/*	
#working a:link, #working a:visited, #working a:active {
	color: #000;
	background: url("/children/art/star-working.gif") bottom right no-repeat;
}	
#working a:hover {
	color: #000;
	background:none;
}		
*/
/* Makes 'About' section background beige in menu and still changes colour on hover state */	
#pageabout a#linkabout:link, #pageabout a#linkabout:visited, #pageabout a#linkabout:active
	{
	background-color: #c49a6b;
	}
#pageabout a#linkabout:hover	
	{
	background-color: #ffff99;
	}
/*	
#about a:link, #about a:visited, #about a:active {
	color: #000;
	background: url("/children/art/star-about.gif") top left no-repeat;
}	
#about a:hover {
	color: #000;
	background:none;
}*/		

/********************** END OF MENU FUNCTIONALITY  -  can be deleted later ********************/
#screening {
	position: relative;
	width: 598px;
	margin: 0px -2px 0 -3px;
}
/********** THIS IS FOR THE SCROLLING CONTAINER AT THE BOTTOM OF THE PAGE *********/

#findprogram {
	margin-left: 220px;
	margin-top:40px
}

#bodyright {
	FONT-SIZE: 0.9em;   
	COLOR: #632517;
	FONT-FAMILY: "Gills Sans", Verdana, sans-serif;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	margin-left: 15px;
	
	PADDING-BOTTOM: 0px;
	OVERFLOW: auto;
	WIDTH: 550px; 
	/* this doesn't need to change...it's the width of the bar itself, NOT the width of the amount that can be contained */
	TOP: 140px;
	HEIGHT: 65px;
	TEXT-ALIGN: left;
	border-width:0.5px; !important; 
	/*this tells firefox, etc. to have the slim looking border like IE does */
	border: 1px 1px 1px 1px; 
	border-style: solid;
	border-color: #999;
	background-color:#EBEBEB;
/*	scrollbar-base-color: #00b0d8;
	scrollbar-arrow-color: #FFFFFF; */
	margin-bottom: 10px;
	margin-top: 20px;
}
#TextBox {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 6px;
	width: 795px; /* change this accordingly...depends how much content inside scrolling bar */
}

#TextBox A:link, #TextBox A:visited {
	color: #000; /* text colour on menu */
	text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#TextBox A:hover, #TexBox A:active {
	color: #fff; /* text color when hovering */
	background: #00b0d8; /* background colour when hovering over the menu */

}	
/**************END OF SCROLLING CONTAINER ********************/


/******* NEW! box ********/


.newbox {
	margin: 20px 25px 5px 10px;
	width: 192px;
	float: right;
}
.newhead {
	margin: 5px 0 0 0;
	padding: 0;
	background: url(/children/art/new-header.gif) no-repeat top;
	height: 25px;
}
.newhead H3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	
}
	
.anchor {
	font-size: .9em;
	padding: 1;
	font-family: Arial, Helvetica, sans-serif;
	/*color: #7AB843;*/
	font-style: italic;
	
}

.deck {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	/*color: #7AB843;*/
	color: #008dd4;
	font-style: italic;
	font-weight: 500;
	line-height: 15px;
}

.newbody {
	margin: 0;
	padding: 1px;
	border-left: 1px solid #A4A4A4;
	border-right: 1px solid #A4A4A4;
	background-color: #f0eeee;
}
.newbtm {
	margin-top: -16px !important;
	margin-top: -12px;
	padding: 0 0 0 10px;
	background: url(/children/art/new-header-bottom.gif) no-repeat bottom;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.noindentul {
	margin-left: 20px;
	padding-left: 20px;
}

li.list {
	list-style: url(/children/art/bluesquare.gif);
	margin-bottom: .5em;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}



li.list a:link {
	text-decoration: none;
	color: #000;
}
li.list a:visited {
	text-decoration: none;
	color: #000000;
}
li.list a:hover {
	text-decoration: none;
	color: #00b0d8;
}

.calloutbox {
	font-size: 1.1em;
	text-align: left;
	background-color: #FFFF99;
	width: 35%;
	float: right;
	padding: 10px;
	border: solid;
	border-color: #FFFFFF;
}
#s-content {
	font-family: "Trebuchet MS", "Arial Narrow";
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000033;
	text-decoration: none;
	width: 537px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
}

#box-s-content {
	font-family: "Trebuchet MS", "Arial Narrow";
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	width: 517px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 9px;
	border: 1px solid #6633CC;
}
#nav-000 {
	height: 16px;
	width: 564px;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333399;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-botom-color: #333399;
	background-color: #7ab843;
	font-family: "Trebuchet MS", "Arial Narrow";
	font-size: 1em;
 	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#nav-000 a:link { color: #000088; text-decoration: none;  }
#nav-000 a:visited { color: #000088; text-decoration: none;  }
#nav-000 a:hover { color: #fffeee; text-decoration: none;  }

#general{margin-left:25px;
	 width:498px; 
	 border:solid  1px #666666; 
	 padding:10px; 
	 margin-bottom:20px; 
	 background:#ffff99;
}
 
#general-item{width:500px; 
	padding-left:10px; 
	margin: 20px 0px 20px 25px;
}
#div-small{width:45%; 
	border:solid  1px #666666;  
	float:left; 
	height:115px; 
	padding:10px; 
	background:#CCCCCC}
#container-div-small{margin-left:25px; width:520px;  margin-bottom:20px}
/*ul.nobulett{list-style-type:none;}*/

/*#pagecontent-inner ul li, ul li ul li{list-style-type:none;}*/

#pagecontent-inner li {
	list-style-image: url("../art/bluesquare.gif");	
}

#pagecontent-inner ul.mybullets li{list-style-type:disc;}

/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- main menu ------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#main-menu .bottomb{border-bottom:#000099 solid 1px;}
#main-menu  {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #00b0d8;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;
	_margin-top:-2px;
	
	
	vertical-align:top;
}
#main-menu ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#main-menu a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#main-menu li ul li a{ text-align:left;}
#main-menu li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#main-menu li li.xxx{ background:#e3e3e5; }
#main-menu li li.xxx, #main-menu li li.xxx:hover, #main-menu li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#main-menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#main-menu li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#main-menu li:hover { position: static; } /* IE7 freeze fix */
#main-menu li:hover ul ul, #main-menu li:hover ul ul ul, #main-menu li.sfhover ul ul, #main-menu li.sfhover ul ul ul {	left: -999em;}
#main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li li li:hover ul, #main-menu li.sfhover ul, #main-menu li li.sfhover ul, #main-menu li li li.sfhover ul {	left: auto;}

#main-menu li:hover, #main-menu li.sfhover {background: #ffff99;}
#main-menu li li:hover, #main-menu li li.sfhover {background: #b0b0b0;}
#main-menu li li a {
		border :0px;
		padding : 0 0.3em;
}
/*--------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------- about --------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#about .bottomb{border-bottom:#000099 solid 1px;}
#about  {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #c49a6b;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;	
	_margin-top:-2px;
	vertical-align:top;
}
#about ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#about a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#about li ul li a{ text-align:left;}
#about li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#about li li.xxx{ background:#e3e3e5; }
#about li li.xxx, #about li li.xxx:hover, #about li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#about li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#about li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#about li:hover { position: static; } /* IE7 freeze fix */
#about li:hover ul ul, #about li:hover ul ul ul, #about li.sfhover ul ul, #about li.sfhover ul ul ul {	left: -999em;}
#about li:hover ul, #about li li:hover ul, #about li li li:hover ul, #about li.sfhover ul, #about li li.sfhover ul, #about li li li.sfhover ul {	left: auto;}
#about li a.aaa, #about li a.aaa:visited {background:#c49a6b url(/children/art/star-about.gif) no-repeat ;background-position: 5px 5px;}
#about li a.aaa:hover, #about li a.aaa.sfhover{background:#c49a6b;}
#about li:hover, #about li.sfhover {background: #ffff99;}
#about li li:hover, #about li li.sfhover {background: #b0b0b0;}
#about li li a {
		border :0px;
		padding : 0 0.3em;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*----------------------------- Programs ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
#programs .bottomb{border-bottom:#000099 solid 1px;}
#programs  {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #7ab843;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;	
	_margin-top:-2px;
	vertical-align:top;
}
#programs ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#programs a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#programs li ul li a{ text-align:left;}
#programs li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#programs li li.xxx{ background:#e3e3e5; }
#programs li li.xxx, #programs li li.xxx:hover, #programs li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#programs li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#programs li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#programs li:hover { position: static; } /* IE7 freeze fix */
#programs li:hover ul ul, #programs li:hover ul ul ul, #programs li.sfhover ul ul, #programs li.sfhover ul ul ul {	left: -999em;}

#programs li:hover ul, #programs li li:hover ul, #programs li li li:hover ul, #programs li.sfhover ul, #programs li li.sfhover ul, #programs li li li.sfhover ul {	left: auto;}

#programs li a.aaa, #programs li a.aaa:visited {background:#7ab843 url(/children/art/star-programs.gif) no-repeat ;background-position: 4px 7px;}

#programs li a.aaa:hover, #programs li a.aaa.sfhover{background:#7ab843 ;}

#programs li:hover, #programs li.sfhover {background: #ffff99;}

#programs li li:hover, #programs li li.sfhover {background: #b0b0b0;}

#programs li li a {
		border :0px;
		padding : 0 0.3em;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- professionals --------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#professionals .bottomb{border-bottom:#000099 solid 1px;}
#professionals  {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #ef4036;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;	
	_margin-top:-2px;
	vertical-align:top;
}
#professionals ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#professionals a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#professionals li ul li a{ text-align:left;}
#professionals li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#professionals li li.xxx{ background:#e3e3e5; }

#professionals li li.xxx, #professionals li li.xxx:hover, #professionals li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#professionals li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#professionals li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#professionals li:hover { position: static; } /* IE7 freeze fix */
#professionals li:hover ul ul, #professionals li:hover ul ul ul, #professionals li.sfhover ul ul, #professionals li.sfhover ul ul ul {	left: -999em;}
#professionals li:hover ul, #professionals li li:hover ul, #professionals li li li:hover ul, #professionals li.sfhover ul, #professionals li li.sfhover ul, #professionals li li li.sfhover ul {	left: auto;}
#professionals li a.aaa, #professionals li a.aaa:visited {background:#ef4036 url(/children/art/star-working.gif) no-repeat ;background-position: 2px 1px;}

#professionals li a.aaa:hover, #professionals li a.aaa.sfhover{background:#ef4036 ;}
#professionals li:hover, #professionals li.sfhover {background: #ffff99;}
#professionals li li:hover, #professionals li li.sfhover {background: #b0b0b0;}
#professionals li li a {
		border :0px;
		padding : 0 0.3em;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- resources --------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#resources  .bottomb{border-bottom:#000099 solid 1px;}
#resources   {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #ad5aa3;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;	
	_margin-top:-2px;
	vertical-align:top;
}
#resources  ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#resources  a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#resources  li ul li a{ text-align:left;}
#resources  li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#resources  li li.xxx{ background:#e3e3e5; }
#resources  li li.xxx, #resources  li li.xxx:hover, #resources  li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#resources  li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#resources  li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#resources li:hover { position: static; } /* IE7 freeze fix */
#resources  li:hover ul ul, #resources  li:hover ul ul ul, #resources  li.sfhover ul ul, #resources  li.sfhover ul ul ul {	left: -999em;}

#resources  li:hover ul, #resources  li li:hover ul, #resources  li li li:hover ul, #resources  li.sfhover ul, #resources  li li.sfhover ul, #resources  li li li.sfhover ul {	left: auto;}

#resources  li a.aaa, #resources  li a.aaa:visited {
	background:#ad5aa3 url(/children/art/star-resources.gif) no-repeat ;
	background-position: 2px 8px;
}
#resources  li a.aaa:hover, #resources  li a.aaa.sfhover{background:#ad5aa3 ;}
#resources  li:hover, #resources  li.sfhover {background: #ffff99;}
#resources  li li:hover, #resources  li li.sfhover {background: #b0b0b0;}
#resources  li li a {
		border :0px;
		padding : 0 0.3em;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- News -------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#news  .bottomb{border-bottom:#000099 solid 1px;}
#news   {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #e76e33;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;	
	_margin-top:-2px;
	vertical-align:top;
}
#news  ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#news  a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#news  li ul li a{ text-align:left;}
#news  li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#news  li li.xxx{ background:#e3e3e5; }
#news  li li.xxx, #news  li li.xxx:hover, #news  li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#news  li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#news  li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#news li:hover { position: static; } /* IE7 freeze fix */
#news  li:hover ul ul, #news  li:hover ul ul ul, #news  li.sfhover ul ul, #news  li.sfhover ul ul ul {	left: -999em;}
#news  li:hover ul, #news  li li:hover ul, #news  li li li:hover ul, #news  li.sfhover ul, #news  li li.sfhover ul, #news  li li li.sfhover ul {	left: auto;}
#news  li a.aaa, #news  li a.aaa:visited {background:#e76e33 url(/children/art/star-news.gif) no-repeat ;background-position: 77px 2px;}
#news  li a.aaa:hover, #news  li a.aaa.sfhover{background:#e76e33 ;}
#news  li:hover, #news  li.sfhover {background: #ffff99;}
#news  li li:hover, #news  li li.sfhover {background: #b0b0b0;}
#news  li li a {
		border :0px;
		padding : 0 0.3em;
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- Locations --------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
#locations  .bottomb{border-bottom:#000099 solid 1px;}
#locations   {
	float: left;
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #fdb813;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	margin-left:2px;
	_margin-left:1px;
	margin-top:1px;
	*margin-top:-2px;	
	_margin-top:-2px;
	vertical-align:top;
}
#locations  ul  {
	text-align:left;
	font-size: 0.9em;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e3e3e5;
	font-weight: bold;
	padding: 0px;
	border:  0px;	
	margin: 0px;
	display: block;height:35px;
}
#locations  a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.3em;
	text-align:center;
}
#locations  li ul li a{ text-align:left;}
#locations  li {
	float: left;
	width: 98px;
	border:0px;
	border-right: 1px solid #fff;
	margin:0px;
}
#locations  li li.xxx{ background:#e3e3e5; }
#locations  li li.xxx, #locations  li li.xxx:hover, #locations  li li.xxx sfhover{
	width:150px; 
	border:0px; 
	border-top:1px #666 solid; 
	margin-left:-48px;  
	position:relative;
}
#locations  li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:100px;
	text-align: left;
	margin-left:-1px;
}
#locations  li li {
	width:100px;
	border:0px;
	border-top:solid #666 1px;
}
#locations li:hover { position: static; } /* IE7 freeze fix */
#locations  li:hover ul ul, #locations  li:hover ul ul ul, #locations  li.sfhover ul ul, #locations  li.sfhover ul ul ul {	left: -999em;}
#locations  li:hover ul, #locations  li li:hover ul, #locations  li li li:hover ul, #locations  li.sfhover ul, #locations  li li.sfhover ul, #locations  li li li.sfhover ul {	left: auto;}
#locations  li a.aaa, #locations  li a.aaa:visited {background:#fdb813 url(/children/art/star-locations.gif) no-repeat ;background-position: 77px 5px;}
#locations  li a.aaa:hover, #locations  li a.aaa.sfhover{background:#fdb813 ;}
#locations  li:hover, #locations  li.sfhover {background: #ffff99;}
#locations  li li:hover, #locations  li li.sfhover {background: #b0b0b0;}
#locations  li li a {
		border :0px;
		padding : 0 0.3em;
}

/* END CHILDREN'S SERVICES CSS */

a .title{ font-weight:bold}

.box-green { width: 130px; border: 2px solid #73b84d; background-color: #F0FFF0; padding: 5px 10px; margin: 0 0 10px 15px; float: right; text-align: center; }

.box-blue { width: 230px; border: 1px solid #00b0d8; padding: 5px 10px; margin: 0 0 10px 15px; float: right; }


.btnToolkit { background: #fff url(/children/art/excel-icon.gif) no-repeat left top; padding: 2px 0 2px 30px; width: 100%; font-weight: bold; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 2px solid #999; border-bottom: 2px solid #999; color: #060; }

#commentForm input { margin-top: 3px; }

/* Toolkit Suvrey */

.alternate1 { background-color: #F0FFF0; }
.alternate2 { background-color: #FFFFDF; }
.alternate3 { background-color: #EAEAEA; }
.alternate4 { background-color: #ccc; font-weight: bold; text-align: center; }

.tabloid table {
	border: 1px solid #333;
	padding: 3px 3px 3px 10px;
	border-collapse: collapse;
	margin-bottom: 20px;
	}
	
.tabloid table td, .tabloid table th {
	border: 1px solid  #999;
	padding: 3px 3px 3px 10px;
	}

.tabloid table th {
	background-color: #EAEAEA;
	}

.quest { font-weight: bold; color: #333; font-size: 1.2em; }

.btnSubmit { width: 200px; border: 1px solid #333; background-color: #060; color: #fff; font-weight: bold; margin-left: 185px; }

.btnSite { width: 100px; text-align: center; background-color: #EAEAEA; border: 1px solid #333;  margin: 0 0 2px 230px; font-weight: bold; }

.left-box-link{font-size:1em; font-family:tahoma}

.redstar{color:#FF6600; font-size:1.1em}

.location-box-left{width:204px; float:left; text-align:center; padding:8px; border:1px solid #FFCC33; background:#FFFFCC;}
.location-box-right{width:300px; float:left; padding:15px; margin-left:20px;}
.title-location{font-size:1.1em; font-style:italic; font-weight:bold; text-align:center; padding-top:10px;}
.mytable td{ border-bottom:#CCCCCC 1px solid;}