/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	CAMA
	Author:	Darren Gould
	Date:	July, 2009
		
*/

/* ===================================================================================== COMMON ELEMENTS */

.horizNavSeparator {
	padding: 0px 7px 0px 7px;
}




/* ===================================================================================== TOP NAVIGATION */

#topNav a, #topNav a:active, #topNav a:visited {
	font-size: 9px;
	letter-spacing: 0em;
	color: #089341;
	text-decoration: none;
}

#topNav a:hover {
	text-decoration: underline;
}




/* ===================================================================================== MAIN NAVIGATION */

/* ========== Global (Level 1) Navigation ========== */

#nav {
    position: absolute;
    left: 0;
	margin: 0;
	padding: 0;
	width: 761px;
	list-style-type: none;
	list-style-image: none;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#navTab01, #navTab02, #navTab03, #navTab04, #navTab05 {
	float: left;
	position: relative;
}

a.mainNavItem, a.mainNavItem:active, a.mainNavItem:visited {
	float: left;
	padding: 0;
	height: 51px;
	background-image: url(/en/images/_template/mainNav.jpg);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#navTab01 a.mainNavItem { width: 151px; background-position: 0px 0px; }
#navTab02 a.mainNavItem { width: 181px; background-position: -151px 0px; }
#navTab03 a.mainNavItem { width: 181px; background-position: -332px 0px; }
#navTab04 a.mainNavItem { width: 111px; background-position: -513px 0px; }
#navTab05 a.mainNavItem { width: 137px; background-position: -624px 0px; }

#navTab01 a.mainNavItem:hover { background-position: 0px -51px; }
#navTab02 a.mainNavItem:hover { background-position: -151px -51px; }
#navTab03 a.mainNavItem:hover { background-position: -332px -51px; }
#navTab04 a.mainNavItem:hover { background-position: -513px -51px; }
#navTab05 a.mainNavItem:hover { background-position: -624px -51px; }

#navTab01 a.current { background-position: 0px -102px; }
#navTab02 a.current { background-position: -151px -102px; }
#navTab03 a.current { background-position: -332px -102px; }
#navTab04 a.current { background-position: -513px -102px; }
#navTab05 a.current { background-position: -624px -102px; }


/* ========== Drop-down (Level 2) Navigation ========== */

#mainNav ul.dropdown, #nav ul.flyout {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 51px; /* Height of main navigation item */
	list-style-image: none;
	list-style-type: none;
	/*width: 220px;*/
	border-left: solid 1px #6E6E6E;
	border-right: solid 1px #6E6E6E;
	z-index: 1000;
}

#mainNav ul.lastMainNavDropdown {
	left: auto; /* Required for 'right' to work */
	right: 0px;
	border-left: solid 1px #6E6E6E;
	border-right: solid 1px #6E6E6E;
}

#mainNav ul.dropdown li {
	background-color: #FFF;
	border-bottom: solid 1px #6E6E6E;
	position: relative;
}
	
#mainNav ul.dropdown li a, #mainNav ul.dropdown li a:active, #mainNav ul.dropdown li a:visited {
	display: block;
	padding: 3px 3px 3px 3px;
	width: 220px;				
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #BE8329;
	cursor: pointer;	
}
		
#mainNav ul.dropdown li a:hover {
	background-color: #BE8329;
	color: #FFF;
}


#nav ul.flyout
{
	border-top: solid 1px #8aa032;
	top: 0px;
	left: 226px;
	z-index: 1001;
}

	#nav ul.lastMainNavDropdown ul
	{
		left: -226px;
		z-index: 1001;
		width: 226px !important;
	}
	
	/* IE 6 only - Drop-down was bumpped to the left 1px */
	* html #nav div ul.lastMainNavDropdown
	{
		left: auto;
		right: -1px;
		z-index: 1000;
	}

	#nav ul a, #nav ul a:active, #nav ul a:visited
	{
		display: block;
		background-color: #fff;
		color: #8aa032;
		width: 200px;
		padding: 2px 10px 2px 10px;
		text-decoration: none;
	}
	
		#nav ul a:hover
		{
			background-color: #8aa032;
			color: #fff;
		}
		
	#nav ul a.dropdownItemHasFlyout
	{
		background: #fff url(/images/_template/right_arrow_green.gif) no-repeat 212px 7px;
	}	

		#nav ul a.dropdownItemHasFlyout:hover
		{
			background: #8aa032 url(/images/_template/right_arrow_white.gif) no-repeat 213px 7px;
			color: #fff;
		}




