/*---------------------------------------------------------------------------------------------------------------------------
  Navigation and Menu CSS file.
  New Discovery Montessori School website.

  Version: 1.0
  Modified: October 23, 2009
  Author: Tran Nguyen
  Email: tran.nguyen1978@gmail.com
  website: www.discoverymontessorischool.org
---------------------------------------------------------------------------------------------------------------------------*/

.ddsmoothmenu {
  width: 100%;
  font: 115% "Kristen ITC", Author, "Brush Script", cursive;
}

.ddsmoothmenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  z-index: 100;
}

/*Top level list items*/
.ddsmoothmenu ul li {
  position: relative;
  float: left;
  display: inline;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
  display: block;
  width: 120px;
  height: 30px;
  margin: 0 6.67px;
  line-height: 30px;
  color: #422b17;
  text-decoration: none;
/*background: none; background of menu items (default state)*/
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block;
  margin: 0 6.99px;
}

/*Top level individual menu link items background*/
.hometab a {
  background: url("../images/tab1.gif") no-repeat;
}

.tab2 a {
  background: url("../images/tab2.gif") no-repeat;
}

.tab3 a {
  background: url("../images/tab3.gif") no-repeat;
}

.tab4 a {
  background: url("../images/tab4.gif") no-repeat;
}

.tab5 a {
  background: url("../images/tab5.gif") no-repeat;
}

.tab6 a {
  background: url("../images/tab6.gif") no-repeat;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
  color: #422b17;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

}

.ddsmoothmenu ul li a:hover {
/*background: none; background of menu items during onmouseover (hover state)*/

}

/*Top level individual menu link items background during onmouseover*/
.hometab a:hover {
  background: url("../images/tabhover1.gif") no-repeat;
}

.tab2 a:hover {
  background: url("../images/tabhover2.gif") no-repeat;
}

.tab3 a:hover {
  background: url("../images/tabhover3.gif") no-repeat;
}

.tab4 a:hover {
  background: url("../images/tabhover4.gif") no-repeat;
}

.tab5 a:hover {
background: url("../images/tabhover5.gif") no-repeat;
}

.tab6 a:hover {
  background: url("../images/tabhover6.gif") no-repeat;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
  position: absolute;
  left: 0;
  display: none; /*collapse all sub menus to begin with*/
  visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
  float: none;
  display: list-item;
  margin: 0 6.7px;
}

* html .ddsmoothmenu ul li ul li { /*IE6 hack to get sub menu links to behave correctly*/
  margin: 0 6.99px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
  top: 0;
}

/*Sub level menu links style */
.ddsmoothmenu ul li ul li a {
  width: 120px; /*width of sub menus*/
  height: 30px;
  font: 75% Verdana, sans-serif;
  line-height: 30px;
  margin: 0;
}

/*Sub-sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li ul li {
  margin: 0;
}

/*Sub level individual menu links background*/
.hometab ul li a {
  background-color: #9ff37a;
}

.tab2 ul li a {
  background-color: #ecf37a;
}

.tab3 ul li a {
  background-color: #f3be7a;
}

.tab4 ul li a {
  background-color: #f38b7a;
}

.tab5 ul li a {
  background-color: #be7af3;
}

.tab6 ul li a {
  background-color: #7a88f3;
}

/*Sub level individual menu links background during onmouseover*/
.hometab ul li a:hover {
  background-color: #c8f2b6;
}

.tab2 ul li a:hover {
  background-color: #eef1b5;
}

.tab3 ul li a:hover {
  background-color: #f1d4b5;
}

.tab4 ul li a:hover {
  background-color: #f1bcb5;
}

.tab5 ul li a:hover {
  background-color: #d7b5f1;
}

.tab6 ul li a:hover {
  background-color: #b5bcf1;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
  position: absolute;
  top: 12px;
  right: 7px;
}

.rightarrowclass {
  position: absolute;
  top: 10px;
  right: 5px;
}

* html .rightarrowclass {
  right: 10px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: none;
}
/*
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}*/