/*font family for page. If you have another style sheet that sets font family, you can delete this rule*/
div, td, p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;


}

/*Control DIV for expand all and collapse all links*/
#p7TMctrl {
	margin: 0 0 12px 0;
	font-size: 1.0em;
	display: none;
	/*/*/display: block; /* Hide from NN4*/
}
#p7TMctrl a:link {
	color: #FFFFFF;
}
#p7TMctrl a:visited {
	color: #FFFFFF;
}
#p7TMctrl a:hover {
	color: #FF9933;
}


/*Sets line-height of all menuitems*/
#p7TMnav div {
	/*/*/line-height: 1.4; /* */
}


/*Sets background color and border around the menu DIV*/
#p7TMnav {
	border-bottom: 1px solid #FFCC66;

}

/*Sets a bottom margin for each top-level link*/
#p7TMnav div {
	margin: 0 0 .25em 0;
}

/*second level menuitem divs and lower -Cascades to lower levels-*/
/*Sets left margin to .6em establishing a fluid cascading indent*/
/*Sets a left border*/
#p7TMnav div div {
	margin: 0 0 0 .6em;
	border-left: 1px solid #FFCC66;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #FFFFFF;
	font-size: 1em;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	display: block;
	color: #FF9933;
	border: 1px solid #999;
	padding: 0 0 0 .4em;
	text-decoration: none;
	background-color: Black;
	font-weight: normal;
	font-style: normal;



}
#p7TMnav div a:visited {
}
#p7TMnav div a:hover {
	color: #000000;
	background-color: #FFB442;
	border: 1px solid #333333;

}

/*The Link and visited styles combined for second-level menuitems*/
#p7TMnav div div a, #p7TMnav div div a:visited {
	color: #FF9933;
	font-size: 1.0em;
	background-color: transparent;
	border: 0;
}
#p7TMnav div div a:hover {
 color: #000000;
 background-color: #FFB442;
 border: 0;
} 

/*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 a {
	font-size: .7em;
}

/*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(p7t_plus.gif);
	background-position: 6px 50%;
	padding: 0 0 0 20px !important;
}
.p7minusmark {
	background-repeat: no-repeat;
	background-image: url(p7t_minus.gif);
	background-position: 6px 50%;
	padding: 0 0 0 20px !important;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-image:  none;
	/*padding: 0 0 0 20px !important;*/
	padding: 0 0 0 20px !important;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.p7currentmark {
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent !important;
	color: #FFFFFF!important;
	padding: 0 0 0 20px !important;
}
/*special style for User Guide Tutorials*/
#stretchyCell {
	width: 14em;
}
#p7snapsubs3 , #p7snapsubs2 , #p7snapsubs4 , #p7snapsubs5, 
/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#p7snapsubs1{
	position: absolute;
	width: 160px;
	top: 235px;
	font-size: .9em;
	visibility: hidden;
	background-color: #FFFFFF;
}
/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */
#p7snapsubs1 {left: 14px;}
#p7snapsubs2 {left: 600px;}
#p7snapsubs3 {left: 475px;}
#p7snapsubs4 {left: 383px;}
#p7snapsubs5 {left: 506px;}

/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */
.p7submenus p {margin: 0;}


/* 	Submenu Link Styles
 	Use a combined selector for a and a:visited. Set padding in shorthand

	to 1px on top and bottom, 8px right and 12px left.
	
	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.
	
	Set border colors in shorthand to Light Gray on top and left - and
	Charcoal Gray on right and bottom. This combination of colors creates
	a raised button-type effect.
	
	Set background color to dark gray, text to medium gray and turn off underlines. */
.p7submenus a, .p7submenus a:visited {
	display: block;
	padding: 1px 8px 1px 12px;
	background-color: #FFB442;
	color: #333333;
	text-decoration: none;
	border-top: 1px solid #BAAFAB;
	border-right: 1px solid #96807A;
	border-bottom: 1px solid #96807A;
	border-left: 1px solid #BAAFAB;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	background-color: #B9003D;
	color: #FF9933;
	border-top: #C5A996;
}
