/* ================================================================= */
/* ================================================================= */
/* ================================================================= */
/* general, global style rules */

	body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 70%;
		background-color: #B3B358;
		background-image: url("images/body_background.jpg");
	}
	
	a {
		color: #A3A335;
		text-decoration: underline;
	}
	a:visited {
		color: #A3A335;
		text-decoration: underline;
	}
	a:hover {
		color: #000000;
		text-decoration: underline;
	}

	p#toolbar {
		margin: 0;
		padding: 10px 0 0 266px;
		height: 37px;
		background-image: url("images/toolbar_background.jpg");
		background-repeat: repeat-y;
		color: #C3EE83;
		font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
		font-size: 110%;
	}
	body#products p#toolbar {
		padding: 10px 0 0 25px;
	}
	
		p#toolbar a {
			margin-right: 10px;
			margin-left: 10px;
			font-size: 95%;
			text-decoration: none;
			color: #C3EE83;
		}
		p#toolbar a:visited {
			text-decoration: none;
			color: #C3EE83;
		}
		p#toolbar a:hover {
			text-decoration: none;
			color: #FFFFFF;
		}
		
	div#main {
		height: 529px;
		overflow: visible;		
		color: #FFFFFF;
		background-color: #B61101;
		background-image: url("images/main_background.jpg");
		position: relative;
		padding-top: 1px;
	}
	body#homepage div#main {
		height: auto;
	}
	body#products div#main {
		background-image: url("images/products_background.jpg");
	}
		
	h1#dally {
		/* hides the text of the h1 heading, text is in bg image instead */
		width: 1px;
		height: 1px;
		position: absolute;
		top: -20px;
		left: -20px;
		z-index: -1;
		font-size: 1px;
	}
	
	ul#menu {
		list-style-type: none;
		width: 180px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 115px;
		left: 260px;		
		font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
		font-size: 115%;
	}
	body#products ul#menu {
		left: 10px;		
	}
	
		ul#menu li {
			display: block;
			margin-bottom: 5px;
		}
	
		ul#menu a {
			display: block;
			padding-left: 23px;
			font-size: 95%;
			text-decoration: none;
			color: #C3EE83;
		}
		ul#menu a:visited {
			text-decoration: none;
			color: #C3EE83;
		}
		ul#menu a:hover {
			text-decoration: none;
			color: #FFFFFF;
			background-image: url("images/arrow.gif");
			background-repeat: no-repeat;
			background-position: 0px 0.6em;
		}
		
		ul#menu a.lit {
			text-decoration: none;
			color: #FFFFFF;
			background-image: url("images/arrow.gif");
			background-repeat: no-repeat;
			background-position: 0px 0.6em;
		}	
		
	div#page {
		background-image: url("images/page_background.jpg");
		margin-left: 490px;
		margin-top: 150px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
		padding-left: 30px;
		line-height: 1.75;
		color: #000000;
		background-color: #ffffff;
		/*background-color: #e2e1bc;*/
		border: 5px solid #e2e1bc;
	}		
	body#products div#page {
		margin-left: 200px;
	}		
	
	body#homepage div#intro {
		margin-left: 490px;
		margin-right: 40px;
		padding-top: 150px;
		padding-bottom: 20px;
		line-height: 1.75;
		font-size: 120%;
		font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
	}
		
	div#footer {
		text-align: center;
		font-size: 95%;
		margin-top: 60px;
		line-height: 1.75;
		color: #aaaaaa;
	}
	body#homepage div#footer {
		margin-top: 0px;
		padding-top: 1px;
		padding-bottom: 20px;
		background-image: url("images/footer_background.jpg");
		background-repeat: repeat-x;
		color: #FFFFFF;
	}
	
		div#footer p {
			margin-top: 20px;
		}
		
			
/* ================================================================= */
/* ================================================================= */
/* ================================================================= */
/* rules for styling up basic content */

	p {
		margin-top: 0;
	}

	h2 {
		margin-bottom: 0px;
		font-size: 220%;
		font-weight: normal;


		color: #BA1F00;
		font-family: Times, "Times New Roman", serif;
	}

	h3 {
		margin-bottom: 0px;
		font-size: 110%;
		font-weight: bold;
		color: #939325;
	}

	h4 {
		margin-bottom: 0px;
		font-size: 100%;
		font-weight: bold;
		color: #939325;
	}
	
	p.byline {
		margin-top: -5px;
		margin-left: 20px;
		color: #aaaaaa;
		font-weight: bold;
	}		
	
	img.biophoto {
		float: right;
		margin: 0px 0px 10px 20px;
	}
	
	strong {
		color: #A3A335;
	}

/* css for product catalog  start*/
 td#products p#toolbar {
		padding: 10px 0 0 25px;
	}
	
	td#products div#main {
		background-image: url("images/products_background.jpg");
	}
	
	td#products ul#menu {
		left: 10px;		
	}
	
	td#products div#page {
		margin-left: 200px;
	}
/* end of the product catalog */