/* This CSS code page is for a vertical navigation bar on the page.
navcontainer code is for a navigation bar about 150 px wide
navconwide code is for a navigation bar with each item being almost the width of the main column of text on a page  */ 

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.navcontainer li { margin: 0 0 .1em 0;
 }

.navcontainer a
{
display: block;
color: #003399;
background-color: #fffff0;
width: 12em;
padding: .0em .1em;
margin: 0px;
font-family: Arial, "Sans serif"; font-size:10pt; color="#000000";
text-align: center; /*set to left, center, or right to align the text in the menu boxes as desired*/
text-decoration: none;
border-top: 2px solid #89B1FF;
border-left: 2px solid #B9D1FF;
border-right: 3px solid #036;
border-bottom: 3px solid #036;
}

.navcontainer a:hover
{
background-color: #0000ff;
color: #FFF;
border-top: 3px solid #036;
border-left: 3px solid #036;
border-right: 2px solid #B9D1FF;
border-bottom: 2px solid #89B1FF;
}


/* The following is a sample of the code you put on the HTML webpage to get the vertical navication bar.    
----------------------------------------------

	<div class="navcontainer">
	<ul>
	<li><a href="M">Milk</a></li>
	<li><a href="E">Eggs</a></li>
	<li><a href="C">Cheese</a></li>
	<li><a href="V">Vegetables</a></li>
	<li><a href="F">Fruit</a></li>
	</ul>
	</div>

That ends the sample of the HTML code for the navcontainer bar. 

The following is a sample of the code you put on the HTML webpage for the wid - navconwide - navigation bar.
----------------------------------------------

<div class="navconwide""
<center>
<ul>
	
		<li><a href="DEP4006_Pointers_Witness.htm">Instruction form for 
		witnesses. Improve testimony.</a></li>
		<li><a href="DEP4008_Pointer_Lay_Witness_Video.htm">Instructions to lay 
		witness for video deposition.</a></li>
		<li><a href="experts/EXDEP4008Pointers_Expert_Witness_Video.htm">
		Instructions to expert witness for video deposition.</a></li>
		<li>
		<a href="witnesspreparation/witness-preparation-form.htm">Tip: why use witness preparation forms.</a></li>
		<li><a href="experts/EX0807-subpoena-duces-tecum-expert.htm">Subpoena duces tecum to adverse expert witness.</a></li>
		<li><a href="DEP009_Testimony_Client_Prep.htm">Practice for clients on 
		their bodily injury testimony.</a></li>
	<li> 
	<a title="Checklists and forms for witness preparation and deposition questions on social media." href="powerarticles/TIP3119-social-media-suite.htm">Social 
	media checklists, forms, deposition questions.</a></li>
		<li><a href="DEP1217MotionProtective.htm">Motion for protective order to 
		block deposition.</a></li>
		<li><a href="DEP4003DepoObjectionsCkLst.htm">Checklist: deposition 
		objections, plus responses.</a></li>
		<li>
		<a title="E-discovery, e-litigation, e-evidence: forms, checklists, outlines, and advice." href="DEP4011_Notice_Deposition_Organization.htm">
		Rule 30 notice for deposition of corporation.</a></li>
			
	</ul>
</center>
</div>


______________________________   */


/* The following navconwide is a vertical navigation bar that is wider (to put a full line of text on the button). */

.navconwide ul {

margin: 0;
padding: 0;
list-style-type: none;
}

.navconwide li { 
  margin: auto;
}

.navconwide a
{
display: block;
color: #003399;
background-color: #fffff0;
width: 95%;
padding: 0;
font-family: Arial, "Sans serif"; font-size:10pt; color="#000000";
text-align: center; /*set to left, center, or right to align the text in the menu boxes as desired*/
text-decoration: none;
border-top: 2px solid #B9D1FF;
border-left: 2px solid #B9D1FF;
border-right: 3px solid #036;
border-bottom: 3px solid #036;
}

.navconwide a:hover
{
background-color: #0000ff;
color: #FFF;
border-top: 3px solid #036;
border-left: 3px solid #036;
border-right: 2px solid #B9D1FF;
border-bottom: 2px solid #B9D1FF;