body {
		margin: 0 1em 0 1em;
		font: 0.8em/1.5 Helvetica, sans-serif;
		text-align: center;
		behavior: url(http://www.rfid-asia.info/js/csshover2.htc);
		background-color: white;	
}
* { margin: 0; padding:0; } /* removes defaults of all elements */
img { border:0px;} /* removes border from all images */
div#mainwrap {
		min-width:68em; max-width:90em; /* sets the max and min widths */
		margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
		text-align: left; /* stops elements inheriting the body's text-center */
		border-right: 1px solid #D10F08;
		border-bottom: 1px solid #D10F08;
		border-left: 1px solid #D10F08;
		background-color: #FFFFFF;	 
}
/* Header */
div#headercontainer { height:80px; border:0 solid #D10F08; margin-top:0em; }
div#logo { float:left; width:auto; text-align:left; border:0 solid #2C4624; margin:0.5em 0 0 0.3em; }
div#logo h1 { font-size:1em; font-weight:bold; color:#2C4624; letter-spacing:0.07em; margin:-0.3em 0 0 0.2em; }
div#headerad {float:right; margin:0.5em 0.2em 0 0; width:468px; height:60px; border:0 solid #D10F08; }
div#toprightbox { float:right; text-align:right; margin:0.5em 0.2em 0 0; width:200px; height:70px;background-color:#FFFFFF; border:0 solid #FFFFFF; }
/*  End of Header */
/* the horizontal main menu starts */
div#listmenu {
 width: 100%;
 height: 19px;
 background-color: #D10F08;
 margin-top: 0.2em;
 padding: 3px 0 3px 0;
}
div#listmenu p { float:right; margin:0.18em 0.4em 0 0; color:white; letter-spacing:0.06em; font-size:0.78em; }
div#listmenu h1 { float:right; margin:0.18em 0.4em 0 0; color:white; letter-spacing:0.06em; font-size:0.78em; }
div#listmenu ul { margin:0; }
div#listmenu li {
 z-index: 100; /* had to add this to make the drop be on top in Safari */
 float: left;	/* causes the list to align horizontally instead of stack */
 position: relative; /* positioning context for the absolutely positioned drop-down */
 list-style-type: none;	/* removes the bullet off each list item */
 background-color: #D10F08; /*sets the background of the menu items *//* #D10F08 */
 border-right: 1px solid #FFC5F5; /* creates dividing lines between the li elements */
}
div#listmenu li:last-child { border-right: 0; /*there is no last vertical line on the menu */}
div#listmenu li:hover { 
 background-color: #D13408; /*sets the background of the menu items */ 
 -moz-opacity: 0.9; /* set opacity for different browsers, but IE */
 opacity: 0.9;
 -khtml-opacity: 0.9;	
}
div#listmenu a{
 display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
 padding:0 6px; /*creates space each side of menu item's text */
 text-decoration:none;	 /* removes the underlining of the link */
 color: white;	/* sets the type color */
 font-weight: bolder;
 font-size: 0.95em;
}
div#listmenu a:hover { color: white; }
/* the horizontal main menu ends */
/* the drop-down starts */
div#listmenu ul li ul {
 margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
 position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
 width: 10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
 left: -1px; /*aligns the drop exactly under the menu */
}
div#listmenu ul li ul li {
 width: 100%; /* makes the list items fill the list container (ul) */
 border-left: 1px solid #FFC5F5; /*  three sides of each drop-down item */
 border-bottom: 1px solid #FFC5F5;
 border-right: 1px solid #FFC5F5;
 padding: 0 0 1px;
}
div#listmenu ul li ul li:first-child { border-top: 1px dotted #FFC5F5; /*the top edge of the dropdown */}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul { display: none; } /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul { display:block; } /* shows the drop-down when the menu is hovered */
/* pop-out starts */

