/* expandable list with alternate switch symbol */

ul.altsym {
   /* background-color: #cddcf3;
    border: 1px solid #3874d1;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 25px 0 10px 5px;
    padding: 0;
    width: 200px;
	
	font-weight:bold;
	
}

ul.altsym ul {
    /*display: none;*/
    margin: 0;
    /*padding-left: 15px;*/
	padding-left: 4px;
}

ul.altsym li {
    list-style-type: none;
    position: relative;
    width: 100%;
}

ul.altsym ul li{
    font-weight:normal;
	
}

ul.altsym ul li a{
    color: #D59D77;
}

ul.altsym ul ul li a{
    color: #D5C777;
	 margin:0 0 0 30px;
}


ul.altsym ul li a:hover{
    background:none;
	 color: #ffffff;
	 text-decoration: none;
}

ul.altsym a {
    /*border: 1px solid #cddcf3;
    color: #3874d1;*/
    display: block;
    margin-left: 22px;
    padding: 2px;
    text-decoration: none;
    /*width: 100%;*/

	text-decoration: none;
	border-bottom: none;
	color: #6F5F38;
}


html>body ul.altsym a { width: auto; } /* hidden from Win/IE */

ul.altsym a:hover {
    /*background-color: #eee;*/
	 padding: 1px;
    border: 1px solid #876D68;
	/*color: #B4AA86;
	background: #F2E7C5;*/
}

ul.altsym a.switch {
    background: transparent url(../images/menuarrows_red.gif) no-repeat top left;
    border: none;
    height: 13px;
    left: 6px;
    line-height: 0px; /* Win/IE needs this for some reason */
    margin: 0;
    padding: 0;
    text-indent: -500px;
    top: 0.7ex;
    position: absolute;
    width: 13px;
}


/*  recolor switches  -- default color is red which is set above */

ul.altsym li#mainnav1 a.switch {
    background: transparent url(../images/menuarrows_blue.gif) no-repeat top left;
}

ul.altsym li#mainnav2 a.switch {
    background: transparent url(../images/menuarrows_orange.gif) no-repeat top left;
}

ul.altsym li#mainnav3 a.switch {
    background: transparent url(../images/menuarrows_red.gif) no-repeat top left;
}

ul.altsym li#mainnav4 a.switch {
    background: transparent url(../images/menuarrows_yellow.gif) no-repeat top left;
}


ul.altsym a.switch:hover {
    background-color: transparent;
    background-image: url(../images/menuarrows_orange.gif);
	border:0;
	padding:0;
	margin:0;
}
 
 
 
ul.altsym a.on { background-position: bottom left; }
ul.altsym a.off { background-position: top left; }

/* Set individually colored siwtches to toggle images iwth on/off switching */

ul.altsym li#mainnav1 a.on { background-position: bottom left; }
ul.altsym li#mainnav1 a.off { background-position: top left; }
ul.altsym li#mainnav2 a.on { background-position: bottom left; }
ul.altsym li#mainnav2 a.off { background-position: top left; }
ul.altsym li#mainnav3 a.on { background-position: bottom left; }
ul.altsym li#mainnav3 a.off { background-position: top left; }
ul.altsym li#mainnav4 a.on { background-position: bottom left; }
ul.altsym li#mainnav4 a.off { background-position: top left; }


/* Box-model hacks for Win/IE 5.5 \*/
* html ul.altsym { width: 202px; w\idth: 177px; }
* html ul.altsym a { margin-left: 0px; ma\rgin-left: 22px; }
* html ul.altsym a.switch { left: -11px; lef\t: 6px; }
/* end hacks */

ul.altsym ul ul{
	background: none;
}



/* turns off button on secondary subnav switches*/
ul.altsym ul a.switch {background: none;}
ul.altsym li#mainnav1 ul a.switch {background: none;}
ul.altsym li#mainnav2 ul a.switch {background: none;}
ul.altsym li#mainnav3 ul a.switch {background: none;}
ul.altsym li#mainnav4 ul a.switch {background: none;}



/* hide secondary menus until primary is clicked*/
#subnav1, #subnav2, #subnav3, #subnav4 {display:none}



/* hide tertiary menus until arriving at secondary page that contains them*/		
#subnav2_prog, #subnav2_resources, #subnav4_group, #subnav4_visit, 
#subnav1_visit, #pdrentsub, #pdtoursub, #pdnewssub, #pdaboutsub, #pdcalsub, #pddonatesub {display:none;}