/* #topbanner controls  */

#banner
{
margin: 0;
clear: both;
/*width: 100%;*/
padding: 2px 0px 0 0px;
background: none #000080;
border: 0;
overflow: hidden;
top: 0;
/*height: 100%;*/
}


/*
table inserted for IE only:
table {height: 100%} is only recognized by IE only
Will center h1 vertically due to the variations in actual height due to % height specifications
since % height only applies to IE, this represents an ideal solution.
IF vertical centering is not required omit table & cheatie in HTML

*/

#banner table
{
height: 100%;
border: 0px solid #ffffff;
margin: 0 0px 0 0;
}

#banner h1
{
/*background: none #000080;*/
text-align: center;
color: #fffacd;
font-family: arial, verdana, sans-serif;
font-size: 16pt;
font-weight: bold;
white-space: nowrap;
padding: 1px 5px 1px 5px; 
margin: 3px 5px 0 0px; 
font-variant: small-caps;
/*width: 97%;*/  
border: 3px double #00ccff;
}



/* YOU ARE HERE BAND controls  */

#detail
{
margin: 0px 0px 0 0;
clear: both;
padding: 0px 0px 0 0px;
background: none #000080;
border: 0px solid #a52a2a;
overflow: hidden;
/*top: 0;*/
height: 100%;
}


/*
table #detail inserted for IE 6 only:
table {height: 100%} is only recognized by IE only
Will center h1 vertically due to the variations in actual height due to % height specifications
since % height only applies to IE, this represents an ideal solution

Not required for IE7
*/


#submenu
{
background: none #000080; 
text-align: center;
color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 10px;
font-weight: bold;
/*white-space: nowrap;*/
padding: 0px 2px 0px 2px; 
margin: 2px 2px 0px 0px; 
/*font-variant: small-caps;*/
/*width: 97%;*/  
border: 2px solid #00ccff;
}


#submenu td.link
{
border: 0px solid #00ccff;
color: #000010;
background: #c7ffff none;
color: #0000ff;
background: none #000080;
padding: 0px 0px 0px 0px;
margin: 0;

}


#submenu td.arrow
{
border: 0px solid #000080;
color: #000080;
background: none #000080;
padding: 0px 0px 0px 0px;
text-align: center;
}

#submenu td.arrow img
{
height: 13px;
border: 0;
}

#submenu td.current
{
border: 0px solid #00ccff;
text-align:center;
background: #c7ffff none;
color: #000080;
font-weight:bolder;
font-size: 11px;
white-space: nowrap;
padding:2px 2px 2px 2px;
margin: 0;
}

#submenu td.nav
{
border: 0px solid #000080;
color: #000080;
background: #c7ffff none;
padding: 0px 0px 0px 0px;
text-align: center;
}

#submenu td.nav img
{
height: 12px;
border: 0;
}



#submenu a 
{
text-align:center;
background: none #000080;
color:#a7ffff;
font-weight:bolder;
font-size: 12px;
white-space: nowrap;
display:block;
/*width:80px;*/
/*border-bottom: 1px #000080 solid;*/
text-decoration:none;
font-variant: small-caps;
margin:0;
padding:0px 0px 0px 2px;
border-top: 0px solid #00ccff;
border-left: 1px solid #00ccff;
border-right: 0px solid #00ccff;
border-bottom: 1px solid #00ccff;
}
    
#submenu a:hover
{
background: none #33ffee;
color: #000010;
border-top: 2px solid #00bbff;
border-left: 2px solid #00bbff;
border-right: 2px solid #0088ff;
border-bottom: 2px solid #0088ff;
}



#submenu a.nav 
{
text-align:center;
background: #c7ffff none;
color:#a7ffff;
margin:0;
padding:0px 0px 0px 0px;
border-top: 0px solid #000010;
border-left: 0px solid #000010;
border-right: 0px solid #000010;
border-bottom: 0px solid #000010;
}
    
#submenu a.nav:hover
{
background: none #33ffee;
color: #000010;
border-top: 2px solid #00bbff;
border-left: 2px solid #00bbff;
border-right: 2px solid #0088ff;
border-bottom: 2px solid #0088ff;
}