div.fram
{
	 float: left;
	 overflow: auto;
	  padding: 0;
	/*margin: 0 auto 0 auto ;*/
	
	 width: 24% ;
	 height:100%;
	 background: #000066;
	 color: #FFFFFF;
	 /*clear: both;*/
	 /*position: absolute;*/
	 /*
	 display:block; 
	 float: left; 
	 margin: 5px 1px 0 0;
	 */
}
div.main
{
	 float: right;
	 top: 0;
	 overflow:auto; 
	 width: 76% ;
	 height:100%;
	 
}

div.maingb
{
	 float: right;
	 /*top: 91;*/
	 /*clear: both;*/
	 overflow:auto; 
	 padding: 0px 0px 0 0px;
	 width: 74.7% ;
	 height:88.7%;
	 bottom: 0;
	 position:fixed;
	 left: 25.3%; 
	 /*margin-right: 5px;*/
}
div.maingbx
{
	 float: right;
	 /*top: 91;*/
	 clear: both;
	 overflow:auto; 
	 padding: 0px 0px 0 0px;
	 width: 74.7% ;
	 height:88.7%;
	 bottom: 0;
	 position:fixed;
	 left: 25.3%; 
	 background: #FFFFFF;
	 /*margin-right: 5px;*/
}

div.maintkinx
{
	 float: right;
	 /*top: 91;*/
	 clear: both;
	 overflow:auto; 
	 padding: 0px 0px 0 0px;
	 width: 72.7% ;
	 height:100%;
	 bottom: 0;
	 position:fixed;
	 left: 28.3%; 
	 /*background: #FFFFFF;*/
	 /*margin-right: 5px;*/
}

div.gb {
background:#800000; 
color:#FFFFFF;
height:91;
}
.gb a {
color:#FFFF00;
}
.gb a:visited
{
color: #FFCC00;;
}

div.maingbfx {
background:#FFFFFF;
}
/* TWO SEPARATE TOP BARS */

#topbanner
{
/*background: none #000080;*/
height: 9%;
position: absolute;
top: 0;
left: 26%;
width: 74%;
overflow: hidden;
padding: 0 0px 0 0px; 
margin: 0;
clear: both;
}

body>#topbanner
{
top: 0;
/*left: 201px; */
left: 25.3%;
right: 0px;
width: auto;
height: 91px;
}

/* #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%;*/
height: 91px;
}


/*
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;
}
 */