body div#listmenu ul li ul li ul {
 visibility: hidden; /* same effect as display:none in this situation */
 top: -1px;
 left: 10em;
}
div#listmenu ul li ul li:hover ul { visibility: visible; } /* same effect as display:block in this situation */
/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul { display: none; } /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul { display: block; } /* shows the drop-down when the menu is hovered */
/* the drop-down ends */
/* breadcrumb starts */
div#breadcrumb {
 width: 100%;
 height: 17px;
 background-color: white;
 font-size: 0.8em;
 font-weight: bold;
 padding: 0.25em 0 0.35em 0;
 color: #303030;
}
div#breadcrumb p { float:right; margin-right:0.4em; }
div#breadcrumb ul {
 float: left;
 padding-left: 0.6em;
 display: inline;
 border: none;
} 
div#breadcrumb ul li {
 border: none;
 list-style: none;
 display: inline;
}
div#breadcrumb a {
 text-decoration: none;
 border-bottom: 1px dotted #303030;
 color: #202020;
}
/* breadcrumb ends */
/* search starts */
div#search {
 width: 100%;
 height: 25px;
 background-color: white;
 border-bottom: 1px dotted #D10F08;
 font-size: 0.8em;
 font-weight: bold;
 padding: 0 0 0.35em 0;
 color: #303030;
}
div#search p { float: right; margin-right: 0 0.4em 0 0.6em; }
/* search ends */
/* colum wrap starts */
#threecolwrap {
 border-top: 1px dotted #D10F08;
 float:left; width:100%; 
}
#twocolwrap {
 float: left;
 width: 100%;
 display: inline; /* stops IE doubling  margin on float*/
 margin-right: -165px; /* CWS - neg margin move */ 	
}
/* colum wrap ends */
div#column1 {
 width: 165px;
 float: left;
 display: inline; /* stops IE doubling  margin on float*/
 color: #303030;
}
div#column1 ul { margin: 0.5em 0 0 0.3em; list-style-type:none; text-align:center; }
div#column1 ol { margin: 0.5em 0 0 2.3em; }
div#column1 li { padding:0.5em 0 0 0.5em; font-size:80%; }  
div#column1 p { padding:1.6em 0 4em 0.9em; font-size:61%; } 

.rss-items a {
 text-decoration: none;
 border-bottom: 1px dotted #202020;
 color: #202020;
 font-weight: bold;
 margin-top: 5em;
	}

