.body1 { margin-left:0%; margin-right:0%; margin-top:0%; margin-bottom:0%; background:#ffffff; color:#000000 ; font: 9pt/12pt Tahoma, Verdana, Arial; }

A:link { color:#000000; }
A:visited { color:#000000; }
A:active { color:#000000; }

A:link strong { color:#333333; }
A:visited strong { color:#333333; }
A:active strong { color:#333333; }

/* 
  **  please see the next .img1 **
how to get this to work so that a border is shown
around images that are links when a mouse is over the image 
*/ 
.img1 { width:134; height:41 }
.img2 { }

img.icon { width: 114px; height: 68px; border 0px; }
A.imglink:link,
A.imglink:visited,
A.imglink:active { border: 1px solid #ffffff; }
A.imglink:hover  { border: 1px solid #999999; }



.head1 { font:bold 12pt Tahoma, Verdana, Arial; color:#996633; margin-top:25px; margin-bottom:10px }
.head3 { font:bold 11pt Tahoma, Verdana, Arial; color:#996633 ; margin-top:10px; margin-bottom:10px; padding:0px; }
.head3 A { text-decoration:none }
.head3 A:link { color:#996633 }
.head3 A:visited { color:#996633 }
.head3 A:active { color:#996633 }

.sitemaphead1 { font:bold 11pt; color:#000000 ; margin-top:30px; margin-bottom:10px; padding:0px; }
.slogan1 { font:bold 9pt;  color:#999933; margin-top:15px; margin-bottom:10px; padding:0px; } 
.text1 { margin-top:6px; margin-bottom:10px; padding:0px; }
.list-header { font:bold 10pt; color:#735309 }
.break1 { margin-top:15px; margin-bottom:0px; padding:0px; }

UL.list1 { font: 9pt/12pt ; list-style:disc outside; color:#000000; background:#eeeebb; padding-left:40px ; padding-top:10px; padding-bottom:10px; padding-right: 10px ; margin-top:10px; margin-bottom:5px; margin-left:0px; }
UL.list1 LI { padding-bottom:5px }


UL.sitemap1 { font:bold 10pt/24pt; color:#000000; list-style:none; padding-top:10px; padding-bottom:10px ; margin-top:10px; margin-bottom:10px; margin-left:0px; }
UL.sitemap1 A { color:#000000; }
UL.sitemap2 { font:9pt/14pt; color:#000000; padding-left:10px; padding-bottom:20px; }
UL.sitemap2 A { color:#000000; }

.page1 { font: 9pt/12pt ; width:100%; height: 100%; }
.hdg1 { border-bottom: #cccccc 2px solid; }
.logo1 { padding-left:6.4%; padding-top: 2%; padding-bottom:2%; background:url(..\common\images\general.jpg) right no-repeat; } 
.logo2 { padding-left:6.4%; padding-top: 2%; padding-bottom:2%; }  

.bar1a { height:1px; background:#000000; }

.ftg1 { margin:0px; }
.ftg2 { font:7pt/8pt; margin:0px; }
.ftg1l { font:7pt/8pt; width:80%; background:#eeeeee; }
.ftg2l { width:100%; background:#eeeeee; }
.ftg1r {font:8pt/8pt Tahoma, Verdana, Arial; width:14%; color: #ffffff; background:#dd9966; padding-left:12px; padding-right:12px; border-left:#eebb66 3px solid  }

.main1 { font: 9pt/12pt; height:100%; }
.matter1 { font: 9pt/12pt; width:86% ; padding-left:8%; padding-right:20px; padding-bottom:20px; vertical-align:top; }
.matter2 { font: 9pt/12pt; width:100% ; padding-left:8%; padding-right:20px; padding-bottom:20px; vertical-align:top; }

.menucontainer1 { vertical-align: top; padding-left:2px; padding-right:2px; padding-top:8px; padding-bottom:8px; background: #eeaa66; border-left: #ffcc66 3px solid }
.menuitem1 { padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:1px; border: #eeaa66 1px solid }
.menu1 {font: 8pt/10pt Tahoma, Verdana, Arial; width:100%; color: white; background:#eeaa66; vertical-align:top }
.menu1 HR {width:100% ; height:1px ; color:ffffff; }	
.menu1 A { text-decoration:none; }
.menu1 A:link { color:ffffff; }
.menu1 A:visited { color:ffffff; }
.menu1 A:active { color:ffffff; }
//.menu1 A:hover {text-decoration: underline; color:#ffffcc}


.prod1 { font:9pt/12pt; margin:25px; border: #ffffcc 1px none; background:url(..\common\images\bgr.jpg) right repeat-y;}
.prod1 TD { }
.prod1 TD.name1 { padding:5px } 
.prod1 TD.desc1 { padding:5px } 
.prod1 TD A:link strong { color: #996633; }
.prod1 TD A:visited strong { color: #996633; }
.prod1 TD A:active strong { color: #996633; }

/* desc1 section sm for links u/l off in tables */
.desc1 A { text-decoration:none; }
.desc1 A:link {color:#000000; }
.desc1 A:visited {color:#000000; }
.desc1 A:active {color:#000000; }


.prod2 { font:bold 9pt/12pt; background:#ffffff; color: #ffffff; margin-top:25px; border: #666633 1px solid }
.prod2 TD { }
.prod2 TD.name2 { padding:7px; } 
.prod2 TD.desc2 { padding:7px; text-align: center } 
.prod2 TR.row1 { background:#cccc99; color: #000000 }  
.prod2 TR.row2 { background:#999966; }  
.prod2 TR.row0 { background:#666633; color: #ffff66 }  
.prod2 TR.rowblank1 { height:30px }
.prod2 TR.rowhdg1 { background:#ffffee; color:#666633; }  

.prod3 { font:9pt/12pt; background:#ffffff; color: #ffffff; margin-top:25px; border: #666633 1px solid }
.prod3 TD { }
.prod3 TD.name2 { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px } 
.prod3 TD.desc2 { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px } 
.prod3 TR.row1 { background:#cccc99; color: #000000 }  
.prod3 TR.row2 { background:#999966; }  
.prod3 TR.row0 { background:#666633; color: #ffff66 }  
.prod3 TR.rowblank1 { height:30px }
.prod3 TR.rowhdg1 { color:#666633; }  
.prod3 TD A { text-decoration: none; color: #ffffff; }

.row1 TD A:link { color:#000000; }
.row1 TD A:visited { color:#000000; }
.row1 TD A:active { color:#000000; }
.row1 TD A:link strong { color:#000000; }
.row1 TD A:visited strong { color:#000000; }
.row1 TD A:active strong { color:#000000; }

.row2 TD A:link { color:#ffffff; }
.row2 TD A:visited { color:#ffffff; }
.row2 TD A:active { color:#ffffff; }
.row2 TD A:link strong { color:#ffffff; }
.row2 TD A:visited strong { color:#ffffff; }
.row2 TD A:active strong { color:#ffffff; }

.row0 TD A:link { color:#ffffff; }
.row0 TD A:visited { color:#ffffff; }
.row0 TD A:active { color:#ffffff; }
.row0 TD A:link strong { color:#ffffff; }
.row0 TD A:visited strong { color:#ffffff; }
.row0 TD A:active strong { color:#ffffff; }

FORM.form1 TABLE { font:9pt/12pt; margin-top:15px; background:#cccc99; color: #000000; border:thin solid #999999; }
FORM.form1 TD { padding-left:5px; padding-right:25px; vertical-align:top; }
FORM.form1 TD.title1 { font:bold ; padding-top:8px; padding-bottom:8px; }
FORM.form1 TD.label1 { padding-top:5px; text-align:right; }
FORM.form1 TD.submit1 { padding-top:10px; padding-bottom:8px; }

.detl1 { font:9pt/12pt; margin:5px; border: #ffffcc 1px none; background:url(..\common\images\bgr.jpg) right repeat-y;}
.detl1 TD { }
.detl1 TD.name1 { padding:10px; vertical-align:top } 
.detl1 TD.desc1 { padding:10px } 
.detl1 TD A:link strong { color: #996633; }
.detl1 TD A:visited strong { color: #996633; }
.detl1 TD A:active strong { color: #996633; }



/*
N.B. : 	margins ; 
	1. give margin-left wherever specifying float:right
	2. give margin-right wherever specifying float:left 
	3. properties given with FORM.form1 TABLE { } 
		are not picked up by a TABLE in form1 (IE5)
		which does not have a class (with TABLE tag) .
		this could be a general problem
	
    	padding ;
	1. padding % for both height & width
		is calculated using WIDTH of the containing element
		
*/