/*************************
	Header navigation
*************************/
#headerNav {
	width:240px;
	height:35px;
	float:right;
	text-align:center;
	background:url(/images/bg-header_nav.jpg) no-repeat top right;
}

#headerNav img {
	margin-top:8px;
}

#headerNav img#nav_user_login,
#headerNav img#nav_user_logout {
	float:left;
	margin-left:20px;
}

#headerNav img#nav_user_create_account {
	margin-left:18px;
	float:left;
}

#headerNav img#nav_user_my_account {
	margin-left:23px;
	float:left;
}

#headerNav img#nav_user_help {
	float:right;
	margin-right:15px;
}


/*************************
	Top navigation
*************************/
#topNav {
	height:60px;
	background:url(/images/bg-top_nav.gif) repeat-x top left;
}

ul#navPrimary {
	position:relative;
	height:30px;
	margin:0;
	padding:0;
	list-style:none;
}

ul#navPrimary li {
	float:left;
	margin:0;
	padding:0;
	background:none;
}

ul#navPrimary li a {
	display:block;
	height:30px;
}


/*** Secondary navigation ***/
ul#navPrimary li ul {
	display:none;
	position:absolute;
	left:5px;
	width:711px;
	margin:0;
	padding:0 !important;
	list-style:none;
	background:url(/images/bg-secondary_nav.gif) repeat-x;
}

ul#navPrimary li ul li {
	float:left;
	height:30px;
	margin:0 0 0 15px;
	padding:0 15px 0 0 !important;
	border:none;

}

ul#navPrimary li.on ul li a, ul#navPrimary li.off ul li a {
	background-position: 0 0;
	display: block;
	height: 30px;
}

ul#navPrimary li.on ul li a:hover, ul#navPrimary li.off ul li.off a:hover { background-position: 0 -30px; }
ul#navPrimary li.off a:hover, ul#navPrimary li.off:hover a { background-position: 0 -30px; }
ul#navPrimary li.off ul a { background-position: 0px 0px; }
ul#navPrimary li.off ul a:hover { background-position: 0px -30px; }

ul#navPrimary li.on ul {
	display: block;
}

/* Hide Secondary Navigation */
li ul li a span {display:none;}

/* Reveal Secondary Navigation */
ul#navPrimary li:hover ul, ul#navPrimary li.over ul { display: block !important; z-index:5; }
ul#navPrimary li:hover a, ul#navPrimary li.over a { background-position:0 -30px; }

/*** Primary Nav buttons ***/
ul#navPrimary li a span {display:none;}
ul#navPrimary li#navProjects a {width:157px; background:url(/images/nav-view_projects.gif) no-repeat;}
ul#navPrimary li#navMyRegistry a {width:142px; background:url(/images/nav-my_registry.gif) no-repeat;}
ul#navPrimary li#navNews a {width:89px; background:url(/images/nav-news.gif) no-repeat;}
ul#navPrimary li#navBlog a {width:87px; background:url(/images/nav-blog.gif) no-repeat;}
ul#navPrimary li#navForum a {width:96px; background:url(/images/nav-forum.gif) no-repeat;}
ul#navPrimary li#navAbout a {width:99px; background:url(/images/nav-about.gif) no-repeat;}
ul#navPrimary li#navContact a {width:115px; background:url(/images/nav-contact.gif) no-repeat; padding-right:0;}

/*** Secondary Nav buttons ***/
/*** Remove the divider from the last button ***/
ul#navPrimary li ul li#subAdvancedSearch,
ul#navPrimary li ul li#subMySavedSearches {
	background:none;
}

ul#navPrimary li ul li#subAddAProject {
	background:none;
}

ul#navPrimary li ul li#subBrowseByMaps a {width:99px; background:url(/images/nav-sub_browse_by_maps.gif);}
ul#navPrimary li ul li#subBrowseByKeywords a {width:126px; background:url(/images/nav-sub_browse_by_keywords.gif);}
ul#navPrimary li ul li#subQuickSearches a {width:91px; background:url(/images/nav-sub_quick_searches.gif);}
ul#navPrimary li ul li#subAdvancedSearch a {width:104px; background:url(/images/nav-sub_advanced_search.gif);}


