/**************************/
/*width of whole page*/
#frame {
		width:800px;
		height: 100%;
		margin-right:auto;
		margin-left: 26px; /* auto; */
		margin-top:20px;
		padding:0px;
		text-align:left;
		}

  #leftcolumn {
		width:/*50px;*/ 40px;
		padding:0px;
		float:left;
		}
	
	#centrecolumn {
		width:/*650px;*/ 700px;
		height: 100%;
		padding:0px;
		float:left;
		}
	
	#rightcolumn {
		width:/*50px;*/ 40px;
		padding:0px;
		float:left;
		}
	
/***************************/

body {
	margin:0px;
	padding:0px;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	color: Black;
	background: white url(images/background_plus_1.jpg) repeat scroll top left; 

}

/*not using this .. but leave it in because it might be useful at some point*/
body.index{
	text-align:center;
} 



h1 {
	font-size:42px;
	font-weight: bold;
	margin:0px 0px 17px 0px;
	color: #282C87;
}
h2 {
	font-size:20px;
	margin:0px 0px 7px 0px;
	color:#1AAC58; /* #1ED222; #1FB126;  */ /* purple #7A12E4; bright pale blue= #00BCE2; */
}
h3 {
	font-size: 14px; 
	font-weight: bold;
	margin:15px 0px 7px 0px;
	color: Navy;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin:15px 0px 7px 0px;
	color: Navy;
}

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: #2D4DA2; text-decoration: underline; font-weight: 600; }
a:link {color: #2D4DA2;  }
a:visited {color: #2D4DA2; }
a:hover {color: red; /* #00BCE2; */ }


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

#smallanc a{color: White; text-decoration: underline; font-weight: 600;} 
#smallanc a:link {color: White;}
#smallanc a:visited {color: White; }
#smallanc a:hover {color: #00BCE2; }



#stockanc a{color: #B7490C; text-decoration: none; font-weight :normal} 
#stockanc a:link {text-decoration: none; color: black; font-weight :normal}
#stockanc a:visited {text-decoration: none; color: brown; font-weight :normal }
#stockanc a:hover {text-decoration: none;color: color: #FE7C00;font-weight :normal }


/* Put the main logo image in the html because background images don't print out */
#mainlogo {
	/*height: 60px;*/	
	/*width: 217px;*/		/* actual width of graphic */
	top: 0px;
	left: 0px;
	margin:0px;
	padding:0px 0px 3px 0px;
}


#leftmenu {
   float: left; 
   width: 160px;/*150px;*/
	height: 100%;	
	
	padding:0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: none;
	border-color: black;
	
	/* background-color: #2D4DA2; */
}

#leftmenu a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 5px;		/* was 15 .. put the padding HERE not in leftmenu itself - see comment above */
}
#leftmenu a:link {color: white; }
#leftmenu a:visited {color: white; }
#leftmenu a:hover {color: #00BCE2; }

#menubody a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
	padding-left: 5px;		/* was 15 .. put the padding HERE not in leftmenu itself - see comment above */
}
#menubody a:link {color: #CCCCCC; }
#menubody a:visited {color: #CCCCCC; }
#menubody a:hover {color: white; }


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

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

#leftbottom {
	position: absolute; 
	top: 90%;
	/*left: 15px;*/			/*don't want to do this because we are centring all content on the page*/
	height: auto;
	font-size: 9px;
	line-height:16px;
	padding-left: 5px;
	color: #CCCCCC;
}

.lftbtag {
	font-size: 9px;
	line-height:16px;
	font-weight: bold;
	color: #B7490C;
}


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

#menuheading {
   color: white; 
}

/** !*/
#menubody {
   color: yellow; 
	/*padding: 0px 0px 0px 10px;*/
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-weight: 600;
}

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

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

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

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

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


/* Content div ?*/ 
#content {
/*   background: white url(images/background.jpg) no-repeat scroll top left;  */
	color: black;
	width: 530px; /*control the width of the content ... width of the whole centre div - width of left menu - padding ? Was 490 */
	float: left;
	padding: 10px 0px 0px 10px;
}

#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 */
}

/* 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;
}

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; /*#35359c*/;
	border-collapse : collapse;
	border-spacing : 0;
}

/***************************************/
/*table stuff*/

/** not using this yet **/
.tablehomes {
  width: 490px; /*same width as content div*/
  margin: 0px 0px 0px 0px;	
  padding: 0px 0px 0px 0px;
  border-collapse : collapse;
  border-spacing : 0;
}


.homesnamcol  {
	width: 125px; /*120px;*/
	padding: 5px 3px 2px 0px;
	text-align:left;
	vertical-align: top;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #1F4F97;/*white;*/
	empty-cells : show;
	border-collapse : collapse;
	border-spacing : 0;
	
	/*background-color: #CEB5A5;*/
	/*color: #767C83;*/
   /*font-weight : bold;*/
	font-size: 9px;
}

.homescol1  {
	width: 110px; /*120px;*/
	padding: 5px 3px 2px 0px;
	text-align:left;
	vertical-align: top;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #1F4F97;/*white;*/
	empty-cells : show;
	border-collapse : collapse;
	border-spacing : 0;
	
	/*background-color: #CEB5A5;*/
	/*color: #767C83;*/
   /*font-weight : bold;*/
	font-size: 9px;
}




.homescol2  {
	width: auto%;
	padding: 2px 2px 2px 3px;
   
	text-align: Left;
	vertical-align: top;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #1F4F97;/*white;*/
	empty-cells : show;
	border-collapse : collapse;
	border-spacing : 0px;
	
	
	font-size: 10px;
	
	/*background-color: #E7D6C6;/*
	/*font-weight :normal;
	color: #B7490C;
	text-decoration: none;
	line-height: 10px;*/
}

.homescol3  {
	width: 80px;
	padding: 2px 2px 2px 3px;
	text-align:center;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #1F4F97;/*white;*/
	empty-cells : show;
	border-collapse : collapse;
	border-spacing : 0;
	
	/*background-color: #CEB5A5;*/
	
	/*color: #767C83;*/
   font-weight : bold;
	font-size: 10px;
}

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

.tabledata  {
	width: auto;
	padding: 2px 2px 3px 6px;
	background-color: #CEEAB8;  /* #D0FDD0; */ /* #F0FFDB;*/
	text-align: left;
	vertical-align: top;
}
/**not using this yet ....
/***************************************/