body { 
margin: 0 ;
padding: 0;
border: 0;
background: white url(images/NavbarBkgnd86.gif) repeat-x;
font: 71% Arial, Helvetica, sans-serif; 
}
p { margin-top: 0px;}
table {font-size: 1em;}
a { text-decoration: none;}
a:link   { color: #006; font-weight: bold }
a:visited   { color: #006; font-weight: bold }
a:active  { font-weight: bold }    
a:hover { text-decoration: underline; }
.ltgutter20 { padding: 10px 0 0 20px }
.leftcolumn { padding: 10px 0 0 0 }
.topltgutter20 { padding: 20px 0 0 20px }
.bodytext { font-size: 12px;  }
.head     { color: #3A5670; font-size: 27px;  font-style: italic; font-weight: bold; line-height: 30px; text-align: left }
.evhead     { color: #016032; font-size: 27px;  font-style: italic; font-weight: bold; line-height: 30px; text-align: left }
.subhead  { color: #3a5670; font-size: 14px; font-weight: bold ; line-height: 18px; }
.evsubhead  { color: #016032; font-size: 14px; font-weight: bold ; line-height: 18px; }
.footer  { font-size: 10px;  }
.tablehead  { color: white; font-size: 11px; font-weight: bold; background-color: #3A5670; border-width: 1px; border-color: white }
.evtablehead  { color: white; font-size: 11px; font-weight: bold; background-color: #016032; border-width: 1px; border-color: white }
.tabletext   { font-size: 12px;  background-color: #dcdcdc }
.tabletextdark   { font-size: 12px;  background-color: #cacaca }
.bluetext { color: #001c34; font-size: 12px;  }
.whitetext  { color: white; font-size: 12px;  background-color: #3A5670 }
.productnav   { color: white; font-size: 11px;  font-weight: bold; text-decoration: none; background-color: #3A5670; padding: 3px 6px }
.productnav a:link { color: white }
.productnav a:hover  { color: white; text-decoration: underline }
.productnav a:active { color: white; text-decoration: underline }
.productnav a:visited { color: white }

.litebluebox  { background-color: #d3dce6; padding: 10px; border-top: white; border-right: white; border-bottom: 2px white; border-left: white }
.navlinkbox  { background-color: #d3dce6; padding: 6px;  }
.evnavlinkbox  { background-color: #B7CFA7; padding: 6px;  }

.boxborder  { border: solid 1px black; outline-color: black; }


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 195px;
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	
}
.centerbox {
	margin: 0 auto; /* center for now */
	width: 350px;
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat left top;
	margin: 0;
	padding: 10px 20px 5px 15px;
	color: white; 
	font-weight: bold; 
	font-style: italic;
	font-size: 16px; 
	line-height: 1em;
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat left bottom;
	padding: 5px 15px 5px 10px;
}


.tabhead{
background: url(images/HomeTab.gif);
margin: 0;
padding: 0;
text-align: center;
width: 190px; 
height: 29px; 
}
.tabhead h2 {
	margin: 0;
	padding: 10px 20px 0px;
	color: white; 
	font-weight: bold; 
	font-style: italic;
	font-size: 16px; 
	line-height: 1em;
}

.glossymenu{
margin: 0 0;
padding: 0;
width: 190px; /*width of menu*/
/*border: 1px solid #5578b4;*/
border-bottom-width: 0;

}

.glossymenu a.menuitem{
background: #6e85a0 url(images/FlatBlueBack.gif) repeat-x left bottom;
color: white;
font: 13px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 20px 4px 10px;
text-decoration: none;
}

.glossymenu a.menuitemred{
background:  #974d43 url(images/WirelessMenuBackgnd3.gif) repeat-x left bottom;
color: white;
font: 13px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 20px 4px 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitemred:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/FlatBlueBack2.gif);
}

.glossymenu a.menuitemred:hover{
background-image: url(images/WirelessMenuBackgnd4.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #d3dce6;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #001c34;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 11px Arial, Helvetica, sans-serif;
color: #006;
text-decoration: none;
padding: 4px 0;
padding-left: 10px;
padding-right: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #c1cfde;
colorz: white;
text-decoration: underline
}
.redhighlighttext {color: #FF0000; font-weight: bold;}
.darkredtext {color: #990000; font-weight: bold;}