/* This needs to be the width of all the tabs*/
#nav, #nav ul {
	font: 78%/1.5 arial, helvetica, serif;
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	text-align: left;
	font-weight: bold;
	padding: 0;
	border: none;
	margin: 0;
	z-index: 100;
}
/* root link style */
#nav a {
	display: block;
	width: 55px;
	/*w\idth: 24px;*/
	height: 15px;
	color: #45487A;
	text-decoration: none;
	padding: 2px 3px 3px 5px;
}
#nav a:hover{
	color:#000000;
}

#nav a.sub {
	background-image: url(images/right_arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
/* width of the root items *//**/
#nav li {
	float: left;
	width: 64px;
	height: 32px;
	background: url(images/tab_dark.jpg) no-repeat left top;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Change the background for the currently selected tab*/
#nav #current-tab {
	background: url(images/tab_light.jpg) center right no-repeat;
}

#nav #current-tab:hover, sfhover:hover{
	background: url(images/tab_light.jpg) center right no-repeat;
}

/*height: 32px;*/
/* width of the sub items, should be atleast the width of the link*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 145px;
	font-weight: normal;
	margin: 0;
	margin-left: 2px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #5B5986;
	
}
/* width of primary sub items highlight (in Mozilla)*/
#nav li li {
	width: 145px;
	height: auto;
	background: #fff;
	font-size: 12px;
	margin: 0px;
	padding: 0;
	font-weight: normal;
	text-align: left;
}

#nav li li li {
	width: 175px;
	height: auto;
	background: #fff;
	font-size: 12px;
	margin: 0px;
	padding: 0;
	font-weight: normal;
}
#nav li li a{
	font-size: 11px;
	/*width: 80px;*/
}
/* width to the right of sub sub items */
/* determines location of background arrow */
#nav li ul a {
	width: 135px;
	/*w\idth: 135px;*/
}

/* offset of sub sub menus specified by margins */
#nav li ul ul {
	width: 175px;
	margin: -22px 0 0 145px;
}
#nav li ul ul a{
	width: 165px;
	/*w\idth: 165px;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	position: absolute;
}

/* hover for the main items */
#nav li:hover, #nav li.sfhover {
	/*background: #eda;*/
	background: url(images/tab_light.jpg) center right no-repeat;
}

#nav li li:hover, #nav li li.sfhover {
	background:#EBF0FA;
	/*background: url(tab_selected.jpg) center right no-repeat;*/
}
#side , #side ul{
	background-color: #F5F4FA;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	border: 1px none #BEBDCB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#side a {
	background-color: #E9E9F1;
	color: #45487A;
	text-decoration: none;
	padding: 1px 6px;
	display: block;
	border-top: 1px solid #D9DAE8;
	border-right: 1px solid #8E94BB;
	border-bottom: 1px solid #8E94BB;
	border-left: 1px solid #D9DAE8;
	width: 90%;
}

#side a:hover, #side #current li a:hover {
	background-color: #FFFFFF;
	text-decoration: underline;
}

#side #current a{
	background-color: #7E7DAA;
	color: #FFFFFF;
}

#side li {
	padding: 3px 1px;
	margin: 0px 4px;
	border: 0px none;
}
#side li li{
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
}
#side li li a, #side #current li a {
	background-color: #E9E9F1;
	color: #45487A;
	font-weight: normal;
	margin: 0px;
	display: block;
	width: 85%;
	border: 1px solid #D9DAE8;
}