@charset "UTF-8";
/* CSS Document */
body  {background-image:url(/webgraphics/images/bgpatterngray4.gif); font-family: Arial, Helvetica, sans-serif; color:#663300}
img { border: 0 }

div#container {margin: 0 auto; 
  padding: 0; 
  width: 800px; 
  background-color: #ffffff;
  border-style: solid; border-color: #b0b0b0; border-width: 2px 12px 12px 12px;}
  
div#containerHPouter {margin: 0 auto; 
  padding: 0; 
  width: 800px; 
  background-color: #b0b0b0;
  border-style: solid; border-color: #b0b0b0; border-width: 2px 12px 12px 12px;}

div#containertext {margin: 1px 12px 16px 12px; min-height: 660px; 
padding: 5px 5px 30px 5px; 
background-color: #FFFFFF; border:none; display:block; overflow: visible;}

div#containerHPinner {margin: 1px 12px 14px 12px; height: 540px; 
padding: 5px 5px 20px 5px; 
background-color: #ccc; border:none; display:block; overflow: visible;}

div#textHP {
float: right; width: 330px; padding: 10px 10px 14px 20px;
}

div#leftcolHP {
float: left; width: 380px; padding: 10px 2px 14px 10px;}

div#containerCards {margin: 1px 12px 14px 12px; min-height: 500px; 
padding: 5px 5px 30px 5px; 
background-color: #FFFFFF; border:none; display:block; overflow: visible;}

div#banner {width: 800px; height: 114px; background-color: #b0b0b0; padding: 0; margin: 0; border: none; z-index: 10;}

div#blockleft {position: absolute; margin: 0 1px 0 0; width: 290px; min-height: 120px; padding: 1px; overflow: auto;}

div#blockright {position: absolute; margin: 0 0 0 294px; width: 290px; min-height: 120px; padding: 1px; overflow:auto; }

div#navleft {float: left; width: 170px; padding: 4px 12px 24px 4px; border-style: solid; border-width: 0 2px 0 0; border-color:#dcdfbe;}


div#mainRight {float: left; width: 410px; min-height: 500px; margin: 0 2px 2px 2px; padding: 5px 5px 5px 10px; overflow:auto; }

div#rightcolwide {margin: 0 0 0 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 4px 10px 16px 16px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #FFFFFF;
	min-height: 640px;} 


table#grey {width: 680px; background-image:url(/webgraphics/images/grey1.png);}
table#white {background-color:#FFFFFF; min-height: 500px;} 
tr.dark {background-color:#bdc599}
td.white {background-color:#ffffff}
td.grey {background-image:url(/webgraphics/images/grey1.png);}
td.background {background-color:#dcdfbe;}
td.PageTitle {background-color:#ffffff; font-size:18px; color:#665555}


/*div#topnavbar {margin-top: -28px; margin-right: 1px; margin-bottom: 2px; margin-left: 160px; height: 26px; padding: 1px; display: inline-block; z-index: 20;}
#dropmenudiv{
position:absolute;
margin-top: -4px;
margin-left: -4px;
border:1px solid black;
border-width: 1px;
padding: 1px;
font:normal 12px Arial, Helvetica, sans-serif;
line-height:20px;
z-index:30;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0;
border: none;
padding: 1px;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color
background-color:#999999;
}*/

a:link {font-weight:normal; color:#339966; text-decoration:underline;}
a:visited {font-weight:normal; color:#339966; text-decoration:underline;}
a:hover {font-weight:normal; color:#339966;text-decoration:underline;}
a:active {font-weight:normal; color:#339966;text-decoration:overline underline;}


a#image:link {text-decoration: none; padding: 0;}

a#image:visited {text-decoration: none;padding: 0;}

a#image:hover {text-decoration: underline;padding: 0;}

a#image:active {text-decoration: underline;padding: 0;}
/*
a#nav:link {font-weight:bold; color:#000000; text-decoration:none;}
a#nav:visited {font-weight:bold; color:#000000;text-decoration:none;}
a#nav:hover {font-weight:bold; color:#000000;text-decoration:underline; background-color:#999999;}
a#nav:active {font-weight:bold; color:#000000;text-decoration:overline underline; background-color: #FFCCFF;}
*/
a	{font-size:inherit;}
a.paginationLink {font-size:16px}

a.normalText	{font-size:12px}
a:link.normalText	{font-size:16px}
a:visited.normalText	{font-size:16px}
a:hover.normalText	{font-size:16px}

a.sideLink	{font-size:94%; text-decoration:none; color:#663300; font-family:Arial, Helvetica, sans-serif;}
a:link.sideLink	{font-size:94%; text-decoration:none; color:#663300; font-family:Arial, Helvetica, sans-serif;}
a:visited.sideLink	{font-size:94%; text-decoration:none; color:#663300; font-family:Arial, Helvetica, sans-serif;}
a:hover.sideLink	{font-size:94%; text-decoration:underline; color:#663300; font-family:Arial, Helvetica, sans-serif;}

a.mainpage { color:#339966; text-decoration:none; font-size:16px}
.outOfStock { color:red; font-weight: bold}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

.buttonClass {
	text-size: 10pt;
	background-color: #bdc599;
}

.imageClass {
	border: 1px #666666 solid;
}

.footerText {
	width: 792px;
	padding: 1px 2px 8px 2px;
	color: #000000;
	font-size: 78%;
	margin-top: 6px;
	margin-left: 6px;
	}
	
.footerFloatRight {
	width: 420px;
	text-align: right;
	float: right;
	padding: 1px;
	
}
.floatLeft {
	width: 250px;
	float: left;
	padding: 1px;
	
}

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 126%; font-weight: normal; margin-top: 8px; margin-bottom: 12px; margin-left: 6px;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size: 102%; font-weight: normal; margin-top: 18px; margin-bottom: 8px; margin-left: 12px;}

h2#larger {font-family:Arial, Helvetica, sans-serif; font-size: 124%; font-weight: normal; margin-top: 18px; margin-bottom: 12px; margin-left: 8px;}


h3 {font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; margin-top: 14px; margin-bottom: 8px; margin-left: 12px;}

p#textHP {font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; margin: 6px 8px 10px 16px;}


p {font-family:Arial, Helvetica, sans-serif; font-size: 88%; font-weight: normal; margin: 6px 10px 10px 16px;}

p#list {font-family:Arial, Helvetica, sans-serif; font-size: 86%; font-weight: normal; margin: 8px 4px 10px 32px;}

p#sideNav {font-family:Arial, Helvetica, sans-serif; font-size: 94%; font-weight: normal; margin: 14px 6px 28px 16px;}


p#breadcrumbs {font-family:Arial, Helvetica, sans-serif; font-size: 66%; margin: 0 4px 4px 1px;}

ul#sideNav {margin-left: -10px;}

li#sideNav {list-style-type:none; padding: 8px; margin-top: 8px; margin-right: 0; margin-bottom: 10px; margin-left: 0;}

dl {margin-top: 10px; margin-left: 12px;}
dt {font-size: 88%; font-weight: bold; color:#663300;}
dd {font-size: 88%; font-weight: normal; margin-bottom: 16px; margin-left: 8px; color: #663300}




#footernew {margin-left: auto; margin-right: auto; margin-top: 2px; margin-bottom: 10px; 
	width: 800px; 
	}