#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 {

    border:1px solid #000;

	position: absolute;

	top:0px;

	margin-top: -1px;

	margin-left:1px;

	left: 100%;

	width: 100%;

	}

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



/* 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: none;

	}



#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

 */

#n/av {

	behavior:     url("/../js/csshover.htc");

	}

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

/* 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: #85A3BB;

  

	}

	

#nav ul li.parent a

	{

	background-color:#F4EDD5;

	background: #F4EDD5 url("../english/images/nav_arrow.gif") no-repeat center right;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left:14px;

	* padding-left:12px;

}

	

#nav ul li.parent:hover a,

#nav ul li.parent:active a,

#nav ul li.parent a:hover,

#nav ul li.parent a:active

	{

	background: #B3C6D5;

	}

	

/* 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: #B3C6D5;

}



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

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

  background: #85A3BB 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: #85A3BB;

}

#nav ul li.parent li a

	{

	background: #85A3BB 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:#85A3BB;

  

}

#nav ul li.parent ul li.parent 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

}

/* Custom code for SMG sites only */

#advertisement {
   width:196px;
   text-align:left;
   padding-top:6px;
   padding-left:14px;
   float:left;
   clear:left;
   color: #FFFFFF;
   font-size: 10px;
   font-family:  Arial, Sans-serif; 
   font-weight: normal;
   }
   
#presentation {
   height:44px;
   width:165px;
   background-image: url('images/presentation.jpg');
   background-repeat:no-repeat;
   margin-top:15px;
   text-align:center;
   padding-top:3px;
   float:left;
   clear:left;
}

#presentation a{
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}

.nav-links { margin-right:-3px; font-size: 12px;}
.smallertext       {font-size: 9px;}

#nav-link-div {
   height:35px;
   width:750px; 
   background-color:#00618A;
   float:left;
}

.nav-links,.nav-links-fr    {
   color:#000;
	}

#nav-bar-sub {
   height:35px;
   width:750px;
   background-color:#00618A;
   float:left;
}

#advertisement_title  { line-height: 11px;
                        font-weight: bold;
                        padding-top: 0px;}

#advertisement_detail  { line-height: 14px;
}

select {
    margin-top: 1px;
    margin-bottom: 1px;
}

input {
    margin-top: 1px;
    margin-bottom: 1px;
}



/* End of custom code */