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

/*******************************************************************************
IMPORT OTHER CSS FILES
*******************************************************************************/
@import 'subpage.css';

/*******************************************************************************
SIDEBAR
*******************************************************************************/
div#sidebar {
	float:right;
}

div#sidebar div#sidebar_health_az h2{
	background: url('../images/logos/about_kids_health_small.gif') no-repeat top right;
}
div#sidebar div#sidebar_health_az_selector{
	background: #dce6e8;
	border: 1px solid #ebf0f1; 
	height: 105px;
}
div#sidebar div#sidebar_health_az ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#sidebar div#sidebar_health_az li a{
	background: white;
	border: 1px solid #eff5f6; 
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	margin: 1px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	width: 24px;
}
	div#sidebar div#sidebar_health_az li a:link, div#sidebar div#sidebar_health_az li a:visited{
		color: #9f9f9f;
		
	}
	div#sidebar div#sidebar_health_az li a:hover, div#sidebar div#sidebar_health_az li a:active {
		background: #fdfbe0;
		color: #6f7e94;
	}
	
	div#sidebar div#sidebar_health_az_selector div#sidebar_health_az_selector_footer{
		clear: left;
	}

	div#sidebar div#sidebar_skyscraper{
		margin-top:0px !important;
	}

/*******************************************************************************
DIRECTORY
*******************************************************************************/
div#directory {
	clear:left;
	padding-top:0px;
}
ul#directory_navigation {
	background:#fff url('../images/backgrounds/tabs.gif') no-repeat top left;
	float:left;
	height:27px;
	list-style:none;
	margin:10px 10px 0px 10px;
	padding:0px 0px 0px 20px;
	width:920px;
}
	ul#directory_navigation li {
		float:left;
		height:27px;
	}
		ul#directory_navigation li a {
			text-indent:-9998px;
			-moz-outline:none;
		}

		ul#directory_navigation.listings li.listings a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat 0px 0px;
			display:block;
			height:27px;
			width:134px;
		}
		ul#directory_navigation.people li.listings a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat 0px -27px;
			display:block;
			height:27px;
			width:134px;
		}
		ul#directory_navigation.websites li.listings a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat 0px -54px;
			display:block;
			height:27px;
			width:134px;
		}

		ul#directory_navigation.listings li.people a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat -134px 0px;
			display:block;
			height:27px;
			width:120px;
		}
		ul#directory_navigation.people li.people a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat -134px -27px;
			display:block;
			height:27px;
			width:120px;
		}
		ul#directory_navigation.websites li.people a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat -134px -54px;
			display:block;
			height:27px;
			width:120px;
		}

		ul#directory_navigation.listings li.websites a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat -254px 0px;
			display:block;
			height:27px;
			width:179px;
		}
		ul#directory_navigation.people li.websites a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat -254px -27px;
			display:block;
			height:27px;
			width:179px;
		}
		ul#directory_navigation.websites li.websites a {
			background:transparent url('../images/tabs/directory_tabs.gif') no-repeat -254px -54px;
			display:block;
			height:27px;
			width:179px;
		}

div#alphabetic_index_wrapper {
	background-color:#f2f2f2;
	height:25px;
	margin:0px;
	clear:left;
	width:100%;
}
ul#alphabetic_index {
	list-style:none;
	margin:0px auto;
	padding:0px;
	width:520px;
}
	ul#alphabetic_index li {
		float:left;
		padding:5px;
	}
		ul#alphabetic_index li {
			font-size:14px;
			color:#6dafdf;
		}

		ul#alphabetic_index li a {
			color:#3d749d;
		}

		ul#alphabetic_index li.active a {
			font-weight:bold;
		}

table#directory_data {
	border:0px;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	width:710px;
}
	table#directory_data thead {
		display:none;
	}

	table#directory_data tr td {
		color:#595959;
		font-size:12px;
		margin:0px;
		padding:0px 10px 0px 10px;
	}
		table#directory_data tr.alt td {
			background-color:#e5f8fc;
		}

	table#directory_data tr td.name {
		width:75%;
	}
	table#directory_data tr td.sites {
		width:100%;
		height: 30;
		vertical-align: middle;
	}

		table#directory_data h2 {
			font-size:12px;
			font-weight:normal;
			margin:0px 0px 5px 0px;
			padding:0px;
			width:auto;
		}

		table#directory_data a {
			color:#595959;
		}

		table#directory_data dl {
		}
			table#directory_data dl dt {
				display:none;
			}

			table#directory_data dl dd {
				margin:0px 0px 5px 0px;
				padding:0px;
				text-align:right;
			}

	table#directory_data .org,
	table#directory_data .street-address,
	table#directory_data .locality,
	table#directory_data .region,
	table#directory_data .postal-code {
		display:none;
	}


/*******************************************************************************
CONTENT
*******************************************************************************/
div#content {
	clear:left;
	float:right;
	margin-left:10px;
	padding-top:10px;
	width:710px;
}
	ul#breadcrumbs {
		list-style:none;
		margin:10px !important;
		padding:0px;
	}
		ul#breadcrumbs li {
			background:transparent url('../images/breadcrumb_separator.gif') no-repeat left 2px;
			color:#999;
			float:left;
			margin-right:5px;
			padding-right:0px;
			padding-left:10px;
		}
			ul#breadcrumbs li:first-child {
				background:none;
				padding-left:0px;
			}

		ul#breadcrumbs li a:link {
			color:#999;
		}