body {
			font: 90% Verdana,Arial,Helvetica,sans-serif, white;
			/* background-image: url('stocksalad.JPG'); */
			text-align:center;                       
			margin: 0;
		}
/* need to put conditional font for different internet browsers */
		.accessaid, h1 {
			position: absolute; 
			Top: 20px;
			height: 20;
			margin: auto;
            font: 20px Georgia, arial, vivaldi;
			font-weight: bold;
			/* overflow: hidden; */
		}

		#header {		        
			background: #33cccc;
			font: 80% Georgia, arial, vivaldi;
			color: #cc6600;
			height: 90px;
			text-align: left;
			margin: 0px auto;
			/* font-family: Georgia; */
		}


/* Text Headers */

           #hdr1 {
            position= relative;
			margin: 5px;
			font: 12px , Verdana,Arial,Helvetica,sans-serif;
			font-weight: bold;
			color: #cc6600;
			text-align: center;
            font-family: Verdana,Arial,Helvetica,sans-serif;
			text-decoration: underline;
		}

            #hdr2 {
            position= relative;
			margin: 5px;
			font: 25px , Verdana,Arial,Helvetica,sans-serif;
			font-weight: bold;
			color: #cc6600;
			text-align: center;
            font-family: Verdana,Arial,Helvetica,sans-serif;
			text-decoration: underline;
		}

		#hdr3 {
            position= relative;
			margin: 2px;
			font: 1px , Verdana,Arial,Helvetica,sans-serif;
			font-weight: bold;
			color: red;;
			text-align: center;
		}

        #hdr4 {
            position= relative;
			margin: 5px;
			font: 2px , Verdana,Arial,Helvetica,sans-serif;
			color: black;
			text-align: center;
            font-family: Verdana,Arial,Helvetica,sans-serif;
			text-decoration: underline;
		}


		#dtl1 {
			margin: 5px;
			font: 12px  Verdana,Arial,Helvetica,sans-serif;
			font-weight: none;
			color: black;
			text-align: left;
                   /*     font-family: "Georgia", sans-serif, arial, helvetica; */
			text-decoration: none;
                       
			
		}


	#navigation	{
 			position: absolute;
			top: 70px;
			left: 10px;
			right: 0px;
			width: 890px;
		    margin:0px auto;
			text-align: left;
			}
		#navigation ul {
			margin: 0 0 1em 0;
			padding: 0;
			list-style: none;
		}

		#navigation li{
			display: inline;
			color: black;
			/* list-style-type: none; */
			padding-left: 10px;
			text-align: right;
			font: 12px Verdana,Arial,Helvetica,sans-serif;
			font-weight: bold;
		}

/* following code is to put color on the list */
		#navigation ul a {
			color: black;
			text-decoration: bold;
		/*	display: block;
			background: #33cc00;
			padding: 0 0;
			margin: auto; */
		}

       #navigation a:visited {
			background: none;
		}
		
	#navigation a:hover {
			background: white;
                        color: black; 
		}





/* following code is providing code for main page and to the left menu colors*/
       #mainpage {			        
            position: aboslute;
			background: white;
			height: 805px;
            width: 890px; 
			float: left;
            color: Black;
			text-align:left;                       
		 /* border-left: 125px solid #33cccc; */
		 }

		#mainpage f{
		 font: 10px Verdana,Arial,Helvetica,sans-serif;
        }

		/*  #mainpage img {
			width: 650px;
			height: 350px;
			padding: 0px;
			background: #ffffff;
			border: 0.1px solid #333;
			float: left;
			margin: .01em;
			
		} */

		#img {
			width: 650px;
			height: 250px;
			padding: 0px;
			background: #ffffff;
			border: 0px solid #333;
			float: left;
			margin: .01em;
			
		}

		
		
		
/* following code will put the web page at the center of the browser (chrome and mozilla only not in IE) */
		#container {
		    position: relative;
			width: 890px; /* width + border for IE 5.x */
 			height: 590px; 
		/*	width: 850px; /* real width */ 
			border: solid #036;
			border-width: 0 0;
			margin: 0px auto;
			text-align:left;

			
		}


		#search{
		position: absolute;
		top: 60px;
		left: 550px;
		right: 0px;
		text-align: right;
		}

		#footer{
                        position: relative;
			text-align: center;
			margin: 0px;
			font: 12px;
		}
		#stockSalad-footer{
                position: relative;
              	font: 10px Verdana,Arial,Helvetica,sans-serif;
		color: white;
		clear: left;
		text-align: left;
		background: #33cccc;
		margin: auto; 
		
		}

		#sen-tr{
			padding: 0.1em 0.1em ;
            font: 10px Verdana,Arial,Helvetica,sans-serif ;
			color: #333366;
		    border-width: 1px;
			border-style: solid;
			border-color: light blue; 

		}

		

		#sen-tr1{
			padding: 0.1em 0.1em;
            font: 10px Verdana,Arial,Helvetica,sans-serif ;
			text-decoration: bold;
			color: #333366;
			border-width: 1px; 
			border-style: solid;
			border-color: #333366; 
		}

		#sen-tr2{			
            padding: 0.1em 0.1em;
            font: 12px Verdana,Arial,Helvetica,sans-serif ;
			text-decoration: bold;
			color: #333366;
		}

		#sen-table{
		    border-collapse: collapse;
			border-width: 0.1em;
			/*border-style: dashed;
			border-color: blue; */


		}

/* following code is to keep header menu */


		#navlist {
			position: absolute;
			top: 4px;
			left: 680px;
			right: 0px;
			width: 500px;
		        margin:0px auto;
			text-align: left;
		}

		#navlist ul {
			margin: 0 0 1em 0;
			padding: 0;
			list-style: none;
			}

		#navlist li
		{
		display: inline;
		color: white;
		/* list-style-type: none; */
		padding-left: 10px;
		text-align: right;
		font: 12px Verdana,Arial,Helvetica,sans-serif;
		}

/* following code is to put color on the list */
		#navlist ul a {
			color: white;
			text-decoration: none;
		/*	display: block;
			background: #33cccc;
			padding: 0 0;
			margin: auto; */
		}
*/
       #navlist a:visited {
			background: grey;
		}
		
		#navlist a:hover {
			background: white;
                        color: black; 
		}