/***
* sickkids.css
* (c) 2008, Hospital for Sick Children
************************/

/*******************************************************************************
HTML ENTITIES
*******************************************************************************/

body{
	background: url('../images/backgrounds/body.gif') repeat-x #7fd7eb;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
body#yearinreview{
	background: url('../images/backgrounds/yir_body.gif') repeat-x #0065cd;		
}

img{
	border: 0px;
}

a {
/*added to support internal anchors*/
        font-size:14px;
	line-height: 120%;
	color:#3289c4; 
}
/* The following styles stop color change of bookmarks on FF and IE6 respectively
a[name] 
{
	color: #3B3B3B;
}
a#*
{
	color: #3B3B3B;
}
perspectiveHomeLink a {
/*added to eliminate inline styles on home page for perspective*/
    color: #0068B3; 
    text-decoration: none;
    font: normal 14px/21px Helvetica, Arial, sans-serif;
}
perspectiveHomeLinkColour a{
color: #e9519c; text-decoration: none;font: normal 14px/21px Helvetica, Arial, sans-serif;
}
perspectiveHomeLink span {
/*added to eliminate inline styles on home page for perspective*/
    color:#0068B3;
    font: normal 12px/20px Helvetica, Arial, sans-serif;
}

/*******************************************************************************
PAGE LEVEL CONTAINERS
*******************************************************************************/

div#page_wrapper{
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	text-align: left;
	width: 970px;
}

div#page_content{
	background: white;
	width: 970px;
}

/*******************************************************************************
HEADER
*******************************************************************************/

div#page_header{
	background: url('../images/backgrounds/header.gif') no-repeat top right;
	height:73px;
	position: relative;
	width:970px
}
body#yearinreview div#page_header
{
	background: url('../images/backgrounds/yir_header.gif') no-repeat top right;
}


div#page_header h1#logo {
	height: 34px;
	left: 20px;
	position: absolute;
	top: 5px;
	width: 109px;
}

	div#page_header h1#logo a,
	div#page_header h1#logo span {
		background: url('../images/logos/sickkids.gif') no-repeat white;
		display:block;
		height: 34px;
		text-indent: -9999px;
		width: 109px;
	}

	div#page_header h1#logo img {
		display:none;
	}

div#page_header div#socialmedia{
		height:27px;
		margin: 0px;
		position: absolute;
		right: 450px;
		top: 0px;
	}

	div#page_header ul#site_tabs{
		list-style: none;
		height:27px;
		margin: 0px;
		position: absolute;
		right: 20px;
		top: 0px;
		width:378px;
	}
		div#page_header ul#site_tabs li{
			background: no-repeat bottom center;
			float: left;
			height: 27px;
			text-align: center;
		}
/**   MOVED INLINE IN TEMPLATE skSnNavPillarTab
			div#page_header ul#site_tabs li.hospital{
				background-image: url('../images/tabs/hospital_hospital.gif');
				width: 131px;
			}
			div#page_header ul#site_tabs li.research{
				background-image: url('../images/tabs/research_hospital.gif');
				width: 115px;
			}
			div#page_header ul#site_tabs li.learning{
				background-image: url('../images/tabs/learning_hospital.gif');
				width: 130px;
			}
*/
			div#page_header ul#site_tabs li a{
				display: block;
				height: 22px;
				text-indent: -9999px;
				width: 100%;
			}

	div#page_header ul#utility_links{
		list-style: none;
		position: absolute;
		right: 5px;
		top: 30px;
	}
		div#page_header ul#utility_links li{
			border-left:1px solid #a1a1a1;
			float: left;
			margin-right: 7px;
			padding-left: 7px;
			padding-top:3px;
		}
			div#page_header ul#utility_links > li:first-child{ background: none; }
			
			div#page_header ul#utility_links li a:link{
				color: #79b0d7;
			}

			div#page_header ul#utility_links li {
			}

			div#page_header ul#utility_links li#site_search {
				border:none;
				padding:0px;
			}

			div#page_header ul#utility_links li#site_search p{
				margin: 0px;
				padding:0px;
			}
			div#page_header ul#utility_links li#site_search input{
				font-size:11px;
				margin-right: 3px;
			}

/*******************************************************************************
MAIN MENU
*******************************************************************************/

ul#main_menu{
	background:transparent url('../images/transparent.gif') no-repeat top left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/**
	ul#main_menu li#menuitem1,
	ul#main_menu li#menuitem2,
	ul#main_menu li#menuitem3,
	ul#main_menu li#menuitem4,
	ul#main_menu li#menuitem5,
	ul#main_menu li#menuitem5{
		border-left: 2px #f7f7f8 solid;
		height: 63px;
		width: 160px;
		float: left;
	}
   
		ul#main_menu li#menuitem1{ border: none; }
      
		ul#main_menu li#menuitem1 a,
		ul#main_menu li#menuitem1 span{background-image: url('../images/main_menu/visiting_sickkids.gif');}
		ul#main_menu li#menuitem2 a,
		ul#main_menu li#menuitem2 span{background-image: url('../images/main_menu/programs_and_services.gif');}
		ul#main_menu li#menuitem3 a,
		ul#main_menu li#menuitem3 span{background-image: url('../images/main_menu/health_in_focus.gif');}
		ul#main_menu li#menuitem4 a,
		ul#main_menu li#menuitem4 span{background-image: url('../images/main_menu/careers_and_volunteering.gif');}
		ul#main_menu li#menuitem5 a,
		ul#main_menu li#menuitem5 span{background-image: url('../images/main_menu/about_sickkids.gif');}
		ul#main_menu li#menuitem6 a,
		ul#main_menu li#menuitem6 span{background-image: url('../images/main_menu/hcps_and_students.gif');}
   */
	ul#main_menu li#menuitem{
		border-left: 2px #f7f7f8 solid;
		height: 63px;
		width: 160px;
		float: left;
	}
		ul#main_menu li.menuitem{
		border-left: 2px #f7f7f8 solid;
		height: 63px;
		width: 160px;
		float: left;
	}

		ul#main_menu li a{
			background: no-repeat;
			display: block;
			height: 63px;
			text-indent: -9999px;
			width: 160px;
		}

		ul#main_menu li.active a{
			background-position: 0px -186px !important;
			display: block;
			height: 70px;
			text-indent: -9999px;
			width: 160px;
		}

		ul#main_menu li ul li,
		ul#main_menu li ul li * { background:none !important; }
		
