body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 1em;
	font-size: 1em;
	background-color: #ffffff;
	color: #400000;
	background-image:url(index/krusty_os.gif)
}

a:visited {
	color: #800080;
}

td, tr, table {
	border: 1px solid black;
}

table {
	padding: 0px;
	border-spacing: 0;
    border-collapse: collapse;
	width: 99%;
}

.below-fold {
	text-align: center;
}

.ape-table {
	width: auto;
	margin-left:auto; 
    margin-right:auto;
	margin-bottom: 4em;
}

.ape-table .icon-column {
	text-align: center;
}

.rainbow-breaks {
	width: 40%;
}

.callout-column-td {
	width: 50%;
	vertical-align: top;
}

.product-callout {
	width: 25%;
	height: auto;
	min-width: 200px;
}

.text-lgreen {
	color: #008F00;
}

.text-mgreen {
	color: #005F00;
}

.text-red {
	color: red;
}

.text-blue {
	color: blue;
}

.text-purple {
	color: purple;
}

.text-teal {
	color: teal;
}

.text-green {
	color: green;
}

.apegif {
	border: 1px solid black;
	float: left;
	margin-right: 3px;
}

.clearleft {
	clear: left;
}

.clearboth {
	clear: both;
}

.product-header {
	font-size: 1.5em;
	margin-top: 2em;
	color: navy;
}

.product-sub {
	font-size: 0.85em;
	font-weight: bold;
	color: black;
}

.bold {
	font-weight: bold;
}

.bigger-bold {
	font-size: 1.1em;
	font-weight: bold;
}

.bold-dark-blue {
	font-weight: bold;
	color: #000099;
}

.topheader {
	font-weight: bold;
	text-align: right;
	font-size: 1.2em;
	color: #625b66;
	background-color: #f3f1f4;
	border: #625b66;
}

.ape-header {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-style: normal;
}

.ape-header-block {
	margin-top: 3em;
	margin: 3em;
}

.bottomheader {

	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	color: #625b66;
	background-color: #f3f1f4;
	border: #625b66;
}

.center {
	text-align: center;
}

.pseudo-div 
{
    display: block;
}

.top-pad
{
	padding-top: 0.5em;
}

.bottom-pad
{
	padding-bottom: 0.5em;
}

@media screen and (max-width: 640px) {
	.rainbow-breaks {
		width: 60%;
	}

	.top-pad
	{
		padding-top: 0.5em;
	}
	
	.topheader {
		font-size: 1.1em;
	}
	
	.product-header {
		font-size: 1.1em;
	}
	
	.bold {
		font-size: 0.9em;
	}

	.bigger-bold {
		font-size: 0.9em;
	}
	
	.ape-header {
		font-size: 1.3em;
	}
	
	.ape-header-block {
		margin-top: 1.5em;
		margin: 1.5em;
	}

	.apegif {
		width: 40%;
		height: auto;
		min-width: 1px;
	}

	.product-callout {
		width: 99%;
		height: auto;
		min-width: 1px;
	}

	td {
		padding: 5px;
	}
	
	.ape-table {
		margin-bottom: auto;
	}
}
