/* Start of CMSMS style sheet 'Marello Homepage Dropmenus class' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
	margin-left: 1px;
	margin-right: 1px;
}
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb {
	clear: both;
}
#menuwrapper, #menuwrapper-our-facility, #menuwrapper-celebrate, #menuwrapper-your-retreat, #menuwrapper-news {
	/* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 

 	float:left;
	width:225px;
	height:80px;
	margin-right:5px;
}
#menuwrapper-news {
	margin-right:0px;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
ul.primary-nav li li {
	width: 225px;
}
ul.primary-nav a img {
	padding: 0;
	margin: 0;
	border:none;
}
/* Unless you know what you do, do not touch this */ 
ul.primary-nav, ul.primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
z-index:200;
}
ul.primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
}
ul.primary-nav ul ul {

	left: 100%;
	top: 0px;
}
ul.primary-nav li {
   float: left;
}
ul.primary-nav li li {

	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul.primary-nav a {
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #ffffff;
	text-transform:uppercase;
}
ul.primary-nav a:hover {
	/*background-color:#747863;*/
}

ul.primary-nav li li a {
	padding: 3px 10px;
	font-size:.8em;
	letter-spacing:.2em;
background:transparent;
}
ul.primary-nav li, ul.primary-nav li.menuparent {
	background-color: #ececec;
}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */

ul.primary-nav li.menuactive, ul.primary-nav li.menuactive {
	background-color: #C7C7C7;
}
/* Styling the basic appearance of the menuparents - here styled the same on hover (fixes IE bug) */
ul.primary-nav ul li.menuparent, 
ul.primary-nav ul li.menuparent:hover, 
ul.primary-nav ul li.menuparenth {
	/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* Styling the appearance of menu items on hover */

ul.primary-nav li:hover, ul.primary-nav li.menuh, ul.primary-nav li.menuparenth, ul.primary-nav li.menuactiveh {
	/*background-color: #747863;*/
}

/* Hover Dropdowns */

ul.primary-nav ul, ul.primary-nav li:hover ul, ul.primary-nav li:hover ul ul, ul.primary-nav li.menuparenth ul, ul.primary-nav li.menuparenth ul ul {
	display: none;
}
/* add 
ul.primary-nav ul ul ul li:hover ul, 
ul.primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
ul.primary-nav li:hover ul, ul.primary-nav ul li:hover ul, ul.primary-nav ul ul li:hover ul, ul.primary-nav li.menuparenth ul, ul.primary-nav ul li.menuparenth ul, ul.primary-nav ul ul li.menuparenth ul {
	display: block;
}

/* IE Hacks */
ul.primary-nav li li {
	float: left;
	clear: both;
}
ul.primary-nav li li a {
	height: 1%;
}

/* PRELOAD HOVER BG */
#homepage-primarynav-yourretreat  {
background:transparent url(uploads/images/transp-your-retreat-hover.png) 0px 0px no-repeat;
}
#homepage-primarynav-ourfacility  {
background:transparent url(uploads/images/transp-our-facility-hover.png) left top;
}
#homepage-primarynav-celebrate  {
background:transparent url(uploads/images/transp-your-celebrate-hover.png) 0px 0px no-repeat;
}
#homepage-primarynav-newsevents  {
background:transparent url(uploads/images/transp-our-newsevents-hover.png) left top;
}



/* SPECIAL CODES */

#menuwrapper-our-facility ul.primary-nav li li a, 
#menuwrapper-our-facility ul.primary-nav li li, 
#menuwrapper-our-facility ul.primary-nav li li.menuparent {
background:transparent url(uploads/images/transp-our-facility.png) left top;
}
#menuwrapper-our-facility ul.primary-nav li li a.odd {
background:transparent url(uploads/images/transp-our-facility-odd.png) left top;
}
#menuwrapper-our-facility ul.primary-nav li li a:hover,
#menuwrapper-our-facility ul.primary-nav li li:hover, 
#menuwrapper-our-facility ul.primary-nav li li.menuh, 
#menuwrapper-our-facility ul.primary-nav li li.menuparenth, 
#menuwrapper-our-facility ul.primary-nav li li.menuactiveh {
background:transparent url(uploads/images/transp-our-facility-hover.png) left top;
}

#menuwrapper-your-retreat ul.primary-nav li li a, 
#menuwrapper-your-retreat ul.primary-nav li li, 
#menuwrapper-your-retreat ul.primary-nav li li.menuparent {
background:transparent url(uploads/images/transp-your-retreat.png) 0px 0px no-repeat;
}
#menuwrapper-your-retreat ul.primary-nav li li a.odd {
background:transparent url(uploads/images/transp-your-retreat.png) 0px 100px no-repeat;
}
#menuwrapper-your-retreat ul.primary-nav li li a:hover,
#menuwrapper-your-retreat ul.primary-nav li li:hover, 
#menuwrapper-your-retreat ul.primary-nav li li.menuh, 
#menuwrapper-your-retreat ul.primary-nav li li.menuparenth, 
#menuwrapper-your-retreat ul.primary-nav li li.menuactiveh {
background:transparent url(uploads/images/transp-your-retreat-hover.png) 0px 0px no-repeat;
}

#menuwrapper-celebrate ul.primary-nav li li a, 
#menuwrapper-celebrate ul.primary-nav li li, 
#menuwrapper-celebrate ul.primary-nav li li.menuparent {
background:transparent url(uploads/images/transp-celebrate.png) left top;
}
#menuwrapper-celebrate ul.primary-nav li li a.odd {
background:transparent url(uploads/images/transp-celebrate-odd.png) left top;
}
#menuwrapper-celebrate ul.primary-nav li li a:hover,
#menuwrapper-celebrate ul.primary-nav li li:hover, 
#menuwrapper-celebrate ul.primary-nav li li.menuh, 
#menuwrapper-celebrate ul.primary-nav li li.menuparenth, 
#menuwrapper-celebrate ul.primary-nav li li.menuactiveh {
background:transparent url(uploads/images/transp-celebrate-hover.png) left top;
}

#menuwrapper-news ul.primary-nav li li a, 
#menuwrapper-news ul.primary-nav li li, 
#menuwrapper-news ul.primary-nav li li.menuparent {
background:transparent url(uploads/images/transp-news.png) left top no-repeat;
}
#menuwrapper-news ul.primary-nav a.odd {
background:transparent url(uploads/images/transp-news.png) 0px 100px no-repeat;
}
#menuwrapper-news ul.primary-nav li li a:hover,
#menuwrapper-news ul.primary-nav li li:hover, 
#menuwrapper-news ul.primary-nav li li.menuh, 
#menuwrapper-news ul.primary-nav li li.menuparenth, 
#menuwrapper-news ul.primary-nav li li.menuactiveh {
background:transparent url(uploads/images/transp-news-hover.png) left top;
}

/* End of 'Marello Homepage Dropmenus class' */