/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	l = left border
	r = right border
	t = top border
	b = bottom border
*/

#tlc4, #trc4, #blc4, #brc4
	{
	background-color: transparent;		/*set background color to transparent for our 4 corner so that it will not go overlapped*/
	background-repeat: no-repeat;		/*set background to only display once for our 4 corner*/
 
	}

#tlc4
	{
	background-image:url(../images/BOX_LEFT/TLC.jpg); 	/*set top left hand corner image*/
	/*background-position: 0px 0px;				/*set the position to start at 0,0, top left*/
	width:24px;
	height:26px;
	}

#trc4
	{
	background-image:url(../images/BOX_LEFT/TRC.jpg);	/*set top right hand corner image*/
	/*background-position: 100% 0px;			/*set the position to start at max width,0, top right*/
	width:6px;
	height:26px;
	}

#blc4
	{
	background-image:url(../images/BOX_LEFT/BLC.jpg);	/*set bottom left hand corner image*/
	/*background-position: 0px 100%;			/*set the position to start at 0,max height, bottom left*/
	width:24px;
	height:15px;
	}

#brc4
	{
	background-image:url(../images/BOX_LEFT/BRC.jpg);	/*set bottom right hand corner image*/
	/*background-position: 100% 100%;			/*set the position to start at max width,max height, bottom right*/
	width:6px;
	height:15px;
	}

#t4
	{
	background-image:url(../images/BOX_LEFT/T.jpg); /*set the top border image*/
	/*background-position: 0px 0px;			/*set the position to start at 0,0, top left*/
	background-repeat: repeat-x;		/*repeat the top border image in x-axis*/
	height:26px;
	}

#b4
	{
	background-image:url(../images/BOX_LEFT/B.jpg); /*set the bottom border image*/
	/*background-position: 0px 100%;		/*set the position to start at 0,max height, bottom left*/
	background-repeat: repeat-x;		/*repeat the bottom border image in x-axis*/
	height:15px;
	}

#r4
	{
	background-image:url(../images/BOX_LEFT/R.jpg); /*set the right border image*/
	/*background-position: 100% 0%;		/*set the position to start at max width,0, top right*/
	background-repeat: repeat-y;		/*repeat the right border image in y-axis*/
	width:6px;
	}

#l4
	{

	background-image:url(../images/BOX_LEFT/L.jpg); /*set the left border image*/
	/*background-position: 0px 100%;		set the position to start at 0,max height, top left*/
	background-repeat: repeat-y;		/*repeat the left border image in y-axis*/
	width:24px;
	}