@import url('colors.css');

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

body {
	margin: 0px; padding: 0px;
	text-align: center;
}

img { border: 0px; }
.clear { clear: both; }

/*************** fonts *****************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
#footer, #menu {
	font-size: 85%;
}
/*************** layout ***************************/

#body2col{
	width: 950px;
	background: url('images/columns2.gif') repeat-y;
}

#body3col {
	width: 950px;
	background: url('images/columns3.gif') repeat-y;
}

#body2 {
	width: 200px;
	float: left;
	padding: 10px 10px 10px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 165px;
}

	html>body #body2 { width: 165px; }

#body2col #body1 {
	width: 750px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px;
}

	html>body #body2col #body1 { width: 730px; }



#body3col #body1 {

	width: 600px;

	float: left;

	padding: 10px;

	/* box model hack */

	voice-family: "\"}\"";

	voice-family:inherit;

	width: 580px;

}

	html>body #body3col #body1 { width: 580px; }



#body3 {

	width: 150px;

	padding: 10px;

	float: left;

	/* box model hack */

	voice-family: "\"}\"";

	voice-family:inherit;

	width: 130px;

}

	html>body #body3 { width: 130px; }



#container {

	width: 950px;

	margin: 0px auto;

	text-align: left;

}



#flashmovie {

	background: url('images/bg.jpg') no-repeat;

	width: 950px;

	height: 137px;

}



#logo {

	margin: 0px auto;

	height: 129px;

	text-align: left;

}



#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;

	}

	

.submenu {

	margin: 0px 0px 0px -15px;

	padding: 0px;

	list-style: none;

}

	.submenu li {

		margin-bottom: 3px;

	}

	

	.submenu a {

		display: block;

		width: 180px;

		padding: 5px 5px 5px 15px;

		border: solid 1px;

		/* box model hack */

		voice-family: "\"}\"";

		voice-family:inherit;

		width: 158px;

	}

		html>body .submenu a { width: 158px; }



#footer {

	padding: 5px 5px 5px 25px;

}



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

}

http://www19.examples.stores.advantrics.com/61961/colors.css

a:link { color: #2c6017; }

a:visited { color: #5da53e; }

a:active, a:hover { color: #35940d; }



body {

	color: #666;

	background: #f4f2eb;

}



#container {

	background: #fff;

}



#flashmovie { color: #fff; }



#footer, #menu {

	background: #96c660;

}



h1, h2, h3, h4, h5, h6 { color: #42762c; }



#menu a:link, #menu a:visited {

	text-decoration: none;

	color: #172d12;

}



#menu a:active, #menu a:hover {

	color: #466b1d;

}



.submenu a:link, .submenu a:visited {

	background: #96c660;

	text-decoration: none;

	border-color: #466b1d;

	color: #466b1d;

}



.submenu a:active, .submenu a:hover {

	background: #699439;

	border-color: #172d12;

	color: #172d12;

}



@media print {

	#body2 { border-bottom: solid 1px #ccc; }

	#body3 { border-top: solid 1px #ccc; }

}



@media handheld {

	

	#body2, #body3 { background: #eeeadf; }



	.submenu a:link, .submenu a:visited { color: #2c6017; }

	.submenu a:hover { color: #35940d; }

}