ul#navPrimary li ul li#subAddAProject a {width:104px; background:url(/images/nav-sub_add_a_project.gif);}
ul#navPrimary li ul li#subMyProjects a {width:71px; background:url(/images/nav-sub_my_projects.gif);}
ul#navPrimary li ul li#subMyGroups a {width:66px; background:url(/images/nav-sub_my_groups.gif);}
ul#navPrimary li ul li#subMySavedSearches a {width:115px; background:url(/images/nav-sub_my_saved_searches.gif);}
ul#navPrimary li ul li#subMyTemplates a {width:85px; background:url(/images/nav-sub_my_templates.gif);}
ul#navPrimary li ul li#subMyOrganizations a {width:108px; background:url(/images/nav-sub_my_organizations.gif);}
ul#navPrimary li ul li#subMyAccount a {width:73px; background:url(/images/nav-sub_my_account.gif);}

ul#navPrimary li ul li#subMarketplace a {width:145px; background:url(/images/nav-sub_marketplace.gif);}
ul#navPrimary li ul li#subRegistry a {width:135px; background:url(/images/nav-sub_conservationregistry.gif);}


/*** On states ***/
body#browse li#navProjects > a, 
body#myRegistry li#navMyRegistry > a,
body#contact li#navContact > a,
body#news li#navNews > a,
body#about li#navAbout > a,
body#forum li#navForum > a {
	background-position:0 -60px !important;
}

/*** Primary on Secondary hover ***/
body#browse li#navProjects li a:hover,
body#myRegistry li#navMyRegistry li a:hover,
body#contact li#navContact li a:hover,
body#news li#navNews li a:hover,
body#about li#navAbout li a:hover {
	background-position: 0 -30px;
}


body#browse li#navProjects ul,
body#myRegistry li#navMyRegistry ul,
body#about li#navAbout ul
{
	display:block;
}


ul#navPrimary li.off a:hover, 
ul#navPrimary ul li.on a { background-position: 0 -30px !important; }


/*************************
	Left column navigation
*************************/
/*** Search ***/
#search {
	width:233px;
	height:29px;
	background:url(/images/bg-search.gif) no-repeat top left;
	border-bottom:solid 1px #FFF;
}

#search label {display:none;}

#search input#searchField {
	margin-top:5px !important;
	margin-left:77px !important;
	font-size:10px;
	vertical-align: middle;
	color:#333;
	}
	
#search input.button {
	border:none;
	vertical-align:middle;
	margin-top: 5px !important;
	margin-left: 5px !important;
}



/*** Browse ***/
#navBrowse {
	background-color:#516a85;
}

#navBrowse ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navBrowse ul li {
	margin:0;
	padding:0;
	display:inline;
	background:none;
}

#navBrowse li a {
	display:block;
	width: 233px;
	height: 29px;
	border-bottom:solid 1px #FFF;
}

#navBrowse li a:hover {background-position:0 -29px !important;}

#navBrowse li#browseKeyword a {background:url(/images/nav-browse_by_keyword.gif) no-repeat;}
#navBrowse li#browseMaps a {background:url(/images/nav-browse_by_maps.gif) no-repeat;}
#navBrowse li#quickSearches a {background:url(/images/nav-quick_searches.gif) no-repeat;}
#navBrowse li#advancedSearch a {background:url(/images/nav-advanced_search.gif) no-repeat;}

#navBrowse li a span {
	display:none;
}

/*** Admin ***/
#navAdmin {
	background-color:#6584a6;
}

#navAdmin ul {
	margin:0;
	padding:0;
	list-style:none;
	background:url(/images/bg-nav_admin.gif) repeat-x top left;
}

#navAdmin ul li {
	margin:0;
	padding:0;
	display:inline;
	background:none;
}

#navAdmin li a {
	display:block;
	width:233px;
	height:29px;
	border-bottom:solid 1px #FFF;
}

#navAdmin li a:hover {background-position:0 -29px !important;}

#navAdmin li#viewMyRegistry a {background:url(/images/nav-view_my_registry.gif) no-repeat;}
#navAdmin li#addProjects a {background:url(/images/nav-add_a_project.gif) no-repeat;}
#navAdmin li#supportTheRegistry a {background:url(/images/nav-support_the_registry.gif) no-repeat;}

#navAdmin li a span {display:none;}


/*** Text lists ***/
#textLists {
	padding-top:2px;
	background:url(/images/bg-sidebar_gradient.gif) repeat-x top left;
}

#textLists a {text-decoration:underline; color:#369;}
#textLists a:link {text-decoration:underline; color:#369;}
#textLists a:visited {text-decoration:underline; color:#369;}
#textLists a:hover {text-decoration:none; color:#369;}
#textLists a:active {text-decoration:none; color:#777;}

