/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
height:38px;
width:900px;
background:#483f37 /*brown*/ url("images/navStripe.gif") repeat-x;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
margin-bottom:25px;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
/*white-space:nowrap;*/
}

.pro_linedrop li {
float:left;
background:none;
}

.pro_linedrop li.firstTab{margin-left: 20px;}   /*this sets the tab indent*/



.pro_linedrop .select li.noTab a{background: none; padding-top: 15px; color: #ebe7d4/*beige*/;}
.pro_linedrop .select li.noTab a:hover{background: none; color: White;}





.pro_linedrop .select a {
display:block; 
height:30px; 
width: 78px;
float:left; 
background: url("images/tab_Line.gif") repeat-x; 
margin-right: 1px;
padding:8px 0 0px 0; 
text-decoration:none; 
line-height:12px; 
/*white-space:nowrap; */
text-align: center;
color:black;
}




.pro_linedrop .select li.line a {color:black;}

.pro_linedrop .select a b {
display:block; 
padding:0; 
/*background:url(line/blank_bw.gif) right top;*/

}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(images/tab_noLine.gif); 
cursor:pointer; 
color: #3e3e3e /*darkGray*/;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {color:#3e3e3e /*darkGray*/; }

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0; 
/*background:url(line/blank_over_bw.gif) right top; */
cursor:pointer;

}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0px;
}


.pro_linedrop .sub {
margin:8px 0 0 0; 
padding:0;
list-style:none;
background: white;
z-index:500;
}




.pro_linedrop .sub ul {background: transparent;}
.pro_linedrop .sub li {background: transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:900px;
top:28px; 
left:1px; 
text-align:center;
background:transparent /*url(line/transparent.gif)*/;
border:1px solid #483f37 /*brown*/; /*dropline bottom border*/
border-width:0px  0 1px 0;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent /*url(line/transparent.gif)*/; padding:0 20px; margin:0; white-space:nowrap; color:black; font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:black;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;}

.pro_linedrop .select :hover .sub li:hover > a {color:#000;}




.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:220px; position:absolute; left:-1px; top:25px; border-bottom:1px solid #483f37 /*brown*/; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul ul {position:absolute; left:-9999px;}
.pro_linedrop .select :hover .sub :hover ul li {border:1px solid #483f37 /*brown*/; border-width:0 1px;}

.pro_linedrop .select :hover .sub :hover ul li a {width:178px; text-align:left; height:20px; line-height:18px; background:#fff;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}
.pro_linedrop .select :hover .sub :hover ul li:hover > a {line-height:16px;}

.pro_linedrop .select :hover .sub :hover ul :hover ul {left:112px; top:0; border:1px solid #483f37 /*brown*/; border-width:0 1px 1px 0; background:#fff;}

.pro_linedrop .select :hover .rt :hover ul :hover ul {left:-113px; top:0; border:1px solid #483f37 /*brown*/; border-width:0 0 1px 1px;}

.pro_linedrop .select :hover .sub :hover ul :hover ul li {border-left:1px solid #483f37 /*brown*/; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul :hover ul li.a1 {border-left:1px solid #fff;}
.pro_linedrop .select :hover .sub :hover ul :hover ul li.a2 {border-top:1px solid #483f37 /*brown*/; height:19px;}

.pro_linedrop .select :hover .rt :hover ul :hover ul li {border-right:1px solid #483f37 /*brown*/; border-left:0;}



div.pro_linedrop ul.select li.noTab ul.sub {display: list-item;}
div.pro_linedrop ul.select li.noTab ul.sub li {float: none;}
div.pro_linedrop ul.select li.noTab ul.sub li a{color: Black;}











/*STICKY TAB*/
/*These do NOT have a drop line sub nav --- the full selector is: .deposits .pro_linedrop .select li#depositsTab a...I'm just using the abbreviated selector*/
.homepage li#homepage a,                      
.investmentServices li#investmentServices a,                   
.additionalServices li#additionalServices a
    {background: url(images/tab_noLine.gif);color:#3e3e3e /*darkGray*/;}


/*These have a drop line sub nav*/
.loans li#loansTab a,
.deposits li#depositsTab a
    {background: url(images/tab_noLine.gif); color:#3e3e3e /*darkGray*/;}


.loans li#loansTab li a,                /*this style takes the tab back off the sub nav items*/
.deposits li#depositsTab li a
    {background: transparent;}






/*end sticky*/