/*
	Filename         : 	navi.css
	Created by       : 	Ashley Nolan
	Created          : 	03/03/2009
	Last Updated     : 	03/03/2009
	Comments         : 	Styling for RSPCA - Election Microsite
*/

/* Global Navigation Bar 
************************************************************************************************************************/

ul#globalNav {
}
	ul#globalNav li {
	}

/* Main Navigation Bar 
************************************************************************************************************************/

ul#mainNav {
	width:982px;
	margin:0 auto;
	overflow:hidden;
	height:1%;
}
	ul#mainNav li {
		float:left;
		display:block;
		
		font-size:1.4em;
		margin-top:25px;
		
	}
		ul#mainNav li:hover,
		ul#mainNav li.sfhover,
		ul#mainNav li.active {
			background-position:right top !important;
		}
				
			ul#mainNav li#listitem1 {
				width:92px;
				background:url(../images/mainNav_item1.png) no-repeat left top;
			}

			ul#mainNav li#listitem2 {
				width:123px;
				background:url(../images/mainNav_item3.png) no-repeat left top;
			}
			ul#mainNav li#listitem3 {
				width:115px;
				background:url(../images/mainNav_item4.png) no-repeat left top;
			}
			ul#mainNav li#listitem4 {
				width:111px;
				background:url(../images/mainNav_item2.png) no-repeat left top;
			}
			ul#mainNav li#listitem5 {
				width:118px;
				background:url(../images/mainNav_item5.png) no-repeat left top;
			}
			ul#mainNav li#listitem6 {
				width:133px;
				background:url(../images/mainNav_item6.png) no-repeat left top;
			}
			ul#mainNav li#listitem7 {
				width:150px;
				background:url(../images/mainNav_item7.png) no-repeat left top;
			}
			ul#mainNav li#listitem8 {
				width:140px;
				background:url(../images/mainNav_item8.png) no-repeat left top;
			}
				
				
			ul#mainNav li a {
				background:url(../images/mainNav_gradient.gif) no-repeat center bottom;
				display:block;
				color:#fff;
				font-weight:bold;
			}
				ul#mainNav li#listitem1 a,
				ul#mainNav li#listitem2 a,
				ul#mainNav li#listitem3 a,
				ul#mainNav li#listitem8 a {
					padding:40px 0 0;
					min-height:44px;
					height:auto !important;
					height:44px;
				}
				
				ul#mainNav li#listitem4 a,
				ul#mainNav li#listitem5 a,
				ul#mainNav li#listitem6 a,
				ul#mainNav li#listitem7 a {
					padding:32px 4px 0;
					min-height:52px;
					height:auto !important;
					height:52px;
				}
			
			ul#mainNav li:hover a,
			ul#mainNav li.sfhover a,
			ul#mainNav li.active a {
				text-decoration:none;
				background:none;
			}