#textLists h3 {
	margin:10px 10px 2px 20px;
	padding:0;
	font-size:12px;
	color:#036;
}

#textLists p {
	margin:0 10px 4px 20px;
	padding:0;
}

#textLists form {
	margin:0 10px 12px 10px;
	padding:0 10px 10px 10px;
	border-bottom:dotted 1px #7b93ad;
}

#textLists ul {
	margin:0 10px 12px 10px;
	padding:0 10px 10px 10px;
	list-style:none;
	border-bottom:dotted 1px #7b93ad;
}

#textLists ul li {
	margin:0 0 8px 0;
	padding:0 0 0 14px;
	background:url(/images/bullet-arrow_blue.gif) no-repeat 0 4px;
	line-height:13px;
}

#textLists ul li img {
	vertical-align:middle;
}


/*** Sidebar Tools ***/
#navAppTools .toolsItem {
	padding:15px 10px 8px 20px;
	background:url(/images/bg-sidebar_gradient.gif) repeat-x top left;
}

#navAppTools .toolsItem p img {
	vertical-align:middle;
}

#navAppTools h4 {
	margin:0;
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
	padding:8px 10px 8px 20px;
	letter-spacing:1px;
	border-top:solid 1px #1e4a7b;
	background:#2d5b8e url(/images/bg-app_tools.gif) repeat-x top left;
	color:#FFF;
	text-shadow:0 1px 2px #222;
}

#navAppTools h4 img {
	width:16px;
	height:16px;
	vertical-align:top;
	margin-right:3px;
}

/*#navAppTools h5 {
	margin:0;
	padding:0 20px 4px 20px;
	font-size:11px;
	font-weight:bold;
}*/

#navAppTools h5 {
	margin:0;
	padding:6px 20px;
	font-size:12px;
	text-shadow:0 1px 2px #333;
	color:#FFF;
	background-color:#3273aa;
}

#navAppTools h5.green {
	background:#6aac33 url(/images/bg-heading_green.gif) repeat-x top left;
}

#navAppTools h5.blue {
	background:#3273aa url(/images/bg-heading_blue.gif) repeat-x top left;
}

#navAppTools h5.yellow {
	background:#ffa800 url(/images/bg-heading_yellow.gif) repeat-x top left;
}

#navAppTools h5.orange {
	background:#ff6600 url(/images/bg-heading_orange.gif) repeat-x top left;
}

#navAppTools h5.fuchsia {
	background:#d42ace url(/images/bg-heading_fuchsia.gif) repeat-x top left;
}

#navAppTools label {
	font-weight:normal;
	color:#222;
}

#navAppTools p {
	margin:0 0 6px 0;
	padding:0;
	line-height:14px;
	color:#444;
}

#navAppTools p.tool_instructions {
	padding-bottom:10px;
	border-bottom:solid 1px #a6bbd1;
	margin-bottom:12px;
}

#navAppTools ul {
	padding:0 15px 5px 0;
	margin:0 0 12px 0;
	list-style:none;
	border-bottom:solid 1px #a6bbd1;
}

#navAppTools ul li {
	margin:0 0 7px 0;
	padding:0;
	line-height:14px;
	background:none;
}

/* TODO: See if the following is still being used anywhere

#navAppTools ul.checkboxList {
	padding:0 0 0 10px;
	margin:0 !important;
}

#navAppTools ul.checkboxList li {
	margin:0 0 4px 0;
}

#navAppTools ul.checkboxList li ul {
	padding-top:8px;
}

#navAppTools li ul.checkboxList li {
	margin:0 0 4px 0;
	padding:0;
	line-height:14px;
}

#navAppTools li ul.checkboxList {
	margin-left:12px !important;
	padding-left:15px;
	background:url(/images/bg-checkbox_list_blue.gif) repeat-y top left !important;
}

#navAppTools li ul.checkboxList li label {
	font-weight:normal;
}*/

#navAppTools ul.selectedCriteria {
	margin:0 15px 0 25px !important;
	padding:0 0 12px 0 !important;
	list-style:none;
}

#navAppTools ul.selectedCriteria li {
	margin:0 0 6px 0 !important;
	padding:0 !important;
	line-height:14px;
}

#navAppTools .divider {
	padding-top:15px;
	margin-top:20px;
	border-top:solid 2px #b5c6d8;
}