﻿/*
	Filename         : 	navi.css
	Created by       : 	Natasha Popoola
	Created          : 	03/03/2009
	Last Updated     : 	03/03/2009
	Comments         : 	Styling for University of Winchester navigation
*/

/* Main Navigation Bar 
************************************************************************************************************************/

ul.mainNav
{
	width:960px;
	overflow:hidden;
	margin-left:-2px;
}

ul.mainNav li
{
	float:left;	
	background:transparent url(/PublishingImages/nav-shadow.gif) no-repeat 0 0;
	padding: 0 2px;
}

ul.mainNav li.first A
{
padding: 20px 15px 10px;
}


ul.mainNav li.last
{
	padding-right:0;
}

ul.mainNav li.last a
{
	padding-right:16px;
}

ul.mainNav li a
{
	font-size:1.55em;
	color:#333;
	/*padding:20px 16px 10px 17px;*/
	padding:20px 13px 10px 14px;
	display:block;
	white-space:nowrap;
	font-weight:normal;
}



ul.mainNav li a:hover
{
	color:#003968;
	background:transparent url(/PublishingImages/nav-shadow-hover.jpg) repeat-x 0 2px;
}

/* Sub Navigation Bar 
************************************************************************************************************************/

ul.subnav
{
	background:#efefef url(/PublishingImages/sub-nav-gradiant.jpg) repeat-x bottom left;
}

/*level 1*/
		ul.subnav li
		{
			padding:8px 0 8px 10px;
			background:transparent url(/PublishingImages/sub-nav-gradiant-x.jpg) no-repeat bottom left;
		}
		
		ul.subnav li.section
		{
			background-color:#E9E9E9;
		}
			
		ul.subnav li.selected 
		{
		/*	background-color:#EFEFEF;*/
			padding-bottom:5px;
			padding-left:0;
		}
		
		ul.subnav li.selected a
		{
			padding-left:10px;
			padding-bottom:8px;
			font-weight:bold;
		}

		ul.subnav li.selected
		{
			zoom:1;
			padding-left:0;
			padding-bottom:4px;
			background:transparent url(/PublishingImages/subnavshadowbottom.gif) repeat-x scroll left bottom;
		}
				ul.subnav li.section a
				{
					color:#003A69;
				}

				ul.subnav li a
				{
					color:#7F6422;
					font-size:1.3em;
					display:block;
				}

				ul.subnav li.parent a
				{
					color:#73591B;
					margin-bottom:5px;
					padding-left:13px;
					font-weight:bold;	
				}

/* level 2 */
ul.subnav li ul
{
	/*margin-bottom:-8px;*/
}

		ul.subnav li ul li
		{
			padding-left:0;
		}
				
				ul.subnav li ul li a
				{
					padding-left:7px;

				}

/* if parent */
ul.subnav li.selected ul
{
	background:#FFFFFF url(/PublishingImages/subnavshadowtop.gif) repeat-x scroll left top;
	padding-top:4px;
}

		ul.subnav li.selected ul li.selected
		{
			/*background:none;*/
			background-color:#fff !important;
			padding-bottom:0;
		}

		ul.subnav li.selected ul li
		{
			background-color:#E9E9E9;
		}
		ul.subnav li.selected ul li.last
		{
			background:#e9e9e9 none;
		}
		
				ul.subnav li.selected ul li a
				{
					margin-bottom:0;
					font-weight:normal;
					color:#333;
					margin-left:9px;
					padding-bottom:0;
				}

				ul.subnav li.selected ul li.selected a
				{
					color:#003968;
					margin-bottom:5px;
				}

				ul.subnav li.selected ul li.selected a
				{
					color:#333;
					font-weight:bold;	
					margin-bottom:5px;
					background:transparent url(/PublishingImages/subnavarrow.gif) no-repeat 0 50%;
				}
				
				ul.subnav li.selected ul li.selected li a
				{
					color:#333;
					margin-bottom:0;
				}


/* level 3 */
ul.subnav li.selected li.selected ul
{
	background:#fff url(/PublishingImages/sub-nav-gradiant-x.jpg) no-repeat top left;
	margin-bottom:0;
		padding-top:1px;
}

		ul.subnav li.selected ul li ul li,
		ul.subnav li.selected ul li ul li.last
		{
			background:#fff url(/PublishingImages/sub-nav-gradiant-x.jpg) no-repeat bottom left;
			padding-left:7px;
		}
		
				ul.subnav li.selected ul li.selected ul li a
				{
					color:#333;
					font-weight:normal;
					margin-bottom:0;
					background:none;
					background:transparent url(/PublishingImages/subnavbullet.gif) no-repeat 0 50%;
				}

				ul.subnav li.selected ul li.selected ul li.selected a
				{
					color:#003968;
					padding-bottom:8px;
					background:transparent url(/PublishingImages/subnavbullet.gif) no-repeat 0 35%;

				}


