/* Cascading Style Sheet for Holy Mother Website*/

/* Stylesheet for ids */

/* Using em and % for variable font and spacing */

#divheader {
	color: #191970;
	font-family: serif;
	padding-top: 0.75em;
	}
/* START #menu MENU */

#menu, #menu ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

#menu {
	height:40px;
	left:0;
	overflow:hidden;
	top:0;
}

#menu li {
	float:left;
	position:relative;
	z-index:10;
}

#menu li a {
	color: blue;
	display:block;
	float:left;
	font-size:14px;
	height: 40px;
	line-height: 30px;
	padding:0 10px;
	position:relative;
	text-decoration:none;
	z-index:20;
}

#menu li:first-child a {
	padding-left:35px;
}

#menu li ul li:first-child a {
	padding-left:10px;
}
#menu li.pad {
	display:block;
	height:51px;
	width:35px;
}

#menu ul {
	background-color: sandybrown;
	height:auto;
	padding:10px 0;
	position:absolute;
	top:-115px;
	width:180px;
	z-index:1;

}

#menu ul li {
	width:180px;
}

#menu ul li a {
	background:transparent;
	height:15px;
	width:160px;
}
#menu:hover {
	
}
#menu li:hover ul {
	-moz-transform:translate(0,161px); 
	-o-transform:translate(0,161px);
	-webkit-transform:translate(0,161px);
}
#menu a:hover, #menu li:hover > a {
	color: red;
}

/* END #menu MENU */

#nav {
  height:40px;
}
 
 
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#nav ul li {
  display: block;
  position: relative;
  float: left;
}
 
#nav li ul { 
  display: none; 
}
 
#nav ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 15px 3px 15px;
  color: blue;
  margin-left: 1px;
  height:30px; 
  width:90px;
  text-align:center;
}
 
#nav ul li a:hover { 
  background-color: sandybrown; 
}
 
#nav li:hover ul {
  display: block;
  position: absolute;
  height:30px;
}
 
#nav li:hover li {
  float: none;
  font-size: 1em;
 
}
 
#nav li:hover a { 
  background: #3A464F; 
  height:30px; 
}
 
#nav li:hover li a:hover { 
  background-color: sandybrown;
}
 
#nav ul li ul li a {
    text-align:left; 
}
 
/* END #nav MENU */