/*CSS for branch menu*/

#branch_menu {
width: 181px;
font: bold 16px arial, helvetica, sans-serif;
background: #fff;
}

#branch_menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align:left;
}

#branch_menu a, #branch_menu h2 {
color: #000000;
display: block;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin: 0;
padding: 2px 3px;
}

#branch_menu h2 {
font: bold 16px arial, helvetica, sans-serif;
color: #5a5a5a;
background: #cccccc;
text-transform: uppercase;
}

#branch_menu a {
font: bold 12px arial, helvetica, sans-serif;
color:#DED4B1;
background: #464646;
text-decoration: none;
}

#branch_menu a:hover {
color: #4C4C4C;
background: #fff;
}

#branch_menu li {
position: relative;
} 

#branch_menu ul ul {
position: absolute;
z-index: 1000;
top: 0;
left: 100%;
width: 100%;
}

div#branch_menu ul ul,
div#branch_menu ul li:hover ul ul,
div#branch_menu ul ul li:hover ul ul
{display: none;}

div#branch_menu ul li:hover ul,
div#branch_menu ul ul li:hover ul,
div#branch_menu ul ul ul li:hover ul
{display: block;}




.position
{
POSITION:relative; 
WIDTH:185px; 
VISIBILITY: visible; 
z-index: 800;
}



/* MENU FOR  ALL STATE LISTS NAVIGATION */

#state_lists {
width:160px;
font-size: 11px;
}

#state_lists ul {
list-style: none;
margin: 0;
padding: 0;
/*width: 120px;*/

}

#state_lists a, #state_lists h2 {
font: bold 11px/14px arial, helvetica, sans-serif;
color: #000000;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000;
margin: 0;
padding: 2px 3px;
}

#state_lists h2 {
font: bold 11px arial, helvetica, sans-serif;
color: #5a5a5a;
background: #fff;
text-transform: uppercase;
}

#state_lists a {
font-size: 11px;
color: #4C4C4C;
background: #fff;
text-decoration: none;
}

#state_lists a:hover {
font-size: 11px;
color: #4C4C4C;
background: #eeeeee;
border-color: #990000;
}

#state_lists li {
position: relative;
}



#state_lists ul ul {
position: absolute;
z-index: 1000;
top:0;
left:160px;
width:100%;
}

div#state_lists ul ul,
div#state_lists ul li:hover ul ul,
div#state_lists ul ul li:hover ul ul,
div#state_lists ul ul ul li:hover ul ul,
div#state_lists ul ul ul ul li:hover ul ul
{display: none;}

div#state_lists ul li:hover ul,
div#state_lists ul ul li:hover ul,
div#state_lists ul ul ul li:hover ul,
div#state_lists ul ul ul ul li:hover ul,
div#state_lists ul ul ul ul ul li:hover ul
{
display: block;
}






#lt_border
{
border-width: 2px 0px 0px 2px;
border-style: solid;
border-color: #7E889D;
}

#l_border
{
border-width: 0px 0px 0px 2px;
border-style: solid;
border-color: #7E889D;
}

#t_border
{
border-width: 2px 0px 0px 0px;
border-style: solid;
border-color: #7E889D;
}

#br_border
{
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #7E889D;
}

.branch_headtext
{
font: bold 14px arial, helvetica, sans-serif;
color:#78483C;
}

.branch_text
{
font: 12px arial, helvetica, sans-serif;
color:#000;
}

.branch_links
{
font: 12px arial, helvetica, sans-serif;
color: #F28801;
text-decoration: underline
}

.branch_loc_links
{
font: 12px arial, helvetica, sans-serif;
color: #000;
text-decoration: underline
}

.branch_state
{
font: 12px arial, helvetica, sans-serif;
color: #78483C;
font-weight:bold;
}

.supporters
{
font: bold 12px arial, helvetica, sans-serif;
color:#173B6D;
background: #fff;
padding: 2;
width:181px;
margin-top:10px;
border-width: 1px;
border-style: solid;
border-color: #7E889D;
}