/* Start of CMSMS style sheet 'Aspirations Sliding Doors' */
/* From http://www.fiftyfoureleven.com/weblog/web-development/css/light-weight-css-tabs */

#navigation {
	width:990px;
	display:block;
	background:#fff url(../../uploads/images/interface/1px-horiz-line.png) repeat-x bottom;
}
#navigation ul {
	margin:0;
	padding:10px 0 0 10px;
	list-style:none;
	display:block;
}
#navigation li {
	display:inline;
	margin:0;
	padding:0;
}
/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
#navigation a {
	float:left;
	background:#cbdb2a url("/uploads/images/interface/tab.png") no-repeat left top;
	padding:0 0 0 19px;
	text-decoration:none;
	font-weight:bold;
	font-size:120%;
	letter-spacing:2px;
	color:#000;
	margin:0 2px;
}
#navigation a span {
	float:left;
	display:block;
	background: #cbdb2a url("/uploads/images/interface/tab.png") no-repeat right top;
	padding:10px 25px 13px 6px;/* was		padding:4px 15px 3px 6px; */
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navigation a span {
	float:none;
}
/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	/*#navigation .menuactive a span {
		padding-bottom:4px;
	}*/
	#navigation a:hover, #navigation a:hover span {
	background-color:#ef4;
	color:#000;
}
#navigation .menuactive a span, #navigation .menuactive a {
	background-color:#fff;
	color:#abbb0a;
}
#navigation .menuactive a:hover span, #navigation .menuactive a:hover {
	color:#cbdb2a;
}

#navigation .menuactive {
	border-bottom:1px solid #fff;
}

/* End of 'Aspirations Sliding Doors' */