/*                                                    */
/* SPRY MENUBAR and COLLAPSIBLE PANELS - CSS Document */
/*                                                    */

/*              */
/* SPRY MENUBAR */
/*              */

/* MENUBAR - BG*/
#BG_MENUBAR0,
#BG_MENUBAR1,
#BG_MENUBAR2,
#BG_MENUBAR3,
#BG_MENUBAR4,
#BG_MENUBAR5,
#BG_MENUBAR6 {
	width: 100%;
	height: 25px;
	background-color: #AF4430;
}
#BG_MENUBAR0 {	background-image: url(../bg/menubar0.jpg); }
#BG_MENUBAR1 {	background-image: url(../bg/menubar1.jpg); }
#BG_MENUBAR2 {	background-image: url(../bg/menubar2.jpg); }
#BG_MENUBAR3 {	background-image: url(../bg/menubar3.jpg); }
#BG_MENUBAR4 {	background-image: url(../bg/menubar4.jpg); }
#BG_MENUBAR5 {	background-image: url(../bg/menubar5.jpg); }
#BG_MENUBAR6 {	background-image: url(../bg/menubar6.jpg); }

/* MENUBAR - BARS*/
ul.Bar {
	width: auto;
	height: 16px;
	margin-top: -70px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	color: #333333;
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	list-style-type: none;
}
ul.Bar a {	display: block; }
ul.Bar a:link { color: #EFE7CB; }
ul.Bar a:visited {	color: #EFE7CB; }
ul.Bar a:hover { color: #FFF; text-decoration: underline; }
ul.Bar a:active { color: #FC0; }

#BarOn {	color: #933; }
.BarSpace {	font-size: 8px; border: 0; }

ul.Bar li {
	float: left;
	position: relative;
}
ul.Bar ul {
	position: absolute;
	z-index: 1020;
	left: -1000em;
	width: 112px;
	margin-top: 6px;
 margin-left: 0px; 
	padding: 0;
	list-style-type: none;
}

ul.Bar ul.BarSubmenuVisible { left: auto; }
ul.BarActive { z-index: 1000; }

/* MENUBAR - SUBMENU */

ul#BarSubWho a:link, ul#BarSubWho a:visited,
ul#BarSubNat a:link, ul#BarSubNat a:visited,
ul#BarSubGlo a:link, ul#BarSubGlo a:visited,
ul#BarSubPrg a:link, ul#BarSubPrg a:visited,
ul#BarSubPub a:link, ul#BarSubPub a:visited,
ul#BarSubRes a:link, ul#BarSubRes a:visited {
	padding: 1px 0px 2px 7px;
	border-bottom: 1px solid #EEE;
	border-left:   1px solid #DDD;
	border-right:  1px solid #DDD;
	background-repeat: repeat-y;
	background-color: #F2E6CE;
	color: #333;
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	display: block;
}
ul#BarSubWho a  { width: 128px; margin-left:  -9px; background-image: url(../bg/menubar-submenu2.jpg); }
ul#BarSubNat a  { width: 111px; margin-left: -10px; background-image: url(../bg/menubar-submenu1.jpg); }
ul#BarSubGlo a  { width: 129px; margin-left: -10px; background-image: url(../bg/menubar-submenu2.jpg); }
ul#BarSubPrg a  { width: 177px; margin-left: -10px; background-image: url(../bg/menubar-submenu2.jpg); }
ul#BarSubPub a  { width:  70px; margin-left:  -9px; background-image: url(../bg/menubar-submenu1.jpg); }
ul#BarSubRes a  { width: 102px; margin-left:  -9px; background-image: url(../bg/menubar-submenu1.jpg); }

ul#BarSubWho a.BarItemHover, ul#BarSubWho a:hover,
ul#BarSubNat a.BarItemHover, ul#BarSubNat a:hover,
ul#BarSubGlo a.BarItemHover, ul#BarSubGlo a:hover,
ul#BarSubPub a.BarItemHover, ul#BarSubPub a:hover,
ul#BarSubRes a.BarItemHover, ul#BarSubRes a:hover {
	background-image: url(../bg/menubar-submenu1_hover.jpg);
	background-color: #EDDBBA;
	color: #933;
	text-decoration: none;
}
ul#BarSubPrg a.BarItemHover, ul#BarSubPrg a:hover {
	background-image: url(../bg/menubar-submenu2_hover.jpg);
	background-color: #EDDBBA;
	color: #933;
	text-decoration: none;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.Bar iframe {
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.Bar li.BarItemIE	{
	display: inline;
	f\loat: left;
}
}

/*                         */
/* SPRY COLLAPSIBLE PANELS */
/*                         */

/* CPANEL */
.CPanel { 
	width: 100%;
	margin: 0;
	padding: 0;
}

/* CPANEL - TAB */
.CPanelTab {
	height: 15px;
	padding: 2px 10px 0px 16px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9C497;
	background-image: url(../bg/cpanel-tab.jpg);
	background-color: #D09F53;
	color: #FFF;
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	cursor: pointer;
}
.CPanelTab a:link,
.CPanelTab a:visited { color: #FFF; }

.CollapsiblePanelOpen .CPanelTab {
	border-top: 1px solid #D9C497;
	background-image: url(../bg/cpanel-tab_open.jpg);
	background-color: #D09F53;
	cursor: pointer;
}
.CollapsiblePanelTabHover {
	border-bottom: 1px solid #D9C497;
	background-image: url(../bg/cpanel-tab_hover-open.jpg);
	background-color: #D09F53;
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	display: block;
}
.CollapsiblePanelOpen .CollapsiblePanelTabHover {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9C497;
	background-image: url(../bg/cpanel-tab_hover-close.jpg);
	background-color: #D09F53;
}

/* CPANEL - CONTENT */
.CPanelContent {
	margin: 0; /* always set to 0 */
	padding: 0; /* always set to 0 */
	background-image: url(../bg/cpanel-content.jpg);
	background-repeat: repeat-y;
	background-color: #F2E6CE;
	font: 9px Verdana, Tahoma, Arial, sans-serif;
	line-height: 13px;
}
.CPanelContent a:link,
.CPanelContent a:visited {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9C497;
	padding: 2px 10px 2px 16px;
	color: #333;
	display: block;
}
.CPanelContent a:hover {
	border-top: 1px solid #C5D7E4;
	border-bottom: 1px solid #C5D7E4;
	background-image: url(../bg/cpanel-content_hover.jpg);
	background-repeat: repeat-y;
	background-color: #EDDBBA;
	color: #933;
}
.CPanelContent a:active {	color: #666 }

/* CPANEL - CONTENT SUB (apply to individual divs) */
.CPanelContentSub { 
	margin: 0; /* always set to 0 */
	padding: 0; /* always set to 0 */
	background-image: url(../bg/cpanel-content.jpg);
	background-repeat: repeat-y;
	background-color: #F2E6CE;
	font: 9px Verdana, Tahoma, Arial, sans-serif;
	line-height: 13px;
}
.CPanelContentSub a:link,
.CPanelContentSub a:visited {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9C497;
	padding: 2px 10px 2px 26px; /* only change */
	color: #333;
	display: block;
}
.CPanelContentSub a:hover {
	border-top: 1px solid #C5D7E4;
	border-bottom: 1px solid #C5D7E4;
	background-image: url(../bg/cpanel-content_hover.jpg);
	background-repeat: repeat-y;
	background-color: #EDDBBA;
	color: #933;
}
.CPanelContentSub a:active {	color: #666 }

/* CPANEL - HEADINGS */

.CPanelContentIndex { /* with link - apply to ahref */
	background-image: url(../bg/cpanel-content_hover.jpg);
	font: bold 9px "Trebuchet MS", Arial, sans-serif; 
	line-height: 9px;
	letter-spacing: 2px;
}
.CPanelContentHead { /* no link - apply to div */
	margin: 0; /* always set to 0 */
	padding: 1px 10px 2px 16px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9C497;
	background-image: url(../bg/cpanel-content_hover.jpg);
	background-repeat: repeat-y;
	background-color: #F2E6CE;
	color: #960;
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	line-height: 11px;
}
.CPanelContentSpacer { /* no link - apply to div */
	margin: 0; /* always set to 0 */
	padding: 0 10px 0 16px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9C497;
	background-image: url(../bg/cpanel-content_hover.jpg);
	background-repeat: repeat-y;
	background-color: #F2E6CE;
	color: #960;
	font: 9px "Trebuchet MS", Arial, sans-serif; 
	line-height: 2px;
}