@charset "utf-8";

/*
	Children's Memorial Hospital
	Styles Specific to Heroes for Life
	Created on 09/25/2009 by Brian P. Mucha
*/

/*
	These are the styles peculiar to this site. Any styles
	specified in this file will override the baseline
	styles for the Convio product. The styles must be in
	this file so that they will be available in the
	Internet Exporer WYSIWYG HTML editor as well as in the
	Page Wrapper.
	Convio does not maintain this file once it has been
	delivered to the client.
*/

/*
	#CCCCCC; Very Light Grey
	#999999; Medium Grey
	#007CC2; Blue
	#F26531; Orange
*/

body
{
	background-image:url(../_resources-new/images/background.jpg);
	background-attachment:fixed;
	background-position:center top;
	text-align:center;
}

html, body
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.Container
{
	margin: 20px auto;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	width: 760px;
	text-align:left;
}

.Header
{
	background: #ffffff;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	font-size: 9px;
	color: #999999;
	line-height: 1.3;
}

.Header img
{
	border: 0px;
}

.Header a:link    { color: #999999; text-decoration: none; }
.Header a:visited { color: #999999; text-decoration: none; }
.Header a:hover   { color: #007CC2; text-decoration: underline; }
.Header a:active  { color: #999999; text-decoration: none; }

.HeaderTools
{
	float: right;
	margin: 15px;
	clear: both;
	display: inline;
}

.HeaderLogo-HFL
{
	padding: 10px;
}

.HeaderLogo-CMH
{
	float: right;
	margin: 10px;
	clear: both;
	display: inline;
}

.MainNav
{
	border-right: 1px solid #CCCCCC;
	height: 25px;
	background: url(../_resources-new/images/mainnav-background.gif) repeat-x;
}

.MainNavButton
{
	float: left;
	border-left: 1px solid #CCCCCC;
}

.MainNavButton a
{
	display: block;
	height: 25px;
	line-height: 25px;
	background: url(../_resources-new/images/mainnav-background.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	font-family: georgia, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.MainNavButton a:hover
{
	background: url(../_resources-new/images/mainnav-background_rl.gif) repeat-x;
	color: #FFFFFF;
}

.SubHeader
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.SubHeader img
{
	border: 0px;
}

.Content
{
	background: #ffffff;
	border: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	min-height: 400px;
}

/* Left Sidebar - Open */

.StartHidden
{ 
	display: none;
}

.Selected
{
	font-weight: bold;
}

.SideNav
{
	padding: 10px;
	width: 150px;
	float: left;
}

.SideNavGroup
{
	border-bottom: 1px dotted #CCCCCC;
}

.NavSection
{
	padding: 0 0 10px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

.NavSection a:link    { color: #007CC2; text-decoration: none; }
.NavSection a:visited { color: #007CC2; text-decoration: none; }
.NavSection a:hover   { color: #007CC2; text-decoration: underline; }
.NavSection a:active  { color: #007CC2; text-decoration: none; }

.NavLink
{
	padding: 0 0 10px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

.NavLink a:link    { color: #999999; text-decoration: none; }
.NavLink a:visited { color: #999999; text-decoration: none; }
.NavLink a:hover   { color: #999999; text-decoration: underline; }
.NavLink a:active  { color: #999999; text-decoration: none; }

.NavHeadline
{
	padding: 15px 0 5px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.NavHeadline a:link    { color: #F26531; text-decoration: none; }
.NavHeadline a:visited { color: #F26531; text-decoration: none; }
.NavHeadline a:hover   { color: #F26531; text-decoration: underline; }
.NavHeadline a:active  { color: #F26531; text-decoration: none; }

.NavCaption
{
	padding: 0 0 5px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.NavButton
{
	padding: 0 0 10px 0;
	text-align: right;
}

/* Left Sidebar - Close */

.WysiwygContent
{
	margin: 10px 0 10px 170px;
	padding: 0px 10px;
}

.WysiwygContent a:link    { color: #007CC2; text-decoration: none; }
.WysiwygContent a:visited { color: #007CC2; text-decoration: none; }
.WysiwygContent a:hover   { color: #007CC2; text-decoration: underline; }
.WysiwygContent a:active  { color: #007CC2; text-decoration: none; }

.WysiwygContentFull
{
	margin: 10px 0 10px 0px;
	padding: 0px 10px;
}

.WysiwygContentFull a:link    { color: #007CC2; text-decoration: none; }
.WysiwygContentFull a:visited { color: #007CC2; text-decoration: none; }
.WysiwygContentFull a:hover   { color: #007CC2; text-decoration: underline; }
.WysiwygContentFull a:active  { color: #007CC2; text-decoration: none; }

.Footer
{
	background: #ffffff;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
	color: #999999;
	font-size: 10px;
}

.Footer a:link    { color: #999999; text-decoration: none; }
.Footer a:visited { color: #999999; text-decoration: none; }
.Footer a:hover   { color: #999999; text-decoration: underline; }
.Footer a:active  { color: #999999; text-decoration: none; }

.FooterNav
{
	float: left;
	padding: 5px 10px;
}

.FooterConvio
{
	text-align: right;
	padding: 5px 10px;
}

.FooterAddress
{
	float: left;
	padding: 25px 10px 10px 10px;
}

.FooterLogo
{
	text-align: right;
	padding: 5px 10px;
}

.HouseLights
{
	display: none; 
	opacity: 0; 
	filter:alpha(opacity=0); 
	background: #000000; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 100%; 
	height: 200%; 
	z-index: 10; 
}