@charset "UTF-8";
body  {background-image:url(/webgraphics/images/bgpatterngray4.gif); 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%;
	color:#663300;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 4px 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
div#containerHP { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #b0b0b0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-style: solid; border-color: #b0b0b0; border-width: 2px 12px 12px 12px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

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

div#container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height: 560px;
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-style: solid; border-color: #b0b0b0; border-width: 2px 12px 12px 12px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

div#container_innerHP {margin: 1px 12px 14px 12px; min-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#container_inner {margin: 1px 12px 14px 12px; min-height: 540px; 
padding: 5px 5px 20px 5px; 
background-color: #fff; border:none; display:block; overflow: visible;}

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#col_left {
	float: left; /* since this element is floated, a width must be given */
	width: 366px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 6px 15px 4px;
	}

div#col_right {width: 390px;
	margin: 0 0 0 394px; /* 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: 0 4px 0 4px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

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


div#collefthp {
	float: left; /* since this element is floated, a width must be given */
	width: 390px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccc; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 6px 15px 4px;
}
div#mainContent { 
	margin: 0 0 0 412px; /* 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: 0 8px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

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


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


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

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}


img { border: 0 }
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 {
	font-size: 80%;
	background-color: #bdc599;
}

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

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

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

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


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

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}

ul#icons {padding: 10px 10px 10px 40px;}
li#icons {display: inline !important; list-style-type:none;
}
blockquote {font-size: 100%;
}