body 
{
	font-family: Sans-Serif;
	background-color: #ffbfd9;
	padding: 0px; 
	margin: 0px;
    min-width: 800px;
    /* IE Dynamic Expression to set the width */
    width: expression(document.body.clientWidth < 800 ? "800px" : "100%" );
}

ul, li 
{
	padding: 1px;
/*
	list-style-type: none;
	padding: 0px; 
	margin: 0px;
*/
}


* html .container
{
	border-right: 800px solid #ffbfd9;
	min-width: 800px;
}
* html .holder 
{
	display:inline-block; position:relative; margin-right:-800px;
}

#headerlogo
{
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
	height: 105px;
	width: 218px;
	background: url(../img/chrislogo.jpg) top left repeat-y;
    min-width: 800px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 800 ? "800px" : "100%" );
}

#headerline
{
	position: absolute;
	z-index: 2;
	left: 228px;
	top: 0px;
	height: 70px;
	width: 1px;
	font-size: 1pt;
	background: #6999cc;
}

#headerimage ul, #headerimage li 
{
	list-style-type: none;
	padding: 0px; 
	margin: 0px;
	line-height: 0px;
}

#headerimage
{
	position: absolute;
	top: 0px;
	z-index: 3;
	float: left;
	height: 105px;
	left: 160px;
	width: 800px;
	min-width: 800px;
}

#headerimage1
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header1_on.gif) -130 -90 no-repeat; 
}

#headerimage1 a
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header1_off.gif) top left no-repeat; 
}

#headerimage1 a:hover 
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header1_on.gif) top left no-repeat; 
}

#headerimage2
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header2_on.gif) -130 -90 no-repeat; 
}

#headerimage2 a
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header2_off.gif) top left no-repeat; 
}

#headerimage2 a:hover 
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header2_on.gif) top left no-repeat; 
}

#headerimage3
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header3_on.gif) -130 -90 no-repeat; 
}

#headerimage3 a
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header3_off.gif) top left no-repeat; 
}

#headerimage3 a:hover 
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header3_on.gif) top left no-repeat; 
}

#headerimage4
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header4_on.gif) -130 -90 no-repeat; 
}

#headerimage4 a
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header4_off.gif) top left no-repeat; 
}

#headerimage4 a:hover 
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header4_on.gif) top left no-repeat; 
}

#headerimage5
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header5_on.gif) -130 -90 no-repeat; 
}

#headerimage5 a
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header5_off.gif) top left no-repeat; 
}

#headerimage5 a:hover 
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header5_on.gif) top left no-repeat; 
}

#headerimage6
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header6_on.gif) -130 -90 no-repeat; 
}

#headerimage6 a
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header6_off.gif) top left no-repeat; 
}

#headerimage6 a:hover 
{
	position: relative; 
	top: 0px;
	z-index: 3;
	float: right;
	height: 100px;
	width: 100px;
	background: url(../img/header6_on.gif) top left no-repeat; 
}

#outage
{
	font-family: Sans-Serif;
	font-size: 10pt;	
	color: #4979ac;
}

#main
{
	font-family: Sans-Serif;
	margin: 20px;
	color: #400000;
    min-width: 800px;
}

* h1
{
	font-family: Sans-Serif;
	color: #400000;
	text-align: center;
}

* h2
{
	color: #400000;
	font-family: Sans-Serif;
	text-align: left;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #400000;}
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #400000;}

table
{
	padding: 0px;
	border: none;
}

td
{
	font-family: Sans-Serif;
	padding-right: 10px;
	color: #400000;
}

#picturelink td
{
	font-family: Sans-Serif;
	margin: 20px;
	color: #400000;
}

#picturelink tr
{
	height: 230px;
}

#picturelink a img
{
	margin-left: 10px;
	margin-right: 15px;
	border: 2px #800000 inset;
	filter: Alpha(Opacity=100);
}

#picturelink a:hover img
{
	margin-left: 10px;
	margin-right: 15px;
	border: thin #0000FF outset;
	filter: Alpha(Opacity=85);
}

#footer
{
	height: 200px;
}

#testcss
{
	text-align: right;
	position: absolute;
	width: 100%;
	z-index: 150;
	right: 0px;
	background:transparent;
}

.cssblock 
{
	position: relative;
	z-index: 100;
	border: 1px outset black;
	width: 20px;
	height: 20px;
}

#PayPalSubmit
{
	/*background: url(../PayPal_mark_50x34.bmp) top left no-repeat; */
	background: url(https://www.paypal.com/en_US/i/logo/PayPal_mark_50x34.gif) top left no-repeat;
	width: 50px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: hand;
}

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

img
{
	border: 2px #800000 solid;
}

td.OrderSection
{
	width: 100%;
	background: #ff8fa9;
	border: 2px outset pink;
}