/* Start of CMSMS style sheet 'menus' */
/* TOP MENU */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 550px; /*For KHTML*/
  list-style: none;
  height: 20px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0 0 0 5px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 165px;
  list-style: none;
  display: none;
  position: absolute;
  top: 21px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 165px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  padding: 0 13px 0 13px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;

  color: #000000;
  font: bold 11px/21px tahoma;
  text-transform:uppercase;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#navmenu .down a {
  padding: 0 13px 0 13px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
	background-image: url(/images/web/bull06.gif);
	background-repeat: no-repeat;
	background-position: right center;

  color: #000000;
  font: bold 11px/21px tahoma;
  text-transform:uppercase;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #FFF;
	background-color: #666666;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  border-top: 1px dotted #cecece;
  float: none;
  background: #666666;
  color: #FFF;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCCCCC;
  color: #000;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #0298cd;
  color: #CFFFFA;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	color: #000000;
	background-color: #CCCCCC;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #0298cd;
  color: #CFFFFA;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #0298cd;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 165px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
.ititle {display: block; letter-spacing: 4px;}

/* top search*/
#search #q {border:none;background:none;width:115px;height:20px;margin-left:4px;padding:8px 0 0 2px;font-size:0.9em;}
#topsearch , #topsearch.focus {float:right; height:30px; margin:0 10px 0 0; padding-right:10px; width:143px; background: transparent url(images/web/img-master-site.png); background-attachment: scroll; background-repeat: no-repeat; margin-bottom:-10px;}
#topsearch{background-position: 0px -145px;}
#topsearch.focus {background-position: 0px -115px;}
* html #search #q{height:20px; margin-bottom:-10px;}

/* accessibility (a11y) */
.a11y {display:none;}
.a11y-text {text-indent:-9999px;position:absolute;background:none !important;}

/* BOTTOM MENU */
div#footer {border-top: 1px #F3F5F4 solid; clear: both; font-size: 11px; color: #666; padding: 5px 0 0 0}
div#footer .rside {float: right; padding: 0; margin:0}
div#footer span.ac{color: #ddd; padding:0; padding:0}
div#footer a{color: #1C2777}
div#footer a:hover{text-decoration: none; color: #2E41C2}

#bottom p{margin: 7px;}
.listbotmenu {list-style:none; padding:0; margin:0;}
.listbotmenu li{display:inline; margin:0; background-image:url(/images/web/slh.gif); background-repeat:no-repeat; background-position: left center; padding:0 2px 0 6px;}
.listbotmenu li.first{display:inline; margin:0;padding:0 2px 0 0; background-image:none;}
.listbotmenu li a{color:#333333; text-decoration:underline;}
.listbotmenu li a:visited{color:#333333;}
.listbotmenu li a:hover{color:#333333; text-decoration:none;}
.listbotmenu li a:active{color:#f00;}

/* RIGHT MENU */
.box .listright {list-style:none; padding:7px 0 20px 0; margin:0;}
.box .listright li{display:inline; margin:0; background-image:url(/images/web/slh.gif); background-repeat:no-repeat; background-position: left center; padding:0 2px 0 6px;}
.box .listright li.first{display:inline; margin:0;padding:0 2px 0 0; background-image:none;}
.box .listright li a{color:#0000CC; text-decoration:none;}
.box .listright li a:visited{color:#0000CC;}
.box .listright li a:hover{color:#0000CC; text-decoration:underline;}
.box .listright li a:active{color:#f00;}

.r-general {border-top: 1px solid #E7B22E}
.r-personality {border-top: 1px solid #7C5799}
.r-couples {border-top: 1px solid #C1322B}
.r-fun {border-top: 1px solid #99CC33}
.r-gray {border-top: 1px solid #E9E7E2}
.r-wellness{border-top: 1px solid #805571}
.r-career{border-top: 1px solid #C3703C}
/* End of 'menus' */

