/****************************************************************************************************
- Styles in this sheet are used for customising the navigation of the site.
****************************************************************************************************/

/* Main Navigation */

/******navigation******/


#nav {/*width:745px height:32px; border-right:1px solid #000;background-image:url(../../im/main_nav_bg.jpg); background-repeat:no-repeat;*/ width:704px; height:28px; font-size:14px; position:relative; z-index:0; _margin-bottom:0px; margin-top:75px; *margin-top:0; text-align:left; padding-right:23px; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;color: #ffffff; margin-left: -100px; }
/* hack to correct IE5.5 faulty box model */
* html #nav {/*width:746px; w\idth:745px;*/ width:705px; w\idth:704px;}
/* remove all the bullets, borders and padding from the default list styling */


#nav li {
	float: left;
	position: relative;
}

#nav a {
	text-indent: -9999px;
}

#nav a:hover {
	background-position: 0 -28px;
}

#nav li ul a {
	text-indent: 0;
}

#nav li ul {
	width: 126px;
	position: absolute;
	left: -10000px;
	text-align:left;
	list-style-type: none;
	top: 28px;
	border-top: 1px solid #ffffff;

}
		
#nav li:hover ul, #nav li.sfhover ul {
	display: block;
	left: 0;
}
		
#nav li li a {
	padding: 2px 5px 2px 8px;
	width: 126px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #acbdd1;
	border: 1px solid #7d98b6;
	border-top: none;
	/*margin-left: -13px;*/
}

#nav li li a:hover {
	background-color: #284972;
	clear: both;
}

/*pseudo-class allowing main nav to be remain 
 * focused when focus is on drop-down nav*/
#nav :hover > a, #nav ul ul :hover > a {
		background-position: 0 -28px;
		}

#home {
	width: 77px;
	height: 28px;
	background: url(../../im/tab_home.gif) top left no-repeat;
	display: block;
}

#why_choose_us {
	width: 116px;
	height: 28px;
	background: url(../../im/tab_why_choose_us.gif) top left no-repeat;
	display: block;
}

#our_community {
	width: 117px;
	height: 28px;
	background: url(../../im/tab_our_community.gif) top left no-repeat;
	display: block;
}

#our_schools {
	width: 101px;
	height: 28px;
	background: url(../../im/tab_our_schools.gif) top left no-repeat;
	display: block;
}

#how_to_apply{
	width: 97px;
	height: 28px;
	background: url(../../im/tab_how_to_apply.gif) top left no-repeat;
	display: block;
}

#giving_to_tanglin{
	width: 113px;
	height: 28px;
	background: url(../../im/tab_giving_to_tanglin.gif) top left no-repeat;
	display: block;
}

#useful_downloads{
	width: 83px;
	height: 28px;
	background: url(../../im/tab_useful_downloads.gif) top left no-repeat;
	display: block;
}


/******'where you are' nav******/

#homePage #home {
	width: 77px;
	height: 28px;
	background: url(../../im/tab_home.gif) 0 -28px no-repeat;
	display: block;
} 

#why_choose_usPage #why_choose_us {
	width: 116px;
	height: 28px;
	background: url(../../im/tab_why_choose_us.gif) 0 -28px no-repeat;
	display: block;
}

#our_communityPage #our_community {
	width: 117px;
	height: 28px;
	background: url(../../im/tab_our_community.gif) 0 -28px no-repeat;
	display: block;
}

#our_schoolsPage #our_schools {
	width: 101px;
	height: 28px;
	background: url(../../im/tab_our_schools.gif) 0 -28px no-repeat;
	display: block;
}
#how_to_applyPage #how_to_apply{
	width: 97px;
	height: 28px;
	background: url(../../im/tab_how_to_apply.gif) 0 -28px no-repeat;
	display: block;
}

#giving_to_tanglinPage #giving_to_tanglin{
	width: 113px;
	height: 28px;
	background: url(../../im/tab_giving_to_tanglin.gif) 0 -28px no-repeat;
	display: block;
}

#useful_downloadsPage #useful_downloads{
	width: 83px;
	height: 28px;
	background: url(../../im/tab_useful_downloads.gif) 0 -28px no-repeat;
	display: block;
}


/******'where you are' nav for submenu******/

.stayed{color:#95c5f0;	text-decoration: none;}