body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color: Black;
}

body.index{
	background: #FFFACD url(images/background_ind.gif) scroll top left;	
} 

body.products{
	background: #FFFACD url(images/background_pro.gif) scroll top left;
}





h1 {
	font-size:20px;
	margin:0px 0px 7px 0px;
	color: #000031;
}
h2 {
	font-size: 15px; 
	font-weight: bold;
	margin:15px 0px 7px 0px;
	color: #000031;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin:15px 0px 7px 0px;
	color: #000031;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin:15px 0px 7px 0px;
	color: #000031;
}

p {
	font:12px/18px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	padding:0px;
}

#disclaimer{
    padding-top: 15px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
	color: Gray;
	font-style : italic;
}


a {	color: Navy; text-decoration: underline; font-weight: 600; }
a:link {color: Navy;}
a:visited {color: Navy; }
a:hover {color:#4A30E7; }


#smallanc{
    padding-top: 0px;
	font:10px verdana, arial, helvetica, sans-serif;
}

#smallanc a {	color: Navy; text-decoration: underline; font-weight: 600; }
#smallanc a:link {color: Navy;}
#smallanc a:visited {color: Navy; }
#smallanc a:hover {color:#4A30E7; }

/* Put the main logo image in the html because background images don't print out */
#mainlogo {
	background: white url(images/banner.jpg) no-repeat scroll top right;
	height: 60px;	
	top: 0px;
	left: 0px;
	margin:0px;
	padding:0px;
}

#topmenu {
	padding: 8px 0px 9px 10px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: Navy;/*#4A30E7;*/
	line-height: 11px;
	color: white;
	font-weight: bold;
	background-color: #FEFF4F;
}
#topmenu a {
	color: Navy;
	text-decoration: none;
	font-weight:600;
} 
#topmenu a:link {color: Navy; }
#topmenu a:visited {color:Navy; }
#topmenu a:hover {color: #4A30E7; /*#B74810;  #FFC039; */ }

#leftmenu {
	float: left;
	width: 200px;/*210px;*/					/* fix the width of the menu on all pages */
	height: 90%;

	/**************************************************************************
	* Rule: if you want to have specific widths or heights, and you want them 
	* to appear the same between IE and other browsers, DO NOT use any padding
	* or borders in that direction.
	* (In fact you can usually get away with borders if they're small.)
	**************************************************************************/

	padding: 5px 0px 0px 0px;/*15px 0px 0px 0px;*/	/* avoid left & right padding here */
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: Navy;/*#4A30E7;*/
	line-height:24px;
	color: white;
	background-color: #90A4CD; 
}

#leftmenu a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 1px;		
}
#leftmenu a:link {color: white; }
#leftmenu a:visited {color: white; }
#leftmenu a:hover {color: #4A30E7; }

.im {
	margin: 15px 0px 0px 13px;
	border: 0px;
}

/* This div isn't perfect but it will do */

#leftbottom {
	position: absolute; 
	top: 85%;
	left: 15px;			/* same as leftmenu.a.padding-left */
	height: auto;
	font-size: 9px;
	line-height:16px;
}

/*for samarind link*/
#leftbottom a{font-size:9px; color: Navy; text-decoration: underline; font-weight: 600;} 
#leftbottom a:link {font-size:9px; color: Navy;}
#leftbottom a:visited {font-size:9px; color: Navy; }
#leftbottom a:hover {font-size:9px; color: #4A30E7; }

#menuheading {color: yellow; }
#menuheading a:link {color: yellow; }
#menuheading a:visited {color: yellow; }
#menuheading a:hover {color: yellow; }

#thispage a {
	color: #4A30E7;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 25px;
}

#thispage a:link {
	color: #4A30E7;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 25px;
}

#thispage a:visited {
	color: #4A30E7;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 25px;
}

#thispage a:hover {
	color: #4A30E7;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 25px;
}


/* Content div*/
#content {
	top: 0;
	left: 0;
	margin: 0px 0px 0px 200px; /* same width as leftmenu  - was 210*/
	padding:15px 20px 15px 15px;
	color: black;
}

#content_index {
	top: 0;
	left: 0;
	margin: 0px 0px 0px 200px; /* same width as leftmenu  - was 210*/
	padding:0px 0px 15px 15px;
	color: black;
/*	background: #FFFACD url(images/front_montage.jpg) no-repeat top right; */
}

#picture {
	position: relative;
	float: right;
	width: 130px; 
 	top: 0px;
	right: 0px;
	margin:0px;
	padding:0px;
	text-align: right; 	/* right-justify the picture within the above width */
}

#multipic {
	position: relative;
	float: right;
	width: 130px; 
 	top: 0px;
	right: 0px;
	margin:0px;
	padding:0px;
	text-align: right; 	/* right-justify the picture within the above width */
}

#front_picture {
	position: relative;
	float: right;
 	top: 0px;
	right: 0px;
	margin:0px;
	padding:0px;
	text-align: right; 	/* right-justify the picture within the above width */
}

table,td,tr,input,ol,ul,li,input {
	/* some of these don't inherit from body in some browsers, so specify again */
	font:12px/18px verdana, arial, helvetica, sans-serif;	
	color: black; 
	border-collapse : collapse;
	border-spacing : 0;
}

/*table cells*/

/* Column headings */
.tablelabel  {
	width: 30%;
	padding: 2px 2px 3px 6px;
	background-color: pink;
	/*font-weight : bold;*/
	text-align: left;
	color: white;/*#B7490C;*/
}

.tabledata  {
	width: auto%;
	padding: 2px 2px 3px 6px;
	background-color: #E5FEE5;/* #F0FFDB;*/
	text-align: left;
	
}

/* picture classes, no borders */
.lpic {
	margin: 6px 12px 6px 0px;
	text-align: left;	
}

.rpic {
	margin: 6px 0px 6px 12px;
	text-align: right;	
}
/* picture classes, with borders */
.lpicb {
	margin:6px 12px 6px 0px;
	text-align: left;	
	border: 1px solid black;
}

.rpicb {
	margin: 6px 0px 6px 12px;
	text-align: right;	
	border: 1px solid black;
}

.mpicb {
	margin: 6px 20px 6px 40px;
	border: 1px solid black; /* #E2210F; */
}