/* IE COMPLIANT CODE */

/* Remove the comments below for vertical mains and change the false value to
   true in the qm_create function after the menus structure. */
/*.qmmc a {float:none}*/

/*"""""""" (MAIN) Container """"""""*/
#qm0 
{ background: url(/IMAGES/graphic-menu-bg.png) repeat-x; height:30px !important;  z-index:100; }

/*"""""""" (MAIN) Items """"""""*/
#qm0 a 
{
	 display:block; 
  float:left; 
  height:20px; 

  vertical-align:middle; 
  color:#666666; 
  text-decoration:none; 
  font-size:13px; 
  font-weight:normal; 
  padding:10px 7px 3px 15px;
  font-weight:bold;
  font-family:"Myriad Pro","Gill Sans","Gill Sans MT",Myriad,Tahoma,Geneva,sans serif;
}

/*"""""""" (MAIN) Hover State """"""""*/
#qm0 a:hover
{
	z-index:200; position:relative;color:#fff; background:#7c8289;
}

/*"""""""" (MAIN) Active State """"""""*/	
#qm0 .qmactive
{ 
	/* Note: Add '!important' after each style */
	color:#FFFFFF !important; 
}

/*"""""""" (MAIN) Parent Items """"""""*/
#qm0 .qmparent
{
	/*background-image:url(../images/arrow_down.gif);*/
	background-repeat:no-repeat;
	
}

/*"""""""" [SUB] Containers """"""""*/
#qm0 div
{
	left:300px;
	top:200px;
	position:absolute;
	width:200px;
	overflow:hidden;
	

}

/*"""""""" [SUB] Hover State """"""""*/
#qm0 div a:hover
{ color:#000; background-color:#FC0;}

/*""""""""[SUB] Active State """"""""*/
#qm0 div .qmactive
{
	/* Note: Add '!important' after each style */
	background-color:#dddac9 !important;
	color:#083e84 !important;
	background-image:url(../images/arrow_right2_RO.gif) !important;
}

/*"""""""" [SUB] Parent Items """"""""*/
#qm0 div .qmparent 
{
	background-image:url(../images/arrow_right2.gif);	
}

/*"""""""" [SUB] Items """"""""*/
#qm0 div a
{		
	 width:100%; 
	 padding-top:8px; 
	 text-indent:10px;
	 background-color:#7c8289; 
	 color:#fff; 
	 height:22px; 
	 font-size:14px; 
	 display:block; 
	 border-top:1px solid #666; 

	 overflow:hidden !important;
}


* html #qm0 div a {
display:inline; /* IE 6 fix */
}


#qm0 div a:first-child {text-indent:10px; padding-top:8px; width:100%;}


/*"""""""" [SUB2] Items """"""""*/
#qm0 div div a
{
	background-color:#dddac9;
	padding:2px 8px 2px 5px;
	border-width:1px 0 0;
	border-style:solid;
	border-color:#b3b0a1;
	color:#083e84;
}

/*"""""""" [SUB2] Hover State """"""""*/
#qm0 div div a:hover
{
	color:#083e84;
	background-color:#bbb4a1;
}


/*!!!!!!!!!!! Menu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}

.qmmc {}
.qmmc a {float:left;display:block;white-space:nowrap;}
.qmmc div a {float:none;}.qmmc div {display:none;position:absolute;}














/* old menu code */

#nav_main { padding:0px 0 0 0px; margin:0; list-style:none; height:60px; background-color:#333;}

#nav_main ul { padding:10px 10px 10px 10px; margin:0; list-style:none; line-height:1.0em; width:auto; z-index:10; } 

#nav_main a {display:block; width:auto; text-align:left;color:#fff;text-decoration:none;  padding:10px 5px 10px 10px;  }


#nav_main li {float:left; display:block; width:auto; padding:0px 0 0 30px; font-size:14pt;  height:34px;} 

#nav_main li:hover, li.sfhover { } 

#nav_main li:hover a, #nav_main li.sfhover a  { color:white;text-decoration:none; background-color:#666; } 

#nav_main li ul {position:absolute; left: -999em; width:200px; padding:0px 0 0 0px;} 

#nav_main li ul li { background-color:#666; width:250px; line-height:1.0em; padding:0px 0px 0px 0px;   } 

#nav_main li ul a {text-align:left; color:blue; text-decoration:none; display:block; padding:10px 10px 10px 10px;  } 

