#tabcontainer 			{display:block; width:800px; height:25px; background-image:url(../images/tab_container.jpg);}
#tabmenu				{min-width:800px; margin-left:auto; margin-right:auto; }
.tabs					{float:left; width:100%; line-height:normal; border-bottom:1px solid #330033; /*Add border strip to bottom of menu*/}
.tabs ul				{list-style-type: none;margin:0;margin-left: 0px; /*Left offset of entire tab menu relative to page*/padding:0;}
.tabs li				{display:inline;margin:0;padding:0;}
.tabs a					{float:left;background:url(../graphics/menu/menu-left.gif) no-repeat left;margin-right: 0px; /*spacing between each tab*/padding:0px;text-decoration:none;}
.tabs a span			{float:left;display:block;background:url(../graphics/menu/menu-right.gif) no-repeat right top;padding: 10px 0px 3px 0px;font-weight:bold;color:#FFFFFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span 			{float:none;}
/* End IE5-Mac hack */
.tabs a:hover span 		{color: #0066CC;}
.tabs a.current			{ /*Selected Tab style*/background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/}
.tabs a.current span	{ /*Selected Tab style*/background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/color: #0066CC;}
.tabs a:hover			{ /*onMouseover style*/background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/}
.tabs a:hover span		{ /*onMouseover style*/background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/}
.tabcontainer			{clear: left;width:auto; /*width of 2nd level sub menus*/height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/}
.tabcontent				{display:none;}
#ddtabs					{width:800px; }