.noprint {
	display: none;
}

#sgl-blocks-left {
	display: none;
}

#sgl-javanav {
	display: none;
}



/*make container div tall enough to hold the menu*/
#sgl-nav {
    height:2.7em;
    padding:0;
    border:1;
    margin:0;
}

/*ul.navLvl1 position is abs so that it will contain the floated LIs; probably should be relative,
but so far this is the only way i can get the background green in Moz; only other way is to
set a height for ul.navLvl1 so that it isn't an empty box and the background can be colored, but
getting the right height is tricky, esp. including box-model differences. I thought 4.2ems
would be the height of level 1 + level 2 and be correct ((font-size plus padding x 2) x 2),
but somehow this is way too big*/
ul.navLvl1 {
    position:absolute;
    list-style:none;
    padding:0;
    border:none;
    border-bottom:1px solid #006699;/*unlike 2-level css, we put the bottom border here, instead
    of using a top-border of the level 2 UL*/
    margin:0;
    
    width:100%;
    
    background-color:#99CC00;
}

ul.navLvl1 li {
    position:relative;
    float:left;
    padding:0;
    padding-left:1em;/*to put space between tabs*/
    border:1;
    margin:0;
    
    width:13em;
    _width:auto;
    /*IE ":hover"
    NOTE: unlike background url, behavior url is relative to current url, not to .css
    */
    behavior:url(themes/default/css/listItemHover.htc)
}

ul.navLvl1 li a {
    display:block;
    position:relative;
    bottom:-1px;/*shift down by the width of the containing LI's bottom border*/
    z-index:100;/*so these and their borders sit above the top border of the secondary UL, which
    we need in order to have a border extending full width of screen*/
    
    /*have to set a width here for IE to get around incomplete clickable region bug*/
    _width:.1em;
    
    padding:0.5em 1.5em;
    border:1px solid #006699;
    margin:0px;
    
    background:#9DCDFE;
    font-family:tahoma,arial,helvetica;
    font-size:1.1em;
    font-weight:bold;
    color:white;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
}

ul.navLvl1 li a:hover {
    color:#006699;
    text-decoration:underline;
}

/*2nd level and beyond change bground on hover*/
ul.navLvl1 li li a:hover {
    background:#E5F1FF;
}


ul.navLvl1 li a#curPage {
    color:#006699;
    background:#E5F1FF;
    border-bottom-color:#E5F1FF;
}

/*but show sub ULs when their parent LIs are hovered*/

/*non-IE :hover*/
ul.navLvl1 li:hover > ul {
    display : block;
}

/*SUBLEVEL LIST ITEMS*/
ul.navLvl1 li li {
    clear:left;/*lists now to be vertical*/
    padding-left:0em;/*reset left padding for sublevels*/
    width:100%;

}

/*SUBLEVEL ANCHORS*/
ul.navLvl1 li li a {
    bottom:0;/*reset from level one's -1px*/
    /*border:none;*/
    border:1px solid #006699;
    border-top:none;
    color:#006699;
    width:100%;
}

/*THIS WORKS FOR IE (ALL CELLS HAVE WIDTH OF THE WIDEST SIBLING):
(width not set on any UL (except container #nav) )
ul.navLvl1 li a         {width:1em;}
ul.navLvl1 li > a     {width:auto;}
ul.navLvl1 li li {width:100%;}
ul.navLvl1 li li a {width:100%;}
BUT IT DOESN'T WORK IN MOZ: to work in moz, do this:
add:
ul.navLvl1 ul {width:100%;} (ie needs it to be auto)
*/

/*hide all sublevels*/
ul.navLvl1 ul {
    position : absolute;
    display : none;
    list-style:none;
    padding:0;
    margin:0;
    border:1;
    _border-top:1px solid #006699;/*IE only; we use anchor of first child sublevel LI for nonIE*/
    
    width:100%;
    _width:auto;
/*
IE's incorrect behavior with width is actually what i want: sub blocks wider than their parents
will push the borders of the parents out and the parents will still contain them; Moz lets the
sub blocks extend outside the parents' borders, so I had to set a fixed width for Moz.
*/
}

/*for 3rd level and beyond, offset the lists*/
ul.navLvl1 ul ul {
    top: .6em;
    left: 100%;/*have to do % to align left of child with right of parent*/
    z-index:999;/*so that any LIs below the parent LI of this UL don't overlap this UL*/
}

ul.navLvl1 ul li:first-child > a {
    border-top:1px solid #006699;
}

/*
from: http://guymal.com/techCorner/dhtml.html
parentElement:
The parentElement property can be used to obtain a reference to the element immediately
preceding the element specified, whose properties and/or methods can be manipulated and/or
invoked respectively. Note that the parentElement property is read-only and works on a
'content-model' basis. This means that the parentElement property of elements will be their
containing Block Formatting Element, with the parentElement property of BLock formatting
elements being the <BODY> element, unless they're contained in another Block-level element.
*/

/* all zindex combos of sublevel UL, LI and A fail...giving up on indented nests
ul.navLvl1 li li a {z-index:1000;}ul.navLvl1 li li{z-index:2000;}ul.navLvl1 ul ul{z-index:3000;} splits
ul.navLvl1 li li a {z-index:1000;}ul.navLvl1 li li{z-index:3000;}ul.navLvl1 ul ul{z-index:2000;} splits
ul.navLvl1 li li a {z-index:2000;}ul.navLvl1 li li{z-index:1000;}ul.navLvl1 ul ul{z-index:3000;} splits
ul.navLvl1 li li a {z-index:2000;}ul.navLvl1 li li{z-index:3000;}ul.navLvl1 ul ul{z-index:1000;} sub put behind
ul.navLvl1 li li a {z-index:3000;}ul.navLvl1 li li{z-index:1000;}ul.navLvl1 ul ul{z-index:2000;} sub put behind
ul.navLvl1 li li a {z-index:3000;}ul.navLvl1 li li{z-index:2000;}ul.navLvl1 ul ul{z-index:1000;} sub put behind
*/