/*Medical Home CSS for links and vertical navigation*/

.navFindcenter a:link, .navFindcenter a:visited {
	padding-left:15px;
	color:#000;
	font:bold 1em/2em Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}
	
.navFindcenter a:hover, .navFindcenter a:active {
	text-decoration:none;
	color:#fff;
	}	

/*ORIGINAL LINK COLORS 
a:link {
	color: #666600;
}
a:visited {
	color: #999966;
}
a:hover {
	color: #CB6B2F;
	text-decoration: none;
}
a:active {
	color: #FF3300;
	text-decoration: none;
}*/

a:link {
	color:#06C;
}
a:visited {
	color: #06C;
}
a:hover {
	color:#09F;
	text-decoration: none;
}
a:active {
	color:#0CF;
	text-decoration: none;
}


#intro h1 {z-index: 50000;
	position:absolute;
	top:98px;
	right:228px;
	/*font: bold 1.8em Arial, Helvetica, sans-serif;*/
	font: bold 1.6em Scala, Georgia, "Times New Roman", Times, serif;
	color:#c63;
	}
	
/*this second headline is for the longer-named headline: Identify Children and Youth with Special Health Care Needs*/
#intro h1.sectionTitle2 {z-index: 50000;
	position:absolute;
	top:98px;
	right:228px;
	font: bold 1.4em Scala, Georgia, "Times New Roman", Times, serif;
	color:#c63;
	}	
	

h1.sectionTitle a, h1.sectionTitle a:visited,
h1.sectionTitle2 a, h1.sectionTitle2 a:visited {
	color:#c63; 
	text-decoration:none;}

h1.sectionTitle a:hover, h1.sectionTitle a:active,
h1.sectionTitl2e a:hover, h1.sectionTitle2 a:active {
	color: #D3D38C;
	text-decoration:underline;}


/*Navigation*/

/*#navSection {
	border-bottom:1px solid #ccc;
	line-height: 1.2em;
	margin-bottom:15px;
    
}

#navSection ul {
	list-style:none;
	margin:0;
	padding:0;
		
    
}*/

#navSection {
	/*border-bottom:1px solid #ccc;*/
	line-height: 1.2em;
	margin-bottom:15px;
    
}

#navSection ul {
	list-style:none;
	margin:0;
	padding:0;
}

  
#navSection a, #navSection a:visited/*, #nsICC*/ {
  text-decoration:none;
  text-align:left;
  /*background-color:#fff; */
  color:#000;
  display:block; 
  width:175px;
  border-left:10px solid #fff;
  border-top:1px solid #ccc;
  padding:10px 0px 10px 10px;
  margin-right:10px;
  }


#navSection a:hover {
  border-left:10px solid #c63;
  color:#666600;
  }
  
  
/*#navSection a:hover {
  border-right:10px solid #c63;
  color:#666600;
  }*/
  
#navSection #currentpage {
  border-right:10px solid #c63;
  color:#666600;
  font-weight:bold;
  }  
  
/*#nsICC a:hover {
  border-left:10px solid #fff;
  color:#000;
  }*/


#navLevel1 a, #navLevel1 a:visited{
	display:block;
	float:right;
	width:auto;
	margin:0;
	padding:0 10px;
	border-right:1px solid #c63;
	border-bottom:0px;/*check to see if can be removed later*/
	color:#000;
	background:#fff;
	line-height:1.5em;
	text-decoration:none;	
}

#navLevel1 a:link,
#navLevel1 a:visited {background:#fff }

#navLevel1 a:hover {color:#663300;}

#navLevel1 a:active {color:#9cd7d7;}

/*selected states for each of the four subsections: overview, videos, resources, bios*/
#sectionoverview #navLevel1 .nl1one a, #section1 #navLevel1 .nl1one a, 
#sectionsection1 #navLevel1 .nl1twoNovideo a, #section2 #navLevel1 .nl1twoNovideo a,/*need to tweak this for overview and toolkit sections*/
#sectionresources #navLevel1 .nl1three a, #section3 #navLevel1 .nl1three a, 
#sectionbios #navLevel1 .nl1four a, #section4 #navLevel1 .nl1four a
	{font-weight:bold;}

/*only the navLevel1 for videos has a different background color. this is to unify the videos with its subnav more emphatically*/
#sectionvideos #navLevel1 .nl1two a, #section2 #navLevel1 .nl1two a {
	font-weight:bold;
	background-color:#D8F2F2;
	}

#navLevel2 a {
	display:block;
	float:right;
	width:auto;
	margin:0;
	padding:0 5px;
	border:1px solid #000;
	border-right: 0px; border-bottom:0px;
	color:#000;
	line-height:2.0em;
	text-decoration:none;
}
#navLevel2 a:link,
#navLevel2 a:visited {background:#D8F2F2;}/*originally background was #fff*/

#navLevel2 a:hover {/*background:#9CD7D7*/background-color:#9CD7D7; font-weight:bold;}
#navLevel2 a:active {background:#fff; font-weight:bold;}
#navLevel2 #sel a {background:#9CD7D7; font-weight:bold;}



/*#footer  {font-size: .9em; line-height:1.5em; text-indent:0px;padding-left:15px;}*/

#footer a:link, #footer a:visited {
	color: #666;
	text-decoration: underline;
	}

#footer a:hover, #footer a:active {
	color: #000;
	text-decoration: none;
	}
		
#footer .footerRow {
	padding: 5px 5px 5px 5px;
	}

#footer .footerRow2 {
	padding: 0px 5px 5px 10px;
	}
		
#footer ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 0px 0 0px;
	}
		
#footer li {
	display: inline;
	border-right: 1px solid #ccc;
	padding: 0 6px 0 5px;
	background: none;
	}
	
#footer li .copyright {
	display: inline;
	padding: 0 6px 0 5px;
	background: none;
	}