/* ===================================================================================== HOME PAGE BANNER BUTTONS  */

#homepageBannerButtons #sideListActions {
	float: left;
	margin: 0;
	padding: 0;
	width: 248px;
	list-style-type: none;
}

#homepageBannerButtons #sideListActions li {
	float: left; /* This fixes the */
	width: 100%; /* IE whitespace bug */
	margin: 0;
	padding: 0;
}

#homepageBannerButtons #sideListActions a {
	display: block;
	background: url(/en/images/_template/home_bannerbuttons.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#homepageBannerButtons #sideListActions li#membersSection a {
	height: 76px;
	background-position: 0 0;
}

#homepageBannerButtons #sideListActions li#joinCama a {
	height: 72px;
	background-position: 0 -152px;
}

#homepageBannerButtons #sideListActions li#membersSection a:hover { background-position: 0 -76px; }

#homepageBannerButtons #sideListActions li#joinCama a:hover { background-position: 0 -224px; }




/* ===================================================================================== ACTIONS  */

#actions a, #actions a:active, #actions a:visited {
	position: relative;
	padding: 0 0 0 15px;
	height: 16px;
	text-decoration: none;
	color: #737373;
}

#actions a:hover {
	color: #737373;
	text-decoration: underline;
}

#actions .printLink img,
#actions .rssLink img,
#actions .emailLink img,
#actions .ShareLink img {
    padding-right: 3px;
}




/* ===================================================================================== BREADCRUMBS  */

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
	text-decoration: none;
	color: #505050;
}

#breadcrumbs a:hover {
	text-decoration: underline;
	color: #505050;
}

#breadcrumbs .horizNavSeparator {
	padding: 0 1px 0 3px;
}




/* ===================================================================================== CONTENT BUTTONS */

/* ===== Action Buttons ===== */
#contentButtonsContainer #sideListActions li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#contentButtonsContainer #sideListActions a {
	display: block;
	height: 44px;
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	cursor: pointer;
}

#contentButtonsContainer #sideListActions li#membersSection a {
	background-image: url(/en/images/_template/sideBtns_membersSection.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#contentButtonsContainer #sideListActions li#joinCama a {
	background-image: url(/en/images/_template/sideBtns_joinCama.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#contentButtonsContainer #sideListActions li#membersSection a:hover,
#contentButtonsContainer #sideListActions li#joinCama a:hover {
	background-position: -241px 0;
}


/* ===== Information Buttons ===== */

#sideListInformation li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#sideListInformation a {
	display: block;
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	cursor: pointer;
}

#sideListInformation #btn_annualConference a {
	height: 71px;
	background-image: url(/en/images/_template/sideBtns_annualConference.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sideListInformation #btn_literacyLearning a {
	height: 73px;
	background-image: url(/en/images/_template/sideBtns_literacyLearning.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sideListInformation #btn_askCama a {
	height: 66px;
	background-image: url(/en/images/_template/sideBtns_askCama.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sideListInformation #btn_eBrief a {
	height: 67px;
	background-image: url(/en/images/_template/sideBtns_eBrief.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sideListInformation #btn_jobScene a {
	height: 78px;
	background-image: url(/en/images/_template/sideBtns_jobScene.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sideListInformation #btn_annualConference a:hover,
#sideListInformation #btn_literacyLearning a:hover,
#sideListInformation #btn_askCama a:hover,
#sideListInformation #btn_eBrief a:hover {
	background-position: -241px 0;
}

#sideListInformation li ul {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#sideListInformation li ul li {
	float: left;
}

#sideListInformation #btn_viewJobPostings a {
	position: absolute;
	left: 25px;
	top: 27px;
	width: 105px;
	height: 17px;
	background: url(/en/images/_template/sideBtns_viewJobPostings.jpg) 0 0;
}

#sideListInformation #btn_addJob a {
	position: absolute;
	left: 132px;
	top: 27px;
	width: 59px;
	height: 17px;
	background: url(/en/images/_template/sideBtns_addJob.jpg) 0 0;
}

#sideListInformation #btn_viewJobPostings a:hover {
	background-position: 0 -17px;
}

#sideListInformation #btn_addJob a:hover {
	background-position: 0 -17px;
}




/* ===================================================================================== FOOTER NAVIGATION */

#footer a, #footer a:active, #footer a:visited {
	color: #294762;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .horizNavSeparator {
	padding: 0px 3px 0px 3px;
}




/* ----- END OF TEMPLATE ----- */