/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

.pad {
padding: .85em .10em .40em .10em;		/* padding for main menu tab - top, left, bottom, right */
font-weight: bold;
line-height:10px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:39px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;         /* this (and also below) sets the menu's font size */
	line-height: 12px;
}

.menu img.menudivider {
	border: 0;
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	/*line-height:2%;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	/* Not required - setting won't affect the menu
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	*/
	/*text-align: center;   /* this sets menu to align center*/
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-weight: normal;      /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;               /* dropdown menu - this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;	/* Required - will affect the main menu and dropdown list */						
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height: 39px;							/* these 2 lines create the push-in illusion */
	color: #ffffff;							/* do not change this setting */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;  /* Required - will affect the mouseover of main menu and dropdown list */					
}

/*---- ABOUT US ---- */
.menu ul li a.aboutus_off,
.menu ul li a.aboutus_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 67px;
}

.menu ul li:hover a.aboutus_off,
.menu ul li a.aboutus_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#DA581B;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 67px;
}

.menu ul li a.aboutus_on,
.menu ul li a.aboutus_on:visited {       /* unselected top-level menu items */
	background-color:#DA581B;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 67px;
}

.menu ul li:hover a.aboutus_on,
.menu ul li a.aboutus_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#DA581B;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 67px;
}

/*---- Thinking about Exporting ---- */
.menu ul li a.thinkingexport_off, 
.menu ul li a.thinkingexport_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 124px;		
}

.menu ul li:hover a.thinkingexport_off,
.menu ul li a.thinkingexport_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#891721;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 124px;	
}

.menu ul li a.thinkingexport_on, 
.menu ul li a.thinkingexport_on:visited {       /* unselected top-level menu items */
	background-color:#891721;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 124px;		
}

.menu ul li:hover a.thinkingexport_on,
.menu ul li a.thinkingexport_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#891721;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 124px;	
}

/*---- Preparing to Export ---- */
.menu ul li a.preparingexport_off, 
.menu ul li a.preparingexport_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 61px;	
}

.menu ul li:hover a.preparingexport_off,
.menu ul li a.preparingexport_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#00949B;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 61px;	
}

.menu ul li a.preparingexport_on, 
.menu ul li a.preparingexport_on:visited {       /* unselected top-level menu items */
	background-color:#00949B;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 61px;		
}

.menu ul li:hover a.preparingexport_on,
.menu ul li a.preparingexport_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#00949B;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 61px;	
}

/*---- Developing Your Export Markets ---- */
.menu ul li a.developingexport_off, 
.menu ul li a.developingexport_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 106px;	
}

.menu ul li:hover a.developingexport_off,
.menu ul li a.developingexport_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#008066;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 106px;	
}

.menu ul li a.developingexport_on, 
.menu ul li a.developingexport_on:visited {       /* unselected top-level menu items */
	background-color:#008066;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 106px;	
}

.menu ul li:hover a.developingexport_on,
.menu ul li a.developingexport_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#008066;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 106px;	
}

/*---- Industry Profiles ---- */
.menu ul li a.industryprofiles_off, 
.menu ul li a.industryprofiles_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 55px;	
}

.menu ul li:hover a.industryprofiles_off,
.menu ul li a.industryprofiles_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#336699;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 55px;	
}

.menu ul li a.industryprofiles_on, 
.menu ul li a.industryprofiles_on:visited {       /* unselected top-level menu items */
	background-color:#336699;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 55px;	
}

.menu ul li:hover a.industryprofiles_on,
.menu ul li a.industryprofiles_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#336699;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 55px;	
}

/*---- Trade Events ---- */
.menu ul li a.tradeevents_off, 
.menu ul li a.tradeevents_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 71px;	
}

.menu ul li:hover a.tradeevents_off,
.menu ul li a.tradeevents_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#68274D;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 71px;	
}

.menu ul li a.tradeevents_on, 
.menu ul li a.tradeevents_on:visited {       /* unselected top-level menu items */
	background-color:#68274D;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 71px;	
}

.menu ul li:hover a.tradeevents_on,
.menu ul li a.tradeevents_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#68274D;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 71px;	
}

/*---- Success and Testimonials ---- */
.menu ul li a.success_off,
.menu ul li a.success_off:visited {       /* unselected top-level menu items */
	background: url('/img/mainNav_spcr.jpg');
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 60px;	
}

.menu ul li:hover a.success_off,
.menu ul li a.success_off:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#7A430C;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	/*width: 60px; */
	width: 64px;		
	/* 64px is correct width but need to reduce to 60px for others because of print problem
	for IE, FF and Opera  */		
}

.menu ul li a.success_on,
.menu ul li a.success_on:visited {       /* unselected top-level menu items */
	background-color:#7A430C;
	display:block;
	float:left;
	text-decoration:none;
	height: 39px;
	color: #ffffff;
	width: 60px;	
}

