/*
			*	The rules for navigation start here. 
			*	Heavily inspired by the following articles:
			*		http://www.alistapart.com/articles/slidingdoors/
			*		http://www.alistapart.com/articles/mountaintop/
			*		http://www.alistapart.com/articles/sprites/
			*/
				#header {
					float:left;
					width:100%;
					background:#FFFFFF;
					padding:0;
					font-size:0.8em;
					line-height:normal;
				}
				#header ul {
					margin:0;
					padding:10px 0 0 10px;
					list-style:none;
				}
				#header 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.
			*/
			#header a {
				float:left;
				background:#CE0000 url(../images/tabs_off.gif) no-repeat left top;
				padding:0 0 0 9px;
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: black;

			}
			#header a span {
				float:left;
				display:block;
				background:#CE0000 url(../images/tabs_off.gif) no-repeat right top;
				padding:4px 15px 3px 6px;
			}
			/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#header 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.
			*/
			
			#header #current a {
				padding-bottom:2px;
				color:#FFFFFF;
				background:#CE0000 url(../images/tabs_on.gif) no-repeat left top;
			}
			#header #current span {
				padding-bottom:2px;
				background:#CE0000 url(../images/tabs_on.gif) no-repeat right top;
			}
			#header a:hover, #header a:hover span {
				background-color:#FA0000;
				color:#808080;
			}
			#header #current a span, #header #current a {
				background-color:#FA0000;
				color:#FFFFFF;
			}