/************************************************

CONTEXT:		Boilerplate Template
SITE:		  	Moorfields School
FILE:		  	navigation.css
DESCRIPTION:  	File Defines Navigation eleements (May be some cross over in layout for main and top nav)

************************************************/

/* @group 1.Generic navigation */
	a			{color: #D20C0C; text-decoration:none; border-bottom: 1px solid #D20C0C; }
	a:link		{color: #D20C0C; text-decoration:none;}
	a:visited 	{color: #D20C0C; text-decoration:none; border: 0; }
	a:hover 	{color: #D20C0C; text-decoration:none; border-bottom: 1px solid #D20C0C; }
	a:focus 	{color: #D20C0C; text-decoration:none; border-bottom: 1px solid #D20C0C; }
	a:active 	{color: #D20C0C; text-decoration:none; border-bottom: 1px solid #D20C0C; } 
	
a.doc			 {background: url(../img/bg_content/link_doc.png) no-repeat 0 0; padding: 2px 0 2px 25px; border:none;} 
	
/* @end */
	
/* @group 2.Layout */

	/* Main Nav */
		#nav-main a			{color: #1e3415; border: 0;}
		#nav-main a:link	{color: #1e3415; }
		#nav-main a:visited {color: #1e3415; }
		#nav-main a:hover 	{color: #b0120e; }
		#nav-main a:focus 	{color: #b0120e; }
		#nav-main a:active 	{color: #1e3415; }

		#nav-main li.selected				{ }
		#nav-main li.selected a				{color: #D30C0C; border: 0;}
		#nav-main li.selected a:link		{color: #D30C0C; }
		#nav-main li.selected a:visited 	{color: #D30C0C; }
		#nav-main li.selected a:hover 		{color: #D30C0C; }
		#nav-main li.selected a:focus 		{color: #D30C0C; }
		#nav-main li.selected a:active 		{color: #D30C0C; }
		
	/* Apply cascading colour to lower items */
		#nav-main li.selected ul.sub-nav li a 										{ color: #1F450C;border: 0;}
		#nav-main li.selected ul.sub-sub-nav li a 									{ color: #1F450C;}
		
		#nav-main li.selected ul.sub-nav li.selected a 								{ color: #D30C0C;border: 0;}
		#nav-main li.selected ul.sub-nav li.selected ul.sub-sub-nav li a 			{ color: #1F450C;}
		
		#nav-main li.selected ul.sub-nav li.selected ul.sub-sub-nav li.selected a 	{ color: #D30C0C;border: 0;}
		
	/* Button BG States */
	
		#nav-main				{background: url(../img/bg_layout/nav_main_bg.png) no-repeat 0 0; display:inline; float:left; height:42px; width:951px; position:relative; z-index: 10; margin-top:-18px; padding-left:20px;} 
		#nav-main li			{display:inline; float:left; margin: 13px 0;}
		#nav-main li a			{border-right:1px solid #1e3415; font: 94% "Georgia", Times New Roman, Times, serif;text-transform:uppercase; padding: 0 5px;}
		#nav-main li.last a		{border:none;}
		#nav-about-us,
		#nav-contact			 { display:none;} 
		
		#nav-alt 				{position:absolute; top:122px; right:38px; margin:0; padding:0; z-index: 10;} 
		#nav-alt li				{border:none; display:inline; margin:0; padding:0;} 
		#nav-alt li a			{border:none; color:#fff; font:100% "Georgia", Times New Roman, Times, serif; text-transform:uppercase; margin:0;}
		#nav-alt li.about a		{border-right:1px solid #fff; padding-right: 13px; margin-right: 8px;}
		
	/* Side Nav */
	
		#nav-side					{margin: 20px 0 0 5px; position:relative; z-index: 100; width: 200px;}
		#nav-side li				{background: url(../img/bg_layout/nav_divider.gif) no-repeat 10px bottom; width:225px;} 
		#nav-side li a		 		{border:none; color: #4c4637; display:block; font: 100% "Georgia", Times New Roman, Times, serif; height:40px; line-height: 40px; padding-left: 35px; text-transform:uppercase;}
		#nav-side li a:hover		{border:none; color:#b00b0d;} 
		#nav-side li.selected a	 	{background: url(../img/bg_layout/nav_selected.png) no-repeat 0 0; color:#b00b0d; margin-top: -1px;}
		#nav-side li.selected .sub-nav li a	 	{background: none; color: #4c4637; margin-left: 20px; font-style:italic; color: #2C5412;}
		#nav-side li.selected .sub-nav li a:hover	 	{background: none; color: #b00b0d;} 
		
		#nav-side li ul li a      {font-size: 93%;}
		
	/* Apply cascading colour to lower items */
		#nav-main li.selected ul.sub-nav li a 										{ color: #1F450C; }
		#nav-main li.selected ul.sub-sub-nav li a 									{ color: #1F450C;   }
		
		#nav-main li.selected ul.sub-nav li.selected a 								{ color: #D30C0C; }
		#nav-main li.selected ul.sub-nav li.selected ul.sub-sub-nav li a 			{ color: #1F450C; }
		
		#nav-main li.selected ul.sub-nav li.selected ul.sub-sub-nav li.selected a 	{ color: #D30C0C; }
		
	/* Button BG States */
		#nav-main ul li		{ width:229px; }
		#nav-main ul li a	{ display: block; padding: 10px 0 0 35px; width: 195px; height: 29px; font-family: Georgia, Times New Roman, Times, serif; font-size: 135%; }
		
	/* Main Graphical Background Sprite (top level items only) */
		#nav-main ul li a					{ background: url(../img/nav/img-bg-ir-nav-sprite-02.png) 0 -81px no-repeat; }
		
		#nav-main ul li.selected a,
		#nav-main ul li.selected a:hover,
		#nav-main ul li.selected a:focus 	{ background: url(../img/nav/img-bg-ir-nav-sprite-02.png) 0 0 no-repeat;  }
		
		#nav-main ul li a:hover,
		#nav-main ul li a:focus	 			{ background: url(../img/nav/img-bg-ir-nav-sprite-02.png) 0 -40px no-repeat;  }
		
		#nav-main ul li.sub-selected		{ background: #FFFFFF url(../img/nav/img-bg-ir-nav-sprite-02.png) -230px bottom no-repeat; }
		
	/* Strip the sprites from sub items */
		#nav-main ul.sub-nav li a,		
		#nav-main ul.sub-sub-nav li a,
		#nav-main ul li ul.sub-nav li a:hover,
		#nav-main ul li ul.sub-nav li a:focus	{ background: none;  }
		
	/* Adjust padding for sub item indent */
		#nav-main ul li ul li a			{ padding: 11px 0 0 45px; width: 185px; height: 28px; }
		#nav-main ul li ul li ul li a	{ padding: 13px 0 0 50px; width: 180px; height: 26px; font-style: italic;}
		
	/* Apply cascading selections to lower items */
		#nav-main ul li ul.sub-nav li a:hover,
		#nav-main ul li ul.sub-nav li a:focus	 						{ background: #F4F8F4;  }
		
		#nav-main ul li ul.sub-nav li.selected a	 					{ background: #FAF5F5;  }
		#nav-main ul li ul.sub-nav li.selected ul.sub-sub-nav li a	 	{ background: #FFFFFF;  }
		
		#nav-main ul li ul.sub-nav li.selected ul.sub-sub-nav li  a:hover,
		#nav-main ul li ul.sub-nav li.selected ul.sub-sub-nav li  a:focus	 	{ background: #F4F8F4;  }
		
		#nav-main ul li ul.sub-nav li.selected ul.sub-sub-nav li.selected a	 	{ background: #FAF5F5;  }
	
		#nav-main ul li.sub-selected ul li.sub-selected	{ background: #FFFFFF; border: 0; }

		

		
/* @end */

/* @group 3.Navigation within Content */
	
/* Buttons */
	.btn			{ padding: .4em 1.3em .4em 1.5em; margin: 0; border: 0; background: #D30C0C; color: #FFF; font-family: Georgia, Times New Roman, Times, serif; font-size: 110%; background: url(../img/common/buttons/img-bg-btn-01.png) bottom left repeat-x; cursor: pointer; }

		
/* @end */