@import url('colors.css');

html { margin: 0px; padding: 0px; }

body {
	margin: 0px; padding: 0px;
	text-align: left;
	background: url('images/columns2.gif') repeat-y;
}

img { border: 0px; }

.clear { clear: both; }

/*************** fonts *****************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#menu {
	font-size: 85%;
}
#footer, #disclamer {
	font-size: .8em;
	font-style: italic;
	}


/*************** layout ***************************/
#body2col{
	width: 100%;


}

#body3col {
	width: 100%;

}

/*************** layout  for  2 column page***************************/
#body2 {
	position: relative;
	left:0px;
	border-color:#699439;
	clear: right;
	padding: 10px 10px 10px 15px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 175px;
	
}

	#body2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/****************************************/
#body1 {
	position:absolute;
	left:0px;
	top:100px;
	margin-left: 199px;
	margin-right:5px;
	border-right: solid 0px;
	border-left: solid 0px;
	padding: 0px 4px 0px 15px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
}

#bodymiddle {
	position:absolute;
	left:0px;
	top:100px;
	margin-left: 199px;
	margin-right:25%;
	border-right: solid 0px;
	border-left: solid 0px;
	padding: 0px 4px 0px 15px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
}


/*************** layout  for 3 column page***************************/	

#body3 {
	position:absolute;
	right:5px;
	top:100px;
	padding: 5px 0px 0px 0px;
	background:#DEEBBD;
	border-color:#699439;
	border-left: solid 1px;
	border-right: solid 1px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: .7em;
}
	html>body #body3 { width: 23%; }

#container {
	position:static;
	top:0px;
	left:0px;
	width: 100%;
	margin: 0px auto;
	text-align: left;
}


#flashmovie {

	width: 100%;
	height: 0px;
}


#flashmoviefull {
	background: url('images/bg.jpg') no-repeat;
	width: 100%;
	height: 137px;
}

#newsite {
width: 100%;
text-align: center;
padding: 0px 0px 0px 10px;

}

#logo {
	background: url('images/bkfall2.gif') repeat;
	margin: 0px auto;
	height: 72px;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

#pricechart {
	margin: 10px auto;
}

#menu { height: 25px; }

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu li { float: left; }
	#menu a {
		float: left;
		padding: 5px 0px 5px 25px;
	}

#cart { 
	height: 25px; 
	

}

#cart ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#cart a {
		float: right;
		padding: 0px 20px 0px 0px;
	}	
	
.submenu {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.submenu li {
		margin-bottom: 3px;
	}
	
	.submenu a {
		display: block;
		width: 180px;
		padding: 2px 5px 2px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}


.submenu3 {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
	
}
	.submenu3 li {
		margin-bottom: 3px;

	}
	
	.submenu3 a {
		display: block;
		width: 180px;
		padding: 2px 5px 2px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 148px;
	}
	
.submenu2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
	.submenu2 li {
		margin-bottom: 1px;
	}
	
	.submenu2 a {
		display: block;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}

		html>body .submenu a { width: 158px; }	
		
 .openmenu {
 	float: right;
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.openmenu li {
		margin-bottom: 3px;
	}
	
	.openmenu a {
		display: block;
		width: 140px;
		padding: 2px 5px 2px 15px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 140px;
	}
		html>body .openmenu a { width: 140px; }	
		
#disclamer {
	font-size: 70%;
	border-color:#699439;
	padding: 0px 0px 0px 0px;

}			

#footer {
	height:40px;
		font-size: 70%;
	border-color:#699439;
	padding: 5px 0px 0px 0px;

}

#dis {
	font-size: 70%;
	border-color:#699439;
	padding: 0px 0px 0px 0px;
		
}			
#foot {
	font-size: 70%;
	height:40px;
	padding: 5px 0px 0px 0px;

	}

/***************** other media styles *********************/

@media print {
	#logo, #menu, .submenu, #flashmovie, #footer { display: none; }
	
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
	
}

@media handheld {
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
		
	#flashmovie { display: none; }
	
	.submenu, .submenu li { margin: 0px; }
	.submenu li { display: inline; }
	.submenu a:link, .submenu a:visited { display: inline; width: auto; border: none; background: none;  }
	.submenu a:hover { background: none; border: none;  }
}