/* @override http://downtownbrantford.ca/includes/css/nav.css */

/* @override http://dev3.unrml.com/includes/css/nav.css */

/* 
==============================
BIA >> Nav Styles
==============================

/* 
==============================
Navigation: Main
==============================
*/

/* Based on Son of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb 
http://htmldog.com/articles/suckerfish/dropdowns/
*/

/* --- Structure --- */

/* LEVEL 1: Main Nav Image */

#nav{
	position:relative;
	left:-1px;
}

#nav, #nav ul {
	margin: 0 0 0 -2px;
	width: 781px;
	padding: 0 0 0 0;
	list-style: none;
	z-index: 110;
	}

#nav li {
	float: left;
	margin-right: 0px;
	border:0px solid #000000;
	}
	
#nav li a {
	position:relative;
	left:1px;
	display: block;
	height: 26px;
	text-indent: -7777777px;
	margin:0 0 0 0;
	cursor: pointer;
	}

/* Make Main Nav image go to HOVER state */
#nav a:hover,
/* Even when drop-down section is selected */
#nav li:hover a, #nav li.sfhover a:hover {
	background-position:0 -52px;
	}

/* Even when drop-down section is selected */
body#nav_info:hover #sub_nav_right{
	background-position:0 -26px;
	}


/* --- Highlight Nav Image of Current Page --- */
body#pageid_home #nav_experience a,
body#pageid_news #nav_news a,
body#pageid_map #nav_map a,
body#pageid_about #nav_about a,
body#pageid_about_what_is #nav_about a,
body#pageid_about_benifits #nav_about a,
body#pageid_about_what_is #nav_about a,
body#pageid_about_city_council #nav_about a,
body#pageid_about_posted_items #nav_about a,
body#pageid_directory #nav_directory a,
body#pageid_directory_profile #nav_directory a,
body#pageid_experience #nav_experience a,
body#pageid_experience_story_brantford #nav_experience a,
body#pageid_experience_events #nav_experience a,
body#pageid_experience_festivals #nav_experience a,
body#pageid_experience_entertainment_and_arts #nav_experience a,
body#pageid_experience_campuses #nav_experience a,
body#pageid_events #nav_experience a,
body#pageid_photos #nav_experience a,
body#pageid_info #nav_info a,
body#pageid_info_open_new_busines #nav_info a,
body#pageid_info_downtown_revitalization #nav_info a,
body#pageid_info_mayor_and_council #nav_info a,
body#pageid_info_rental_and_real_estate #nav_info a,
body#pageid_info_business_events #nav_info a
{
	background-position: 0px -52px;
}
	
/* --- Nav Image Replacement --- */
#nav_news a{

	background: url(../../images/nav_news.png) top right no-repeat;
	width:74px;
	}
		
#nav_about a{
	background: url(../../images/nav_about.png) top left no-repeat;
	width:92px;
	}

#nav_experience a{
	background: url(../../images/nav_experience.png) top left no-repeat;
	width:195px;
	}
	
#nav_map a{
	background: url(../../images/nav_map.png) top left no-repeat;
	width:143px;
	}
	
#nav_directory a{
	background: url(../../images/nav_directory.png) top left no-repeat;
	width:104px;
	}

#nav_info a{
	background: url(../../images/nav_info.png) top left no-repeat;
	width:173px;
	}
	
#sub_nav_left{
	clear:both;
	position:relative;
	float:left;
	width:17px;
	height:26px;
	margin:0 -10px 0 10px;
	padding:0;
	background: url(../../images/sub_nav_left.png) top left no-repeat;
}


#sub_nav{
	position:relative;
	float:left;
	width:738px;
	height:26px;
	background: url(../../images/sub_nav.png) top left no-repeat;
	text-align:center;
	margin: 0 0 -5px 10px;
	padding: 3px 0 0;
}

#sub_nav a{
	color:#FFFFFF;
	margin:0 0 50px 0px;
	text-align:center;
	text-decoration:none;
	font-style:italic;
	margin:5px;
	font-family: Georgia;
	font-size: 11px;
}

#sub_nav a:hover{
	color:#000000;
}

#sub_nav #page_active a{
 	color:#000000;
 	cursor:text;
 }
 

#sub_nav_right{
	position:relative;
	float:left;
	width:14px;
	height:26px;
	margin:0 0 0 0px;
	padding:0;
	background: url(../../images/sub_nav_right.png) top left no-repeat;
}

body#pageid_map #sub_nav,
body#pageid_map #sub_nav_right,
body#pageid_map #sub_nav_left,
body#pageid_directory #sub_nav,
body#pageid_directory #sub_nav_right,
body#pageid_directory #sub_nav_left,
body#pageid_directory_profile #sub_nav,
body#pageid_directory_profile #sub_nav_right,
body#pageid_directory_profile #sub_nav_left,
body#pageid_news #sub_nav,
body#pageid_news #sub_nav_right,
body#pageid_news #sub_nav_left
{
	height:6px;
}

body#pageid_map #sub_nav_right,
body#pageid_directory #sub_nav_right,
body#pageid_directory_profile #sub_nav_right,
body#pageid_news #sub_nav_right
{
	background: url(../../images/sub_nav_right_small.png) top left no-repeat;
}

body#pageid_map #sub_nav_left,
body#pageid_directory #sub_nav_left,
body#pageid_directory_profile #sub_nav_left,
body#pageid_news #sub_nav_left
{
	background: url(../../images/sub_nav_left_small.png) top left no-repeat;
}


body#pageid_map #sub_nav,
body#pageid_directory #sub_nav,
body#pageid_directory_profile #sub_nav,
body#pageid_news #sub_nav
{
	background: url(../../images/sub_nav_small.png) top left no-repeat;
}

body#pageid_map #body_top,
body#pageid_directory #body_top,
body#pageid_directory_profile #body_top,
body#pageid_news #body_top
{
	background: url(../../images/body_top_small.png) top left no-repeat;
}


/*Show page active view for the corner piece automatically*/
body#pageid_news #sub_nav_left
{
	background-position: 0px -6px;
	cursor: pointer;
}

body#pageid_info #sub_nav_right,
body#pageid_info_downtown_revitalization #sub_nav_right,
body#pageid_info_open_new_busines #sub_nav_right,
body#pageid_info_mayor_and_council #sub_nav_right,
body#pageid_info_business_events #sub_nav_right,
body#pageid_info_rental_and_real_estate #sub_nav_right
{
	background-position: 0px -26px;
	cursor: pointer;
}

/*change selected pages link colour to black*/
body#pageid_about_posted_items #sub_nav_posted_items a{
color:#000000;
}


/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
םֹולָׁש 
------------------------------------------------------------------------------------------
*/