/*		ul#main_menu li a:hover{background-position: 0px -124px;}
*/
div#main_menu_footer {
	clear:both;
}

/*******************************************************************************
SIDEBAR
*******************************************************************************/

div#sidebar{
	color: #606465;
	display:inline;
	float: left;
	margin: 5px 5px 0px 5px;
	width: 230px;
}
	div#sidebar div.navigator{
		background: #e3f6fb;
		margin-bottom: 10px;
		padding: 6px;
	}
		div#sidebar div.navigator h2{
			border-bottom: 1px solid #e0e7e9;
			font-family: Heveltica, Arial;
			font-size: 12px;
			font-weight: bold;
			margin: 0px 0px 10px 0px;
			padding-bottom:3px;
		}

		div#sidebar div.navigator p{
			margin: 10px 0px;
		}

		div#sidebar div.navigator select{
			width: 210px;
		}

		div#sidebar div#sidebar_skyscraper{
			margin-top: 10px;
		}
		
		
		
		/*new navigator_2015*/
	
	div#sidebar div.navigator2015{
		background: #eee;
		margin-bottom: 10px;
		padding: 6px;
	}
		div#sidebar div.navigator2015 h2{
			border-bottom: 1px solid #e0e7e9;			
			font-family: Heveltica, Arial;
			font-size: 12px;
			font-weight: bold;
			margin: 0px 0px 10px 0px;
			padding-bottom:3px;
		}

		div#sidebar div.navigator2015 p{
			margin: 10px 0px;
		}

		div#sidebar div.navigator2015 select{
			width: 210px;
		}
div.navigator2016alignright{
		/*background: #eee;*/
		margin-bottom: 10px;
		text-align: right;
	}
		 div.navigator2016alignright h3{	
			font-family: Heveltica, Arial;
			font-size: 12px;
			font-weight: bold;
		}


/*******************************************************************************
CONTENT
*******************************************************************************/

div#content{
	/*margin-left: 240px;*/
	position: relative;
	width: 715px;
	float: left;
}			

div#messagetext {
		background-color: #E3F6FB;
		border-color: 1px solid #D9D9D9;
		padding: 2px 10px;'
		font-size:12px;
		line-height:20px;
	}

div#messagetext p{
		
		font-size:12px;
		line-height:20px;
	}	

div#messagetext a{
		
		font-size:12px;
		line-height:20px;
	}		
					

/*******************************************************************************
CONTENT Newsletter
*******************************************************************************/

div#content_newsletter{
	
	position: relative;
	width: 715px;
}			
/*******************************************************************************
FOOTER
*******************************************************************************/

div#footer{
	margin: 5px 0px;
	/*position: relative;*/
}
	div#footer div#footer_links{
		background: #d2f1f8;
		padding: 10px 0px;
	}
		div#footer ul a{
			color: #6c7c7f;
			font-size:12px;
		}
		
		div#footer ul{
			list-style: none;
			margin: 0px 0px 0px 10px;
			padding: 0px;
		}
			div#footer li{
				background: url('../images/backgrounds/utility_links.gif') no-repeat top left;
				float: left;
				margin-right: 5px;
				padding-left: 5px;
			}
			div#footer ul > li:first-child{ background: none; }
			
		div#footer div#footer_links ul#footer_links_utility{
			clear: left;
			margin-top: 20px;
		}
		div#footer div#footer_links div#footer_links_footer{
			clear: left;
		}

	div#footer p{
		margin: 10px 0px 3px 0px;
		width: 790px;
	}
	
		div#footer p#footer_copyright{
			color: #2c4b52;
			font-size: 11px;
		}
		div#footer p#footer_copyright2{
			color: #2c4b52;
			font-size: 11px;
			padding-top: 5px;
		}
		div#footer p#footer_tagline{
			color: #548e9c;
			font-size: 11px;
		}
	
	div#footer ul#footer_links_general{
		margin: 10px 0px 20px -9px;
	}
	
	div#footer h2#footer_branding{
		display: block;
		background: url('../images/logos/healthier_children.png') no-repeat;
		height: 39px;
		/*position: absolute;*/
		right: -10px;
		text-indent: -99999px;
		top: 75px;
		margin-top: 5px;
		margin-right: 10px;
		width: 153px;
	}
	body#yearinreview div#footer h2#footer_branding{
			display: block;
			background: url('../images/logos/healthier-childen-footer-dark-blue.png') no-repeat;
			height: 39px;
			/*position: absolute;*/		
			right: -10px;
			text-indent: -99999px;
			top: 75px;
			margin-top: 5px;
			width: 153px;
	}
	div.overlay
	{
		text-align: left;		
		/*color: #0068b3;*/
		color: #7F7F7F;
		font-size: 28px;
		font-weight: bold;
		position: relative;
		margin-top: -10px;
		top: -35px;
		left: 10px;
		z-index: 20;
		display: block;
		height: 30px;
		padding-top: 10px;
		font-family: helvetica, arial, sans-serif;					
	}