div#column2 {
 color: #303030;
 margin: 0 165px 0 180px; /* left and right margins to make room for sidebars */
 padding: 0.6em 0.8em 0.8em 0.8em;
 border-left: 1px dotted #D10F08;
 border-right: 1px dotted #D10F08;
 border-bottom: 1px dotted #D10F08;
 font: 0.9em/1.5 Verdana,Helvetica, sans-serif;
}
div#column2 p { margin-top:0.1em; }
div#column2 ul { margin:1em 0 2em 0; list-style-position:inside; }
div#column2 ol { margin:1em 0 2em 0; list-style-position:inside; }
div#column2 li { line-height: 2.2em; padding:0; list-style-image: url(http://www.rfid-asia.info/images/rfidasia_bullet.gif); }
div#column2 img { float:left; padding:0 0.8em 0.3em 0; margin-top:0.7em; }
div#column2 a {
 text-decoration: none;
 border-bottom: 1px dotted #202020;
 color: #202020;
 font-weight: bold;
}
div#column2 blogcontainer { float:left; width: 100%; padding: 1em 0 3em 0em; } /* format journal entry */
div#comment { border-top: 1px dotted #D10F08; border-bottom: 1px dotted #D10F08; padding: 10px; margin-top: 5px; } /* format journal entry comment */
div#imagecontainer { float:left; width: 100%; padding: 1em 0 1em 0em; } /* format journal image */
div#left { float: left; margin-left: 0; text-align:left; } /* format contact address on the left side */
div#right { padding-left: 35%; text-align:left; } /* format contact address on the right side */
div#column3 {
 width: 165px;
 float: left;
 font-size: 1.0em;
 color: #303030;
} 
div#column3 ul { margin:0.5em 0em 0em 1.0em; font-size:0.7em; list-style-type:none; text-align:center; }
div#column3 ol { margin: 0.5em 0 0 2.3em; }
div#column3 li { padding:0.5em 0 0 0.5em; font-size:80%; }  
h3 { color:#202020; }
h4 { color:#202020; margin-top:1.5em; }
h5 { color:#202020; text-align:center; font-size: 1em; }
h6 { color:#202020; padding-bottom:0.5em; letter-spacing:0.06em; }

.content_title { font-size: 1.43em; color:#202020; }

.level2_title { font-size: 1.2em; font-weight:700; color:#202020; }

.column1_title { font-size: 1em; color:#202020; text-align:center; margin-top: 0.8em; }

.clearme { clear:both; }

.clearfix:after {

    content: ".";            /* the period is placed on the page as the last thing before the div closes */
 display: block;          /* inline elements don't respond to the clear property */ 

    height: 0;               /* ensure the period is not visible */

    clear: both;             /* make the container clear the period */

    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix { display: inline-table; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/

.clearfix { display: block; } /* End hide from IE-mac */
div#footer {
 height: 24px;
 width: 100%;  /* makes the div fill its container - usually body */

 	padding: 0.4em 0 0.4em 0; /* pushes the links away from top and bottom of the div */
 font-size: 0.75em;  /* sets the font size of all links */
 text-align: left; /* centers the ul elements in the div */
 background-color: white;
 border-top: 10px solid #D10F08;
 color: #2C4624;
 letter-spacing:0.06em;
}
div#footer ul { 
 margin: 0.2em; /* vertical spacing between the lists */
 padding-left: 0.5em;
} 
div#footer li {
 display: inline; /* the key CSS - makes the lists display horizontally */
 padding: 0.1em 0.05em 0.1em 0.05em; /* horiz space between links and vert lines - needed diff l & r values to center */
}
div#footer li:first-child { border-left:0; } /* removes the left border of the first list item - IDWIMIE */
div#footer a {
 text-decoration: none;
 border-bottom: 1px dotted #202020;
 color: #202020;
 font-weight: bolder;
}
/* IE HACK ZONE - */
* html div#headerad { margin-left: 16.35em; } /* add more margin space to header advertisement */
* html div#listmenu ul { /* add vertical line on the left of the menu */
 float: left; /* makes the ul wrap the li's */
 border-left: 1px solid #FFC5F5; /* adds the rightmost menu vertical line to the ul */
 margin-left: 0.45em; /* gives more space for IE */
}
* html  div#listmenu ul li ul { /* add a top line to drops and pops - can't read :first-child */
 border-top: 1px dotted #FFC5F5;
 border-left: 0; /* stops the drop inheriting the ul border */
}
* html  div#listmenu ul li ul li ul { /* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
 left: 9.85em; 
 voice-family: "\"}\""; 
 voice-family: inherit;
 left: 10em;
}
html>body div#listmenu ul li ul li ul { /* and the "be nice to Opera" rule */
 top: -1px;
 left: 10em;
}
* html div#breadcrumb ul { /* add more margin space to breadcrumb */
 margin-left: 0.9em;}
* html div#listmenu p { /* change top margin and font size */
 margin:0.1em 0.4em 0 0; letter-spacing:0.06em; font-size:0.75em;}
* html div#right { padding-left:35%; text-align:left; } /* format contact address on the right side */
/* Opera-only hack */
@media all and (min-width: 0px){
   body div#listmenu ul li ul { padding-bottom: 70px; }
   body div#listmenu ul li ul li ul { padding-bottom: 22px; }
   body div#listmenu ul li ul li ul li ul li:hover { visibility: visible; } /* same effect as display:block in this situation */
}