img {border: none !important;}

html, body
	{
	margin:0;
	padding:0;
	}
	
body
   {
   min-width: 780px;
   font: normal 100% 'HelveticaNeue', 'Helvetica Neue', 'Luxi sans', Helvetica, 'Bitstream Vera Sans', sans-serif;
   color:#333;
   background-color:#fff;
   }


#header
   {
   width:100%;
   height:90px;
   background: url("http://www.sacredhearthouse.org/images/sacredheart_home/sacred_header.gif") top left no-repeat;
   background-color: #fff;
   }
   
a#header:hover
{
   width:100%;
   height:90px;
   background: url("http://www.sacredhearthouse.org/images/sacredheart_home/sacred_header.gif") top left no-repeat;
   background-color: #fff;
   }

#header h1
   {
   line-height: /*1.0*/1.2;
   letter-spacing: -0.03em;
   margin: 0;
   padding-top: 10px;
   width: 680px;
   color: #fff;
   font: Verdana, Arial, Helvetica, sans-serif
   font-size: 9px;		/* 220%;  */
   text-align: right;
   }
#header h3
   {
   line-height: /*1.0*/1.2;
   letter-spacing: -0.03em;
   margin: 0;
   padding-top: 8px;
   width: 780px;
   font-weight:bolder;
   color: #fff;
   font: Arial, Helvetica, sans-serif;
   font-size: 46pt;
   text-align: right;
   }

#page
	{
	position:relative;
	width: 780px;
	margin-right:auto;
	margin-left: auto;	/* 50 */
	}
	
#container
	{
	background-color: white;
	color:#333;
	width: 780px;
	}
	
#photo_container
	{
	background-color: white;
	color:#333;
	width: 780px;
	height:140px;
	}
	
#footer
	{
	font-size: 9px;
	color: #ffffff;
	background-color: #440783;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 780px;
	height:16px;
	vertical-align:middle;
	float:left;
	margin:0em;
	margin-top: 0em;
	text-align: center;
	display:block;
	white-space:nowrap;
	position:relative;
	margin:0;
	bottom:0;
	}
	
#body_container
	{
	float:none;
	position:relative;
	color:#333;
	width: 780px;
	}
	
#left_side
	{
	float: none;
	width: 50%;
	height:100%;
	background-color:#A0CC3A;
	height:400px;	}
	
#mid
	{
	float: none;
	width: 50%;
	text-align:left;
	left: 20px;
	width: 390px;
	height:400px;
}

#right_side
	{
	float: right;
	width: 195px;
	}
	
/* Begin CSS Popout Menu */


#menuh-container
	{
	position: relative;
	background-color: #440783;
	left: 0;
	}

#menuh
	{
	font-size: 9px;
	background-color: #440783;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 780px;
	float:left;
	margin:0em;
	margin-top: 0em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.2em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	background-color: #440783;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #ffffff;
	background-color: #440783;
	}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-color:#A0CC3A;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}
	
div.spacer {
  clear: both;
  }

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */


.sacred_smallwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.sacred_medwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.sacred_smallgray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.sacred_medgray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.sacred_medboldgray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.sacred_largeboldgray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #a0cc3a;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #A0CC3A;
	text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
	color: #A0CC3A;
	text-decoration: none;
}