#nav {

	color:black; background:white;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:85%;

	height:1%;/* HACK: ensure that this div encloses floated links */

	margin: 0;

	margin-top:15px;

	width:165px;

	float:left;

    clear:right;

	}



/* base styles for links in 

 * the menu

 */

#nav a

 	{

	display:block;

	margin:0;

	color: #000;

	width:165px; /* IE BUG: 188 - leftmargin - leftpadding - rightpadding - rightmargin */

	background: #fff;

	text-decoration: none;

	}

#nav ul a:hover,

#nav ul a:active

 	{

	background: #eee;

	color:#000;

	}

/**/

#nav h5 {

	font-size:110%;

	margin:0;

}



#nav h5 a {

	margin:0;

	padding-top: 5px;

	padding-left: 14px;

	* padding-left: 12px;

	padding-bottom: 5px;

	font-weight:bold;

	font-size: 1.07em;

	font-style:normal;

	width:auto;

	color:#fff; 

    background-color:#004F72;

	/*margin-right:-1px; /* HACK: makes the #nav header line up flush right with the #nav div */

	/*height:1%; /* HACK: prevents the nav heading from disappearing */

	}

/* ---------------------------- */

/* base styles for the lists

 * - flattens the list-elements

 */

#nav ul {

	list-style: none;

	margin: 0;

	padding: 0;

	width:165px; /* IE BUG: 190 - left border - right border */

	 /* IE BUG: correct for the "1 point Smith manoeuvre" */

	}



#nav li {

	display:block;

	float:left;

	clear:none;

	margin:0px;

	}

/* ---------------------------- */

/* for some reason this is needed to ensure 

 * the entire box is clickable for top-level 

 * elements rather than just the text... 

 */

#nav ul li a { 

   height:1%;

  } 

/* ---------------------------- */



/* padding around the menu links

 */ 

#nav ul ul a {

	padding: 0px;

	width:151px;

	* width:153px;

}





#nav ul ul ul a {

	padding-left: 2px;

	padding-bottom: 5px;

	padding-top: 5px;

	padding-right:6px;

	width:141px;

	*width:143px;

	}

	

/* ---------------------------- */



/* highlights the current section

 */

/*#nav li.current a,

#nav li.current a:hover,

#nav li.current a:active {

	color:black; background-color:#eee;

	font-weight:bold;

	}

#nav li.current li a {

	color:black; background-color:white;

	font-weight:normal;

	}

#nav li.current li a:hover,

#nav li.current li a:active {

	color:black; background-color:#eee;

	font-weight:normal;

	}*/

/* ---------------------------- */



/* styles for third-level ul's 

 * - handles positioning

 */

#nav li 

	{

	/**/position: relative;/**/
 
	}

#nav ul ul ul {


	/*position: absolute;*/
    position: relative; /* NAV FIX */
	top:0px;
 
    
	/*left: 100%;*/ /* NAV FIX */


	}

/* ---------------------------- */



/* styles for third-level ul's 

 * - handles fly-outs 

 */

#nav ul ul li:hover {

	/** /position:relative;/**/
    
	}

 

#nav ul ul ul,

#nav ul ul li:hover ul ul

	{

	display: block; /* NAV FIX */

	}



#nav ul ul li:hover ul,

#nav ul ul ul li:hover ul 

	{

	z-index:100;

	display: block;

	}

/* ---------------------------- */



/* this javascript behavior fakes 

 * support for li:hover in IE

 */

#nav {
    
	/*behavior:     url("/js/csshover.htc"); removed for nav fix Jan 21, 2008*/

	}

/* ---------------------------- */

/* handles submenu gif 

 * & rollover colors 

 */

 

#nav ul li a {

	background-color:#F4EDD5;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left:14px;

	* padding-left:12px;

}

 

#nav ul li:hover a,

#nav ul li:active a,

#nav ul li a:hover,

#nav ul li a:active

	{

 background-color: #DFCB84;

  

	}

	

#nav ul li.parent a

	{

	background-color:#DFCB84;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left:14px;

	* padding-left:12px;

}

	



	

/* Hover property for second level of flyout menu*/

#nav ul li.parent ul li:hover a,

#nav ul li.parent ul li:active a,

#nav ul li.parent ul li a:hover,

#nav ul li.parent ul li a:active 

{

   background-color:#fff;

   color:#254472;

}



/* Base background color for second level of flyout menu */

#nav ul li.parent ul li a{

   padding-right: 10px;

   line-height: 10pt;

   background: #EBDDAF;

}



/*---------- Styling for second level flyout menu options -----------

#nav ul li.parent ul li.parent a {

  background: #DFCB84 url("../english/graphics/revamp/nav_arrow_gray.gif") no-repeat center right;

}

#nav ul li.parent ul li.parent a:hover {

  background: #69747B url("../english/graphics/revamp/nav_arrow_gray.gif") no-repeat center right;

}

*/



#nav ul li.parent ul li.parent li a {

 background-color: #DFCB84;

}

#nav ul li.parent li a

	{

	background: #DFCB84 none;

	}

#nav ul li.parent li a:hover

	{

	background: #69747B none;

	}



#nav ul li.parent li a:active

	{

	background-image: none;

	}	

	

/*---------- Styling for third level flyout menu options -----------*/

#nav ul li.parent ul li.parent ul li a {

  background:#69747B;
  

  

}

#nav ul li.parent ul li ul li a:hover {

background: #69747B;

}

.smRule{

  float:left;

  clear:none;

  margin-bottom:10px;

}

.smHolder{

  margin-bottom:15px;

  margin-right:10px;

  border:1px dotted black;

  width:250px;

  padding:5px;

  float:left;

}

.smHolder h5{

  margin-bottom:5px;



}

.smHolder ul{

  margin-left:30px;

  list-style-position:outside

}