/*******************************************************************************************************
* Phoenix Children's Hospital
* Developed by I-ology
* http://www.i-ology.com
*
* Created 05/19/10 - AC
*
* Homepage Style Definitions
*******************************************************************************************************/

#sidebar {
	padding: 6px 0 20px 7px;
}

h1 {
	display: none;
}

.tablecell1 {
	border-right: 1px solid #dbd7d5;
	border-bottom: 1px solid #dbd7d5;
	padding: 0 8px 15px 0;
}

.tablecell2 {
	border-bottom: 1px solid #dbd7d5;
	padding: 0 0 15px 15px;
}

.tablecell3 {
	border-right: 1px solid #dbd7d5;
	padding: 15px 8px 15px 0;
}

.tablecell4 {
	padding: 15px 0 15px 15px;
}

.nivoSlider {
	position:relative;
	height: 213px;
}

/*******************************************************************************************************
* Promos
*******************************************************************************************************/

#events-classes {
	float: left;
	width: 234px;
	height: 76px;
}

#email-signup {
	float: left;
	width: 236px;
	height: 76px;
}

#child-health {
	float: left;
	width: 236px;
	height: 76px;
}

#multimedia {
	float: left;
	width: 233px;
	height: 76px;
}

#events-classes a {
	display: block;
	width: 234px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-events-classes.gif) top left no-repeat;
}

#email-signup a {
	display: block;
	width: 236px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-email-signup.gif) top left no-repeat;
}

#child-health a {
	display: block;
	width: 236px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-child-health.gif) top left no-repeat;
}

#multimedia a {
	display: block;
	width: 233px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/promo-multimedia.gif) top left no-repeat;
}

#events-classes a:hover,
#email-signup a:hover,
#child-health a:hover,
#multimedia a:hover {
	background-position: bottom;
}