/* DIV tags *//*-----------------------------------------------------------*/
body {
  margin: 0 auto;
  padding: 0;
  border: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-image: url("../images/bkgnd-b-bl-b-2.png");
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #fff;
  background-color: black;
}

.container {
  width: 880px;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

/* Masthead */
#NFmasthead {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  background-color: #000;
  background-position: center;
  background-image: url('../images/WebUnLtd_com_Logo.jpg');
  background-repeat: no-repeat;
  height:160px;
}

#Fmasthead {
  width: 880px;
  margin: 0 auto;
  height:190px;
}

/* Navigation */
#iMenu {
  width: 880px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

#navigation {
  height: 30px;
}

html > body #navigation {
  overflow: hidden;
  text-align: center;
}

#navigation ul {
  text-align: center;
  height: 30px;
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding-top: 5px;
  padding-bottom:10px;
}

#navigation li {
  font-size: small;
  display: inline;
}

#navigation a {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 8px;
  background-image: url('../images/BtnUp.png');
}

#navigation a:hover {
  color: #880000;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url('../images/BtnOvr.png');
}

#navigation a:visited {
  text-decoration: none;
  color: #008000;
}

#navigation a:active {
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;//
  background-image: url('../images/BtnDn.png');
}

/* Right Column */

#column_r img {}

#column_f {
  position: relative;
  float: none;
  margin: 0;
  width: 880px;
  font-size:x-small;
}

#column_r {
  position: relative;
  margin: 0;
  float:right;
  padding:10px;
  width: 360px;
}

#column_l {
  position: relative;
  float: left;
  margin: 0;
  width: 480px;
  padding: 10px;
}

#Icolumn_l {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 487px;
  height:520px;
  padding: 15px;
  background-image:url('../images/LeftPanel.gif')
}

#Icolumn_r {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 287px;
  height:520px;
  padding: 15px;
  background-image:url('../images/RightPanel.gif')
}


#NFfooter {
  width: 100%;
  height:56px;
  overflow: auto;
  clear: both;
  margin: 0;
  padding-top: 27px;
  border: 0;
  text-align: center;
  font-size:x-small;
  padding-bottom: 10px;
  background-image:url('../images/footer.gif');
  background-repeat:no-repeat;
  background-position:center;
}

#Ffooter {
  width: 880px;
  margin: 0 auto;
  height:72px;
}

/* Site typography */

h1 {
	font-size: xx-large;
	color: #FFcc00;
}

h2 {
	font-size: x-large;
	color: #FFcc00;
}

h3 {
	font-size: large;
	color: #FFcc00;
}

h4 {
	font-size: medium;
	color: #FFcc00;
}

h5 {
  font-size: x-small;
  color: #800;
}

h6 {
  font-size: xx-small;
  color: #700;
}

t1 {
  font-family: "Times New Roman";
}

t2 {
  text-align: right;
  color: #FFFFFF;
}
/* Footer */

#footer p {
  font-size: x-small;
  color: #fff;
}
/* Links */

a {
  color: #aaaaaa;
  text-decoration: underline;
}

a:hover {
  color: #fa3;
  text-decoration: underline;
}

.style_bold {
  font-weight: bold;
}

.style_italic {
  font-style: italic;
}

/* this is added for use with popup box,  which refers to a style, but the html is written via java, and so Web Expressions does not see the html code
and does not see the style is being used, so 1) it deletes it   and 2) it creates other styles so, we can use a low # or it may be same aa WebExpression creates*/
.style100 {
	border: 2px solid #FFFF00;
	background-color: #000080;