/* This is a heavily edited version of the Project VII TMM basicbutton stylesheet for use with the left nav menu on the Coral Bleaching site */
/* #d3ccf6; lightest purple */
/* #8171a5; mid purple */
/* #684ea2; darkest purple */
/* #332750; purple-black for text */

/*Control DIV for expand all and collapse all links*/
#p7TMctrl {
	/*padding: 3px 0;*/
	text-align:center;
	background-color: transparent;
	display: none;
	/*/*/display: block; /* Hide from NN4*/
}
#p7TMctrl a:link, #p7TMctrl a:visited, #p7TMctrl a:active {
	/*font-weight:normal;*/font-size: 12px;
	color: #332750;/*  purple-black for text */
}

#p7TMctrl a:hover {
	color: #416405; /*h1 background */
}


/*Sets line-height of all menuitems*/
#p7TMnav {
	line-height: 1.4;
	border-top: 1px solid #eee;
}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#p7TMnav div div {
	/*margin: 0 0 0 8px;
	margin-left: -16px;
	margin: 0 0 0 16px;*/
	padding: 0 0 0 16px;  border-bottom: 1px solid #999;
}
/* In order to have level's background color extend to left edge of navbar,
we use padding instead of margin on the indents, and make a special case for 3rd level*/
#p7TMnav div div div{	
	margin: 0 0 0 8px;
	margin-left: -16px;
	padding: 0 0 0 30px;
	/*padding: 0; border-bottom: 1px solid #b3d917;*/
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a:link, #p7TMnav div a:visited, #p7TMnav div a:active{
	color: #332750;/*purple-black for text */
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a:link, #p7TMnav div a:visited, #p7TMnav div a:active{
	/*/*/padding: 1px 0 1px 12px;
	display: block;
	font-size: 13px; font-weight: bold;
	background-color:  #d3ccf6;/* lightest purple */
	/*border-right: 1px solid #999;*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none; /* */
}
#p7TMnav div a:hover {
	color: #e2e6cd; /* icicle at 90% bright*/
	background-color: #333333;
}

/*The Link style for second-level menuitems*/
#p7TMnav div div { /* background on the div itself */
	background-color:#8171a5;/*  mid purple */
	/*background-color: #8fbfbf;		 50% opacity of h1 color */
}

#p7TMnav div div a:link, #p7TMnav div div a:visited, #p7TMnav div div a:active {
	font-size: 12px; font-weight: normal;
	background-color:#8171a5;/*  mid purple */
	color: white;
	border: 0;
	/*border-right: 1px solid #999;*/
}
#p7TMnav div div a:hover {
	color: #e2e6cd; /* icicle at 90% bright*/
	background-color: #333333;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div { /* background on the div itself */
	background-color:#684ea2; /* darkest purple */
}
#p7TMnav div div div a:link, #p7TMnav div div div a:visited, #p7TMnav div div div a:active {
	font-size: 12px; color:#d3ccf6; /* lightest purple */
	background-color:#684ea2; /* darkest purple */
}
#p7TMnav div div div a:hover {
	color: #e2e6cd; /* icicle at 90% bright*/
	background-color: #333333;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
	background-repeat: no-repeat;
	/*background-image: url(../images/menplus.gif);*/
	background-position: 6px 6px;
	padding: 1px 0 1px 20px !important;
}
.p7minusmark {
	background-repeat: no-repeat;
	/*background-image: url(../images/menminus.gif);*/
	background-position: 6px 6px;
	padding: 1px 0 1px 20px !important;
}
/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-repeat: no-repeat;
	/*background-image: url(../images/pagemarker.gif);*/
	background-position: 6px 6px;
	padding: 1px 0 1px 20px !important;
}
.p7currentmark {
	font-weight: bold;
/*	color: #333 !important;
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-image: url(../images/men_here.gif);
	background-position: 6px 6px;
	padding: 1px 0 1px 20px !important;*/
	/*color: #e2e6cd !important;   icicle at 90% bright
	background-color: #333333 !important;*/
}
/* you are here, top level */
 #p7TMnav div .p7currentmark {
	color: #e2e6cd !important;  /* icicle at 90% bright*/
	background-color: #333333 !important;padding: 0 0 0 20px !important;
}

/* you are here, second level */
 #p7TMnav div div .p7currentmark {
	color: #e2e6cd !important;  /* icicle at 90% bright*/
	background-color: #333333 !important;
	margin: 0 0 0 8px !important;
	margin-left: -16px !important;
	padding: 0 0 0 32px !important;

}
/* you are here, third level */
#p7TMnav div div div .p7currentmark {
	color: #e2e6cd !important;  /* icicle at 90% bright*/
	background-color: #333333 !important;
/*	margin: 0 0 0 10px !important;
	margin-left: -20px !important;*/
	padding: 0 0 0 34px !important;

}

/* this should make the menu trigger parent look hovered (but not indented), for the current page */
.p7currentsubmenu {	
	/*font-weight: bold;*/
/*	padding: 1px 0 1px 20px !important;*/
	/*color: #e2e6cd !important; */ /* icicle at 90% bright*/
	/*background-color: #333333 !important;*/
}