.menu ul li:hover a.success_on,
.menu ul li a.success_on:hover {                        /* selected top-level menu items */
	/* hide background and colour background to remove IE mouseover flickering */
	background:transparent;
	background-color:#7A430C;
	height: 39px;							/* do not change this setting */
	color: #ffffff;
	width: 60px;	
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {              	/* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:39px;              				/* place us just up underneath the top-level images */
	left:-1px;       					/* left-align our drop-down to the previous button border */
	height:auto;      					/* the drop-down height will be determined by line count */
	background:#CCCCCC;        			/* this sets our menu's effective "border" color */	
	width:18.4em;				/* this sets default width of the drop-down menu - need to add 0.5 for padding */
	line-height:16px;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {		/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {        	/* 2nd level unselected items */
	border:0;
	margin:0;
	/*padding:0;*/
	padding:0px 0px 0px 4px; 			/* padding for main menu tab - top, right, bottom, left */
	height:0;
	color:#0151FF;               		/* this sets the unselected drop-down text color */
	background:#EEEEEE;       			/* this sets the drop-down menu background color */
	width:20em;							/* this sets width of the drop-down menu */
	text-align: left;        			/* this sets alignment of the drop-down menu to left*/	
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	background:#DDDDDD;
	color: red;
}

/*======================== SET WIDTH FOR ALL DROPDOWN SUBMENUS ========================*/
/*========= Firefox and Opera required to set height: auto for all dropdown submenus =========*/

/* ---- set width for dropdown submenu About Us ---*/
.menu ul li:hover ul.submenu_aboutus,
.menu ul li a:hover ul.aboutus{             /* 2nd level skinny drop-down box */
	height: auto;
	width: 32.8em;   							/* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_aboutus li a,
.menu ul li a:hover ul.submenu_aboutus li a,
.menu ul li:hover ul.submenu_aboutus li a:hover,
.menu ul li a:hover ul.aboutus li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 36em;		 /* with a 12px default font, this is 97px width (97/12) */
}

/* ---- set width for dropdown submenu Thinking About Exporting ---*/
.menu ul li:hover ul.submenu_thinkingexport,
.menu ul li a:hover ul.thinkingexport{             /* 2nd level skinny drop-down box */
	height: auto;
	width: 35.5em;   							/* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_thinkingexport li a,
.menu ul li a:hover ul.submenu_thinkingexport li a,
.menu ul li:hover ul.submenu_thinkingexport li a:hover,
.menu ul li a:hover ul.thinkingexport li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 39em;
}

/* ---- set width for dropdown submenu Preparing to Export  ---*/
.menu ul li:hover ul.submenu_preparingexport,
.menu ul li a:hover ul.submenu_preparingexport {             /* 2nd level skinny drop-down box */
	height: auto;
	width: 38.2em;   										/* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_preparingexport li a,
.menu ul li a:hover ul.submenu_preparingexport li a,
.menu ul li:hover ul.submenu_preparingexport li a:hover,
.menu ul li a:hover ul.submenu_preparingexport li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 42em;
}

/* ---- set width for dropdown submenu Developing Your Export Markets  ---*/
.menu ul li:hover ul.submenu_developingexport,
.menu ul li a:hover ul.submenu_developingexport {             /* 2nd level skinny drop-down box */
	height: auto;
	width: 36.4em;   										/* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_developingexport li a,
.menu ul li a:hover ul.submenu_developingexport li a,
.menu ul li:hover ul.submenu_developingexport li a:hover,
.menu ul li a:hover ul.submenu_developingexport li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 40em;
}

/* ---- set width for dropdown submenu Industry Profiles ---*/
.menu ul li:hover ul.submenu_industryprofiles,
.menu ul li a:hover ul.submenu_industryprofiles {             /* 2nd level skinny drop-down box */
	height: auto;
	width: 12.1em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_industryprofiles li a,
.menu ul li a:hover ul.submenu_industryprofiles li a,
.menu ul li:hover ul.submenu_industryprofiles li a:hover,
.menu ul li a:hover ul.submenu_industryprofiles li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 13em;
}

/* ---- set width for dropdown submenu trade events ---*/

.menu ul li:hover ul.submenu_tradeevents,
.menu ul li a:hover ul.submenu_tradeevents {             /* 2nd level skinny drop-down box */
	height: auto;
	width: 26.5em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_tradeevents li a,
.menu ul li a:hover ul.submenu_tradeevents li a,
.menu ul li:hover ul.submenu_tradeevents li a:hover,
.menu ul li a:hover ul.submenu_tradeevents li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 29em;
}

/* ---- set width for dropdown submenu success & testimonials ---*/

.menu ul li:hover ul.submenu_success,
.menu ul li a:hover ul.submenu_success {             /* 2nd level skinny drop-down box */
	height: auto;
	width: 28.8em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.submenu_success li a,
.menu ul li a:hover ul.submenu_success li a,
.menu ul li:hover ul.submenu_success li a:hover,
.menu ul li a:hover ul.submenu_success li a:hover {     /* 2nd level un+selected items */
	height: auto;
	width: 32em;
}