/*---------------------------
  SASK. OPEN DOOR SOCIETY
  sods.sk.ca, 2007
  Saskatoon, SK Canada
---------------------------*/
/*
.menu {
  border-top: 1px solid #369;
  font-size: 0.85em;
  font-family: arial, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 0px;
  text-align: center;
  white-space: nowrap;
}
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 766px;
}
.menu ul ul {
  width: 153px;
}
.menu li {
  float: left;
  position: relative;
  width: 153px;
}
.menu a, .menu a:visited {
  background: #000080 url(../images/bg_nav.gif) repeat top right;
  border-right: 1px solid #000080;
  border-bottom: 1px solid #036;
  border-width: 0 1px 1px 0;
  color: #FFF;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  line-height: 29px;
  padding-left: 10px;
  text-decoration: none; 
  width: 142px;
}
* html .menu a, * html .menu a:visited {
  width: 153px;
  w\idth: 142px;
}

.menu ul ul li a:hover {
  background: #000060;
}
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background: #BDC4D7;
}
.menu ul ul a.drop:hover {
  background: #000060;
}
.menu ul ul :hover > a.drop {
  background: #000060;
}

.menu ul ul ul a, .menu ul ul ul a:visited {
  background: #B7BED3;
}
.menu ul ul ul a:hover {
  background: #000060;
}
.menu ul ul ul :hover > a {
  background: #000060;
}

.menu ul ul {
  height: 0;
  left: 0; 
  position: absolute;
  top: 31px;
  visibility: hidden;
  width: 153px;
}
* html .menu ul ul {
  top: 30px;
  t\op: 31px;
}

.menu ul ul ul {
  left: 153px; 
  top: 0;
  width: 153px;
}
.menu ul ul ul.left {
  left: -153px;
}

.menu table {
  left: 0;
  position: absolute;
  top: 0;
}

.menu ul ul a, .menu ul ul a:visited {
  color: #FFF;
  height: auto;
  line-height: 1.5em; 
  padding: 5px 10px; 
  width: 132px
}
* html .menu ul ul a {
  width: 153px;
  w\idth: 132px;
}

.menu a:hover, .menu ul ul a:hover {
  background: #000060;
  color: #FFF;
}
.menu :hover > a, .menu ul ul :hover > a {
  background: #000060;
  color: #FFF;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
  visibility: visible; 
}
.menu ul :hover ul ul{
  visibility: hidden;
}
.menu ul :hover ul :hover ul ul{
  visibility: hidden;
}
.menu ul :hover ul :hover ul{ 
  visibility: visible;
}
.menu ul :hover ul :hover ul :hover ul { 
  visibility: visible;
}

.menu2 a:hover {
  background: #F60;
  border-bottom: 1px solid #F30;
  color: #FFF;
}
li.menu2 ul li a, li.menu2 ul li a:visited { background: #F90; border: 1px solid #F60; border-width: 0 1px 1px 0; }
li.menu2 ul li a:hover { background: #F60; }

.menu3 a:hover {
  background: #009F28;
  border-bottom: 1px solid #093;
  color: #FFF;
}
li.menu3 ul li a, li.menu3 ul li a:visited { background: #0C3; border: 1px solid #093; border-width: 0 1px 1px 0; }
li.menu3 ul li a:hover { background: #009F28; }

.menu4 a:hover {
  background: #33F;
}
li.menu4 ul li a, li.menu4 ul li a:visited { background: #36F; border: 1px solid #30F; border-width: 0 1px 1px 0; }
li.menu4 ul li a:hover { background: #33F; }

.menu5 a:hover {
  background: #C3F;
  border-bottom: 1px solid #C0F;
}
li.menu5 ul li a, li.menu5 ul li a:visited { background: #C6F; border: 1px solid #C0F; border-width: 0 1px 1px 0; }
li.menu5 ul li a:hover { background: #C3F; }

*/

/*#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 766px;
}*/


#menu {
  border-top: 1px solid #369;
  font-size: 0.85em;
  font-family: arial, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 0px;
  white-space: nowrap;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 766px;
}

#menu a, #menu a:visited {
  background: #000080 url(../images/bg_nav.gif) repeat top right;
  border-right: 1px solid #000080;
  border-bottom: 1px solid #036;
  border-width: 0 1px 1px 0;
  color: #FFF;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  line-height: 29px;
  padding-left: 10px;
  text-decoration: none; 
  width: 142px;
}

#menu li {
	float: left;
	width: 153px;
}

#menu li ul {
	position: absolute;
	width: 153px;
	left: -999em;
}


#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}

#menu ul ul li a:hover {
  background: #000060;
}
#menu ul ul a.drop, #menu ul ul a.drop:visited {
  background: #BDC4D7;
}
#menu ul ul a.drop:hover {
  background: #000060;
}
#menu ul ul :hover > a.drop {
  background: #000060;
}

#menu ul ul ul a, #menu ul ul ul a:visited {
  background: #B7BED3;
}
#menu ul ul ul a:hover {
  background: #000060;
}
#menu ul ul ul :hover > a {
  background: #000060;
}