#nav_main li:hover ul, #nav_main li.sfhover ul {left:auto;  }


#nav_main li ul ul {margin: -40px 0 0 200px; position:absolute; left: -999em;}

#nav_main li:hover ul ul, #nav_main li.sfhover ul ul, #main_nav ul li.sfhover ul li ul { left: -999em;  } 

#nav_main li li:hover ul, #nav_main li li.sfhover ul{ left: auto;  } 




#nav_main li ul li:hover #nav_main li ul li.sfhover #nav_main li ul li ul li.sfhover {background-color:blue; border-width:0px; border-style:none;} 



#nav_main li ul li:hover a, #nav_main li ul li.sfhover a {  color:white; text-decoration:none; background-color:#333;} 

*+html #nav_main li hover, *+html #nav_main li.sfhover { position: static; }

*+html #nav_main li:hover ul ul, *+html #nav_main li.sfhover ul ul{ position: static; } 

#nav_main li img {vertical-align:middle;}







		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0;
			margin:0px 0 0 50px;
			display: block;
			font-size:1em;
			font-weight:bold;
			text-transform:uppercase;
			
			
		}
		.horizontal li{
			float: left;
			display: inline;
			margin-right:50px;
			
		}
		.horizontal li a{
			text-decoration: none;
			height: 1.4em;
			float: left;
			display: block;
			
			padding: 0px 1px 1px 1px;
			border-bottom:none;
			
		}
		.horizontal li li a{
			
			
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 149px;
			border: none;
			display: block;
			height: auto;
			
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 0px;

		}
		.horizontal li ul li a{
		width: 145px;
		
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}

		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color:#3c3c3c;
			color:#CCC;
			
		}
		.blackwhite li a:hover{
			border:none;
			color: #EC8529;
			
		}
		.blackwhite ul{
			
		}
		
		
		.white li a{
			background-color: white;
			color:#999;
			
		}
		.white li a:hover{
		color:#000;
			
		}
		.white ul{
			border-color: #333;
		}
		

.horizontal2 ul{
			list-style-type: none;
			padding: 0;
			margin:0px 0 0 20px;
			display: block;
			font-size:1em;
			font-weight:bold;
			text-transform:lowercase;
			
			
		}
		.horizontal2 li{
			float: left;
			display: inline;
			margin-right:20px;
			
		}
		.horizontal2 li a{
			text-decoration: none;
			height: 1.4em;
			float: left;
			display: block;
			
			padding: 0px 1px 1px 1px;
			border-bottom:none;
			
		}
		.horizontal2 li li a{
			
			
		}
		.horizontal2 li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 149px;
			border: none;
			display: block;
			height: auto;
			
		}
		.horizontal2 li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 145px;

		}
		.horizontal2 li ul li a{
		width: 145px;
		
		}		
#html_search_div {  margin:42px 0 0 0; };


#pad {height:140px;}

/* STEPHEN'S MENU CSS */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0 0 0 0; list-style:none; height:41px;  z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px; width:auto; }
#menu li a {
  display:block; 
  float:left; 
  height:30px; 
  line-height:30px;
  vertical-align:middle; 
  color:#666666; 
  text-decoration:none; 
  font-size:13px; 
  font-weight:normal; 
  padding:4px 7px 0 10px;
  font-weight:bold;
  font-family:"Myriad Pro","Gill Sans","Gill Sans MT",Myriad,Tahoma,Geneva,sans serif;
  }


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#7c8289;}
#menu li:hover, #menu li.hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#666;}
#menu li:hover > a.sub {color:#fff; background-color:#7c8289;}

#menu li.current a {color:#666; background:#7c8289;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#cccccc; background:#3C3C3C url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:30px; width:120px; background:#ffcb00;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu .hover ul ul,
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:180px; padding:0; text-indent:10px; background:#7c8289; color:#fff; height:30px; line-height:30px; font-size:14px;}
#menu :hover ul li a.fly {background:#7c8289 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#ffd300; color:#000;}
#menu :hover ul :hover a.fly {background-color: #7c8289; color:#00;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:210px; padding:0; text-indent:10px; background:#7c8289; color:#ccc; font-size:14px;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

		.bordered-image {
					border:1px solid #B4B4B4;
				padding:10px;
				float:right;	
		}


/* END STEPHEN'S MENU CSS */




