.headerCssClass {
padding:0;
margin:0;
}
table.headerCssClassSelected {
border-bottom: solid 2px #fff;
}
a.headerCssClassSelected {
font-weight: bold;
text-decoration: none;
padding: 5px 0px 5px 10px;
display:block;
}
.research a.headerCssClassSelected {
background-color: #ABAA6A;
color: #000;
}
.about a.headerCssClassSelected, 
.newsevents a.headerCssClassSelected,
.donate a.headerCssClassSelected,
.contactus a.headerCssClassSelected {
background-color: #2e3e7a;
color: #fff;
}
.learn a.headerCssClassSelected {
background-color: #ff7513;
color: #000;
}
.people a.headerCssClassSelected {
background-color: #97AAD2;
color: #000;
}

.itemCssClassSelected {
font-weight:bold;
color: #000;
text-decoration:none;
}



/*using the following because the third level selected menus get only the above itemCssClassSelected*/
#leftBar table table table table tr td a {
background-color: #fff;
display:block;
padding: 0px 0 5px 20px;
margin: 0;
}

/*I need this style because the .itemCssClassSelected does not have and should not
have padding applied with it because it is used in the third level too and the padding is different*/
#leftBar table table table tr td a {
padding: 5px 0 5px 15px;
display:block;
/*border-top: solid 1px #dfdfdf;*/
}
#leftBar table table table tr td a.itemCssClassSelected {
border-top: solid 1px #dfdfdf;
}
#leftBar table table table table tr td a.itemCssClassSelected {
border-top: none;
}

a.leftNavLevel1 {
font-weight: bold;
text-decoration: none;
padding: 5px 0px 5px 10px;
color: #000;
display:block;
background-color: #efefef;
}
table.leftNavLevel1 {
border-bottom: solid 2px #fff;
}

a.leftNavLevel2 {
text-decoration:none;
padding: 5px 0 5px 10px;
display:block;
color: #483D8B; 
background-color: #fff;
border-top: solid 1px #dfdfdf;
}

a.leftNavLevel3 {
text-decoration:none;
color: #999;
display:block;
padding-left: 20px;
background-color: #fff;
}
a.leftNavLevel3:hover {
color: #333;
}