﻿/*

	Website navigation styles
	
	Author:		Jay Dobson <jdobson@esolutionsgroup.ca>
	Date:		October 14, 2008

*/

/* 

	Top navigation styles 
	
*/

#topNav a, #topNav a:visited, #topNav a:active
{
	color: #878787;
	text-decoration: none;
	font-weight: bold;
}

#topNav a:hover
{
	text-decoration: underline;
}

/* 

	Main navigation styles 
	
*/
#mainNav a {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a#navTab1 img, a#navTab2 img, a#navTab3 img, a#navTab4 img, a#navTab5 img, a#navMemberLogin img, a#navLRISLogin img
{
	height: 28px;
	overflow: hidden;
}

a#navTab1 img
{
	width: 90px;
	background: #ffffff url(/images/nav/nav_home.jpg) no-repeat 0px 0px;
}

a#navTab2 img
{
	width: 140px;
	background: #ffffff url(/images/nav/nav_about.jpg) no-repeat 0px 0px;
}

a#navTab3 img
{
	width: 174px;
	background: #ffffff url(/images/nav/nav_events.jpg) no-repeat 0px 0px;
}

a#navTab4 img
{
	width: 81px;
	background: #ffffff url(/images/nav/nav_careers.jpg) no-repeat 0px 0px;
}

a#navTab5 img
{
	width: 104px;
	background: #ffffff url(/images/nav/nav_join_us.jpg) no-repeat 0px 0px;
}

a#navMemberLogin img
{
	width: 154px;
	background: #ffffff url(/images/nav/nav_member_login.jpg) no-repeat 0px 0px;
}

a#navLRISLogin img
{
	width: 118px;
	background: #ffffff url(/images/nav/nav_lris_login.jpg) no-repeat 0px 0px;
}

#mainNav a.current img, #mainNav a:hover img
{
	background-position: 0px -28px;
}

/*

	Sub navigation styles

*/

#subNav a.subNavLink, #subNav a.subNavLink:active, #subNav a.subNavLink:visited
{
	display: block;
	float: left;
	color: #58639a;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px 15px 0px 0px;
}

#subNav a.subNavLink:hover 
{
	color: #996fbf;
	text-decoration: none;
}

#subNav a.subNavLinkLast
{
	padding: 0px 0px 0px 0px !important;
}

/* 

	Footer navigation styles 
	
*/

#footer, #footer p, #footer a, #footer a:active, #footer a:visited
{
	font-size: 1em;
	color: #4b4b4b;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

/*

	Google Translate
	
*/

#googleTranslate a, #googleTranslate a:visited, #googleTranslate a:active, #googleTranslate a:hover
{
	color: #4b4b4b;
	text-decoration: none;
}

a#translateLink, a#translateLink:active, a#translateLink:visited, a#translateLink:hover
{
	float: left;
	width: auto;
	clear: both;
	border: 0px;
	display: block;
	cursor: pointer;
	overflow: visible;
}

	a#translateLink:hover 
	{
		border-bottom: solid 1px #ffffff;
	}

	#googleTranslate table 
	{
		border-collapse: collapse;
		margin: 0px !important; 
		padding: 0px !important;
		position: relative;
		clear: both;
		margin-top: -1.2em;
		left: -100%;
	}
		
	#googleTranslate ul
	{
		padding: 0px; 
		margin: 0px; 
		list-style-type: none;
	}

		#googleTranslate ul li 
		{
			float: left; 
			position: relative;
			padding: 0px;
			margin: 0px;
		}

			#googleTranslate ul li ul 
			{
				position: absolute; 
				top: 1.2em; 
				left: 0px; 
				list-style-image: none; 
				list-style-type: none; 
				display: block;
				padding: 0px;
				margin: 0px;
				border: solid 1px #afaeae;
				width: 148px;
				visibility: hidden;
			}
			
		#googleTranslate ul li:hover ul, a#translateLink:hover ul
		{
			visibility: visible !important;
		}

				/*style of 2nd level list*/
				#googleTranslate ul li ul li
				{
					float: left;
					width: inherit;
					overflow: hidden;
					background-color: #fff;	
					text-align: left;
					border: 0px;
				}

				/* Submenu Link */	
				#googleTranslate ul li ul li a, #googleTranslate ul li ul li a:visited, #googleTranslate ul li ul li a:active
				{
					display: block;
					color: #696969;
					background-image: none;	
					padding: 5px 10px 5px 10px;
					width: 128px;
					font-size: 1em;
					text-align: left;	
					border: 0px;
				}

				#googleTranslate ul li ul li a:hover
				{
					background-color: #8452b0;
					color: #ffffff; 
					text-decoration: none;
					border: 0px;
				}

				#googleTranslate li.last a
				{
					border-bottom: 0px;
				}	