/* Black and White style sheet Copyright 2007-2009 Lerner Consulting, Inc. www.lernerconsult.com */ 


body {
	/* if background includes   scroll:none   no picture shows */
	background: #FFFFFF url(/images/sumtextb.jpg) repeat ; 
	color: #010101;
	/* for centering blocks on page without tables, 
	  have body centered and div #bodyblock text-align:left */
	text-align: center; 
	vertical-align: text-top; 
	direction: ltr;
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	font-size-adjust: 0.52; /* use value for Arial, very legible at small sizes */
	/* Size of lower case letters affects legibility more than size of upper case letters. font-size-adjust: adjust font display so height of lower-case 'x' is specified amount of font-size, e.g. font-size:16px, x-height = .52*16px=8.3px. Makes low x-height fonts like Palatino look same size as other fonts. Not supported in IE. */
	text-indent: 0;
	padding: 0px 2px;
}
body p, body pre, body ul { text-align:left; }

/* for single-column layouts (e.g. sales page), use bodyblock */
div#bodyblock {
	margin-left: auto;
	margin-right: auto;
	width: 45em; max-width:100%;
	text-align: left;
}

/* http://www.alistapart.com/articles/howtosizetextincss Best way to specify text size  -- tested in Safari 2, Firefox 2 and Opera 9.5a running on Mac OS X Tiger, along with Internet Explorer 6 (IE6) and Internet Explorer 7 (IE7) running on Windows XP with ClearType turned on */
body {
    font-size:100%; /* 16 px */
    line-height:1.25em;	/* 16px x 1.25 = 20px */
}
html, body {margin: 0; padding: 0;  }
.box-wrap, .box-header, .bodytext {
    font-size:0.875em; /* 14 px */
}
.sidenote {
    font-size:0.75em; /* 12 px */
}


/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-wrap
	{
	background: #FFFFFF; 
	color: #010101;
	}
.box-header
	{
	background: #FFFFFF;
	color: #010101;
	}
.box-footer, .box-footer p {
	background: #dddddd;
	color: #424242;
	}

#block_1
	{
	background: #FFFFFF ;
	color: #666666;
	}
#block_2
	{
	background: #dddddd url(/images/sumtextb.jpg) ;
	color: #424242;
	}
#block_3
	{
	background: #dddddd url(/images/sumtextb.jpg) ;
	color: #424242;
  }
#block_1 > p {
	padding-left:5px; padding-right:5px;
	}
#block_2 > p, #block_2 h1, #block_2 h2, #block_2 h3,
#block_2 h4, #block_2 ul, #block_2 li, #block_2 td, #news p {
	background: #dddddd;
	color: #424242;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	padding-left:5px; padding-right:5px;
}
#block_2 p a:link, #block_2 p a:visited, #block_2 p a:hover, #block_3 p a:link, #block_3 p a:visited, #block_3 p a:hover {
	background: #dddddd;
	color: #424242;
}
#block_3 > p, #block_3 h1, #block_3 h2, #block_3 h3, 
#block_3 h4, #block_3 ul, #block_3 li, #block_3 td {
	background: #dddddd;
	color: #424242;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	padding-left:5px; padding-right:5px;
}
  
#block_2 > H2, #block_3 > H2, #block_2 > div > h2, #block_3 > div > h2 {
	margin-top: 0;
}
#block_2 p { margin-left:5px; }

#news p { text-indent:0; }
h2 + #news p { margin-top:0; }
#copyright { font-size:0.8em; text-indent:0pt; text-align:center; }

div #socialbookmark {
	text-align:left; 
	background: #FFFFFF;	color: #010101;
	/* float left makes the background width match the images */
	float:left; display:inline;
	width:auto; min-width:100px;
	font-size:0.8em; 
	border-top-style:none; border-top-color: #010101;
	padding-top:3px; border-top-width: 1px;  
	/* required to prevent extending past column bottom */
	margin-bottom:10px; 
}
#block_2 #socialbookmark a  { background:none; }
#socialbookmark a:link, #socialbookmark a:visited, #socialbookmark a:active, #socialbookmark a.current, #socialbookmark a:hover {
	padding-bottom:0px; padding-top:5px; border:0px; margin:0px; 
	padding-left:0px; padding-right:5px; /* so line up, some gifs need it */
	font-family:Arial; 
	text-decoration:none;
}
#socialbookmark p { 
	border:0; margin:0; padding:0; 
	text-indent:0;
	color: #010101;
	background: #FFFFFF;
}
#socialbookmark a img {
	border:1px; vertical-align:bottom;
	padding:0; margin:0; 
}
/* remove blue linked image borders */
#socialbookmark a img,
#socialbookmark :link img,
#socialbookmark :visited img { border:none }
#socialbookmark a:link {
	background:none;
}
#block_2 #socialbookmark { border:double; padding:5px; margin:5px; }

/* directly in body, would simply stretch across screen */
body > div#socialbookmark { max-width:405px; text-align:left; border: 4px black double; margin:5px; padding:5px; background:none;
}


p { 
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	color: #010101;
	/* background-color: #FFFFFF; */
	text-align: left; 
	text-indent: 0pt; /* or 15pt for indented */
}

/* doesn't work IE5 or IE6		 PRE + P { text-indent: 20pt; }	
The pre + p selector means "each P element that is preceded by a PRE element". */

/* Common to not have P inside TD or TABLE */
TD, TR, table, UL, LI { 
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	color: #010101;
	/* background-color: #FFFFFF; */
	text-indent: 0; 
	text-align: left; 
	vertical-align:top;
}

P.noind, P.box, td p { text-indent: 0; }
td p { margin-top:0; }

td img, p img {
	padding-left: 5px;
	padding-right: 5px;
}
/* Tell Opera use image's alt text instead of loading image, for mobile phones */
img.as-text { content: attr(alt); }

.note { font-size: .75em ;}

blockquote, blockquote p {
	color: #474747;
	background: #eeeeee;
	font-family: Georgia,"Century Schoolbook","Times New Roman",times, serif;
	text-indent: 0;
	text-align: left; 
}
blockquote {
	padding-left: 1em;
	padding-right: 1em;
	margin: 0 1em 0 1em;
	font-size: 1.2em; line-height:1.135em;	/* 16px x 1.125 = 18px */
}
CITE { color: #010101; 	background-color: #FFFFFF; 
font-style: italic; 	font-size:0.875em; /* 14 px */
}
blockquote[cite]:after {
	/* usage: <BLOCKQUOTE cite="http://www.cssdreams.com"> */
	/* :after not supported in IE until IE8 */
  margin: 1em 0 0 0; font-size: 0.875em; display: block;
  padding: 0.5em 0 0 0; font-weight: bold;
  border-top: 1px solid #669;  
  content: "Quote from: " attr(cite);
}


a:link, a:visited {
	font-style: normal;
	padding-left: 1pt;
	padding-right: 1pt;
}
a:link {
	color: #4c4c4c;
	background: none;
}
a:visited {
	color: #4c4c4c;
	background: none;
}
a:link, a:hover {
	text-decoration: underline;
}
div.tabcontent a:link {
	color: #4c4c4c !important;
	background: #eaeaea !important;
}
div.tabcontent a:link, div.tabcontent a:visited {
	font-style: normal;
	text-decoration: none;
	padding-left: 1pt;
	padding-right: 1pt;
}
div.tabcontent a:visited {
	color: #262626 !important;
	background: #bdbdbd !important;
}

a:active, a.current, div.tabcontent a:active, div.tabcontent a.current {
	color: #5f5f5f !important; 
	background: #ffffff !important;
	font-style:normal; 
	padding-left: 1pt;
	padding-right: 1pt;
}

a:hover, div.tabcontent a:hover { 
	color: #262626 !important;
	background: #bdbdbd !important;
	font-style:normal;
	padding-left: 1pt;
	padding-right: 1pt;
}
p a:link, p a:visited, li a:link, li a:visited, td a:link, td a:visited, div a:link, div a:visited, p.caption a:link, p.caption a:visited  {
	color: #4c4c4c !important;
	background: transparent; 
	font-style:normal;
	text-decoration: underline;
}
p a:hover, li a:hover {
	color: #262626 !important;
	background: #bdbdbd !important;
}

#block_2 a, #block_2 a img, #block_3 a, #block_3 a img {	padding:0px; margin:0px; border:0px; background:none; }

div[id!=site-menu] a:link, div[id!=site-menu] a:visited, div[id!=site-menu] a:hover { background:none; }
#block_3 div[id!=site-menu] a:link, #block_3 div[id!=site-menu] a:visited, #block_3 div[id!=site-menu] a:hover { background:none; }

#block_2 p a:link, #block_2 p a:visited, #block_2 p a:hover, #block_3 p a:link, #block_3 p a:visited, #block_3 p a:hover  { background:none; }


h2, h3, h4, h5 {
	background-image: none;
	background-repeat:no-repeat;
	line-height: 1.2em;
}
h1, h2 {
	font-family: "Bookman Old Style","Century Schoolbook","Times New Roman",times, serif;
	border-color: #808080 #808080;
	border-width: 6px; border-style:ridge;
	margin: 1em 0 .5em 0;
	padding: .1em .25em .15em .25em; 
	}
h1.banner { margin: 0; }

h3, h4, h5 {
	font-family: "Bookman Old Style","Century Schoolbook","Times New Roman",times, serif;
	border-color: #808080 #808080;
	border-width: 4px; border-style:ridge;
	padding: .1em .25em .15em .25em; 
	margin-bottom: 0.5em; 
}	
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: underline;
	line-height: 1.3em;
	}
h2, h4, h2 a, h4 a {
	color: #000000;
	background: #808080;
}
h3, h5, h3 a, h5 a {
	color: #262626;
	background: #bdbdbd;
}
h2 UL LI {
	color: #000000;
	background: #808080;
}

h1 { 
	font-weight: bold;
	font-style: normal;
	font-size:2em; /* 32 px */
	line-height:1.125em;	/* 16px x 1.125 = 18px */
	text-align: center;
}
h2 { 
	font-weight: bold;	/* normal, bold, bolder, lighter */
	font-style: normal; /* normal, italic */
	font-size:1.75em; /* 28 px */
	line-height:1.125em;	/* 16px x 1.125 = 18px */
	text-align: center;
}
h3, h4, h5 { 
	font-weight: bold;
	font-style: normal;
	font-size:1.25em; /* 20 px */
	line-height:1.125em;	/* 16px x 1.125 = 18px */
	text-align: left;
}

h1 a { 
	color: #262626;
	background: #bdbdbd;
}

h1.banner { 
	border-width: 8px; border-style:ridge;
	text-align: center;
	font-size: 2.0em;
	line-height:1.125em;
	page-break-before:avoid;
}
h1.banner a { 
	color: #262626;
	background: #bdbdbd;
}

h1.banner a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #262626;
	background: #bdbdbd;
}

table + h1, table + h2, table + h3, table + h4, table+ h5 { margin-top: 1em; }
/* h1 + table, h2 + table, h3 + table, h4 + table, h5 + table { margin-top: 1em; } */

blockquote a:link, .box a:link, .shortquote a:link, .longquote a:link, .attention a:link, .simple a:link {
	color: #4c4c4c !important;
	background-color:transparent;
}

p.attention { 
	background: #000000;
	color: #999999;
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	line-height:1.125em;	/* 16px x 1.125 = 18px */
}

p.longquote { 
	background: #eeeeee;
	color: #474747;
	font-family: Georgia,"Century Schoolbook","Times New Roman",times, serif;
	text-align: left;
	font-weight: bold;
	font-size: 1em; line-height:1.1em;
	padding-left: 10pt;
	padding-right: 10pt;
}

p.shortquote { font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	background: #eeeeee;
	color: #474747;
	font-weight: bold;
	font-size: 1em; line-height:1.1em;
	text-align: center;
	padding-left: 10pt;
	padding-right: 10pt;
}

.box {
	background: #eeeeee;
	color: #474747;
	font-weight: normal;
  font-size:0.875em; /* 14 px */
	border-style: solid; border-width: 3px; 
	border-color: #808080 #808080;
	padding-left: 5pt;
	padding-right: 5pt;
}

hr {	
	background: #bdbdbd url('/images/blackwhite-ribbon.gif') repeat-x;
	color: #262626;
	width: 60%;	 
	height:	10px;
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-style: solid; border-width: 1px; 
	border-color: #808080 #808080;
}

.dropcap:first-letter {
 float:left;  /* required or doesn't drop */
 font-weight : bold; 
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}


ADDRESS { 
	color: #010101; 
	background-color: #FFFFFF; 
	font-style: italic; 
	font-size:0.875em; /* 14 px */
}

PRE { 
	color: #010101;
 	background-color: #FFFFFF; 
	font-size:0.875em; /* 14 px */
}
/* allow line-wrapping for small screens */
pre { white-space: -pre-wrap; 
    /* Opera CSS Extension */  
      white-space: pre-wrap; 
    /* CSS 2.1 Addition */
		}
		
DFN { 
	color: #010101; 
	background-color: #FFFFFF; 
	font-style: italic;
	font-size:0.875em; /* 14 px */
}

PRE, CODE { background: white; color: black; font-family:"Courier New",Courier,monospace; 
	font-size: 115%; line-height:1.2em;
	text-indent: 0; text-align:left; display:block;
}
.uncode { background: white; color: black; 
	font-family:Georgia,"Times New Roman",times,serif; display:inline;
}

input, textarea, select {
	color: #010101; 
	background-color: #ffffff; 
}
input:focus, textarea:focus, select:focus { /* doesn't work IE before 7 */
	background-color: #eeeeee;
	color: #474747;
}

.highlight { 
	background: #dddddd; 
	color: #010101; 
	font-size:0.875em; /* 14 px */
}

/* Google search box */
div #cse { 	background-color: #eeeeee;
	color: #474747;
}
form.gsc-search-box {
	background-color: white;
	color: black;
}
td.gsc-clear-button {
	background-color: white;
	color:black;
	font-size:18px; line-height: 2em; 
}

div.gsc-clear-button {
 background-image: url('http://www.google.com/uds/css/clear.gif') !important;
}

td.gsc-branding-img { background: white; color:black;}
div.gsc-branding-text { 
	color:black; background: white; font-size:18px; line-height: 0.8em; 
}
td.gsc-input * {
	background-color: #eeeeee !important;
	color: #474747;
}
div.gsc-resultsRoot {
	background-color: #eeeeee;
	color: #474747;
}
div.gsc-resultsRoot a, div.gsc-resultsRoot a b, div.gsc-resultsRoot a:hover {
	color: #474747 !important;
	background-color: $evenBG !important;
}

EM { 
	font-style:italic;
}


HV { color: #010101; 	background-color: #FFFFFF;
	font-size:0.875em; /* 14 px */
 }

KBD { color: #010101; 	background-color: #FFFFFF; font-weight: bold; 	
	font-size:0.75em; /* 12 px */
}

SAMP { color: #010101; 	background-color: #FFFFFF; 	
	font-size:0.75em; /* 12 px */
 }

STRONG { color: #010101; 	background-color: #FFFFFF; font-weight: bold;
}

.mktg { font-family:"Courier New",Courier,monospace; font-size:0.875em; /* 14 px */ }

/* progress bar in CSS. Use with HTML like this: 
<DIV id="progressbar-box">
<DIV id="progressbar" style="width:75%;">75% </DIV>
</DIV>
*/
#progressbar-box{width:250px;border:1px solid #000;}
#progressbar{background:#0a0;height:1.1em;color:#fff; font-family:Arial, Helvetica, sans-serif;font-size:.9em; text-align:right;padding:2px 0px 2px 0px;}

.simple {
	float: none; 
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif; 
	background: #eeeeee; 
	color: #474747; 
	font-weight: normal; font-style: normal; font-variant: normal; 
	text-transform: none; text-decoration: none; 
	text-align: left; vertical-align: text-top; 
	border-style: solid; border-width: 2px; 
	border-color: #808080;
	padding-left: 2px; 
	text-indent: 0;
}

.bartable:nth-child(odd) { /* poor browser support */
	background: #ffffff;
	color: #5f5f5f;
}
.bartable:nth-child(even) {
	background: #eeeeee;
	color: #474747;
}
.simple tbody tr TD, .simple TR td, .bartable tr td {
	border-style: solid; border-width: 1px; 
	border-color: #808080; 
	padding:5px;
}
.simple tbody tr TD p, .simple p, .simple tbody tr TD, .simple TR td, .simple UL { 
	background: #eeeeee; 
	color: #474747; 
	text-indent: 0; 
}
.simple a:link, .simple a:visited {
	background: #eeeeee; 
	color: #474747; 
	text-decoration: underline;
}

ul {
 padding-top: 0px; padding-left:2em;
 text-align: left; 
 list-style: square; 
}

ul ul {
 list-style-type: disc;
}

ul ul ul {
 list-style-type: circle;
}

div.floater {
	width: 40%;
	margin: 0;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid;
	border-color: #808080 #808080;
	background-color: #eeeeee;
	font-size:0.75em; /* 12 px */
	clear: right;
}

div.floater h3 {
	margin: 5px -10px;
	padding-left: 10px;
}

div.floater h4 {
	margin: 0;
	margin-bottom: 10px;
}

div.floater p {
	margin: 5px 0;
}

div.floater b {
	font-weight: 300;
}

/* Div for pictures with credits */
div.figure {
padding: 10px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
border: thin solid silver;
background-color: #FFFFFF;
color: #;
background-repeat:no-repeat;
z-index:200;
}
div.figure.right, div.figure.left { width:100%; } /* since layout.css .right has width set */

/* don't do div.figure img { width: 100%; } makes picture distorted */

div.figure p { /* the default "legend" style, as opposed to "caption" */
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	font-size: .8em;
	padding-left: 1%;
	padding-right: 1%;
	line-height: .9em;
	margin: 0.25em auto 0 auto;
	text-indent: 0pt;
}
div.figure p.caption { 
	text-align: center; 
	font-size: .8em;
	padding-left: 1%;
	padding-right: 1%;
	text-indent: 0pt;
	line-height: 1.3em;
}
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%;}
.left { float: left; margin-right: 2%; }

/* end figure-divs */

/* for Amazon links (cover, prices) in left column, description 2nd col */
/* Important to have the columns after the #Include Virtual column NOT 
have a width, or will not display well.	The Amazon Products Feed width
is not known when table formatting is done by browser. */

td.book { width: 15em; font-family: "Lucida Sans","Century Gothic",Arial,sans-serif; }

td.descr { font-family: "Lucida Sans","Century Gothic",Arial,sans-serif; }

br.book { clear: left }

/* simple 2-column layout using Div's */
#div {width: 800px;}

ul.left {
	float: left;
	width: 400px; 
	margin: 0px;
	padding: 15px 0px;
	border: 0px none; 
	list-style-position: inside;
	list-style-type: square;
}

ul.right {
	float: right;
	width: 400px; 
	margin: 0px;
	padding: 15px 0px;
	border: 0px none; 
	list-style-position: inside;
	list-style-type: square;
}

.no-space {
	margin: 0px;
	padding: 0px;
}

/* end of two-column layout code */

#twitter_update_list li { list-style-position:inside; }

#amasense-ads span {
	background: #808080; 
	color: #000000; 
}
#amasense-ads div a {
	background: #eaeaea; 
	color: #4c4c4c !important;
}

.contextcashLinks {
	background: #eaeaea; 
	color: #4c4c4c;
	text-decoration: underline;
	border-bottom: #808080 2px dashed;
}

.contextcashLinks:hover {
	background: #bdbdbd;
	color: #262626; 
	text-decoration: underline;
	border-bottom: #808080 2px dashed;
}

/* Layout hacks for multiple-browser compatibility */

/* ===== Start of ClearFix */
/* from http://positioniseverything.net/easyclearing.html */
/* Non-IE make boxes enclose floated content, even if enclosed float would be longer than container's normal size */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/* even simpler than clearfix, works wide range of browsers 
adding a ‘overflow:auto’ to the outer DIV 
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */


/* for IE/Mac */
.clearfix {display: inline-block;}

/* for clearfix on IE - IE/Win spec violation causes all boxes to expand and enclose all content, regardless of any stated dimensions that may be smaller! So that 1% height will just be expanded to whatever value is needed to contain the float, and the mere fact of applying a dimension triggers the "auto-float-enclosing" behavior. As a side benefit, this stated dimension also prevents several other major IE/Win float bugs. However, should this container box be placed following a previous external float, the IE height fix will trigger Microsoft's proprietary and illegal Float Model, so watch out for that, okay? */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ===== end of ClearFix */

/* ===== Start of box-clear */
/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ===== End of box-clear */


/* Dynamic Drive menu code */
#tablist {
	padding: 0 0;
	margin: 0.3em 0 0 0;  /* line up below above h1 */
	font-family: Arial,sans-serif;
	font-size:0.75em; /* 12 px */
	font-weight:bold;
	line-height:0.9em; 
	text-indent: 0pt;
	text-align: left;
}

#tablist ul {
	text-indent: 0pt;
	text-align: left;
	margin: 0; padding:8px;
}
#tablist li {
	list-style: none;
	display: inline;
	margin: 0;	/* needed for proper horizontal spacing of items in menu */
	text-indent: 0pt;
	text-align: left;
}

#tablist li a {
	font-family: Arial,sans-serif;
	text-decoration: none;
	padding: 1px 0.1em;
	margin-left: 1px;
	border-style: solid; border-width: 1px; 
	border-color: #808080 #808080;
}

/* order should be link, visited, hover, active */

#tablist li a:link, #tablist li a:visited, #block_2 a:link, #block_2 a:visited, #block_3 a:link, #block_3 a:visited {
	background: #808080 !important;
	color: #000000 !important;
	text-decoration:none;
	font-style: normal;
}

#tablist li a:hover, #tablist li a:focus, #block_2 a:hover, #block_2 a:focus, #block_3 a:hover, #block_3 a:focus, #footer a:hover, #footer a:focus {
	background: #bdbdbd;
	color: #262626; 
	text-decoration:none;
	font-style: normal;
}

#tablist li a:active, #tablist li a.current, #block_2 a:active, #block_2 a:current, #block_3 a:active, #block_3 a:current, #footer a:active, #footer a:current {
	background: #ffffff;
	color: #5f5f5f; 
	text-decoration:underline;
}

.tabcontainer {
	/* no width, matching h1.banner and h1 */
	background: #808080; /* match tabcontent or get box around it */
	color: #000000; 
	font-family: Arial,sans-serif;
	text-decoration:none;
	font-style: normal;
	font-size:0.875em; /* 14 px */
	overflow: visible; 
	text-indent: 0pt;
	text-align: left;
	line-height:1.5em;
	padding:0.1em 0.1em 0.1em 0.1em ; /* width of border around tabcontainer */
	margin: 0.0em 0 0.2em 0; /* match left and right margin of h1.banner and h1 */
	border-style: solid; border-width: 1px; 
	border-color: #808080 #808080;
}

.tabcontent {
	background: #808080;
	color: #000000; 
	text-align:left;
	display:none;
	margin-bottom:0.1em;	/* amount of tabcontainer color that shows below*/
	padding:0.1em 0.1em 0.1em 0.2em;
	line-height:1.5em;
}

/* End of Dynamic Drive menu */


/* List-U-Like horizontal menu -- modified to use color variables */
/* LUL1.0 :: Generated CSS :: http://www.listulike.com/	*/

.lul + hr, .lul + h1, .lul + h2, .lul + h3, .lul + p { 
/* prevent element following lul from displaying at right edge of screen */
clear:both; margin-top:45px;
}

/* lul main styles */
.lul,.lul li,.lul ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.lul {
	position:relative;
	z-index:20000;
	width:5em;
	cursor:default !important;
	border:none;
	text-align:left;
	}

.lul {
	float:none;
	width:100%;
	}
@media screen,projection {
	.lul {
	float:left;
	}}
@media screen,projection {
	.lul:not(:nth-child(n)) {
	float:none;
	}}

.lul {
	margin-top:5px;
	}
.lul>li:first-child {
	margin-left:5px;
	}

@media Screen,Projection {
	.lul>li:first-child {
	margin-left:0;
	margin-right:0;
	}}
@media screen,projection {
	.lul:not(:nth-child(n))>li:first-child {
	margin-left:5px;
	}}

.lul li {
	left:5px;
	}
@media screen,projection {
	.lul li {
	position:relative;
	}}

ul[class^="lul"] li {
	left:0;
	position:static;
	}
@media Screen,Projection {
	ul[class^="lul"] li {
	left:5px;
	position:relative;
	}}

@media screen,projection {
	.lul:not(:nth-child(n)) li {
	position:static;
	}}
.lul li {
	display:block;
	width:auto;
	float:left;
	}

.lul li a {
	position:static;
	display:block;
	float:left;
	white-space:nowrap;
	}
@media screen,projection {
	.lul l\i a {
	position:relative;
	float:none;
	}}

ul[class^="lul"] li a {
	position:relative;
	float:none;
	}
@media screen,projection {
	* html .lul li a {
	position:relative;
	float:none;
	}}

@media screen,projection {
	.lul li a:not(:nth-child(n)) {
	position:static;
	float:left;
	}}

.lul li,.lul li:first-child {
	margin-right:3px;
	}
.lul a,.lul a:link {
	cursor:pointer !important;
	z-index:1000;
	text-align:left;
	border-style:solid;
	padding-left:3px;
	padding-right:3px;
	/* use 0.1em instead of 3px, so can align dropdown menu in em's */
	padding-top:0.1em !important;
	padding-bottom:0.1em !important;
	text-decoration:none;
	border-width:1px;
	font-style:normal;
	font-weight:bold !important;
	}
.lul a {
	font-size:0.75em; /* 12 px */
	}
.lul li a,.lul li a:link,.lul li a:visited {
	letter-spacing:1px !important;
	}
.lul li a:visited {
	border-width:1px;
	font-style:normal;
	border-style:solid;
	text-decoration:none;
	}
.lul li a:hover,.lul li a:focus,.lul li a.nohref:hover,.lul li a.nohref:focus {
	font-style:normal;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	}
* html .lul li a:active {
	font-style:normal;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	}
@media screen,projection {
	* html .lul li {
	display:inline;
	}}
@media screen,projection {
	* html .lul li {
	display/**/:block;
	float/**/:left;
	}}
@media screen,projection {
	* html .lul li {
	clear:none;
	}}
/* end of lul main styles */
/* start of lul color styles */


/* order should be link, visited, hover, active for proper inheritance */
.lul a, .lul a:link{
	background-image:none;
	color: #4c4c4c !important;
	background-color: #eaeaea !important;
	/* don't use crosshatch before $borders, already has them */	
	border-color: #000000 #000000 #000000 #000000;	
	font-family: Arial,sans-serif;
}

.lul li a:visited{
	background-image:none;
	background-color: #bdbdbd !important;
	color: #262626 !important; 
	border-color: #000000 #000000 #000000 #000000;
}

.lul li a:hover,.lul li a:focus,.lul li a.nohref:hover,.lul li a.nohref:focus {
	background-image:none;
	background-color: #bdbdbd !important; 
	color: #262626 !important; 
	border-color: #000000 #000000 #000000 #000000;
	}

* html .lul li a:active {
	background-image:none;
	background-color: #ffffff !important; 
	color: #5f5f5f !important;
	border-color: #000000 #000000 #000000 #000000;
	}


/* Vertical menu */	
/* LUL1.0 :: Generated CSS http://www.listulike.com/	*/

.lulv,.lulv li,.lulv ul {
	margin:0;
	padding:0;
	list-style-type:none;
	/* putting float:left here interferes with hover over blank part of box */
}

.lulv {
	position:relative;
	left:0;
	top:0;
	z-index:20000;
	width:12em; /* affects spacing right of menu */
	cursor:default !important;
	border:none;
	text-align:left;
}

#site-link-menu .lulv { /* for IE7 */
	width:12em; 
}
#block_3 .lulv { width:95%; margin:5px; padding-bottom:5px;
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}
#block_3 .lulv li { width:12em; }

.lulv {
	position:static;
	padding-left:5px;
	padding-top:5px;
}

.lulv a {
	font-size:0.75em; /* 12 px */
}
.lulv li {
	display:block;
	width:11.5em;   /* affects width of menu items, was 7.2em; */
	position:static;
}

@media screen,projection {
	.lulv/**/[class="lulv"] li{
	position:relative;
}}

.lulv li a{
	position:relative;
	display:block;
}

.lulv li {
	margin-bottom:3px;
}

/* order should be link, visited, hover, active for proper inheritance */

.lulv a,.lulv a:link {
	cursor:pointer !important;
	z-index:1000;
	text-align:left;
	border-style: solid;
	padding-left:3px;
	padding-right:3px;
	/* padding in ems */
	padding-top:0.1em !important;
	padding-bottom:0.1em !important;
	text-decoration:none;
	border-width:1px;
	font-style:normal;
	font-weight:bold !important;
}


.lulv li a,.lulv li a:link,.lulv li a:visited {
	letter-spacing:1px !important;
	}
.lulv li a:visited {
	border-width:1px;
	font-style:normal;
	border-style: solid;
	text-decoration:none;
}

.lulv li a:hover,.lulv li a:focus,.lulv li a.nohref:hover,.lulv li a.nohref:focus
  {
	font-style:normal;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
}


* html .lulv li a:active, * html .lulv li a.current {
	font-style:normal;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
}

@media screen,projection{
	* html .lulv li{
	display:inline;
}}

@media screen,projection{
	* html .lulv li{
	display/**/:block;
	float/**/:left;
}}

/* end of lulv basic styles */
/* start of lulv font, color styles */

.lulv a,.lulv a:link {
	background-image:none;
	color: #4c4c4c !important;
	background-color: #eaeaea !important;
	border-color: #000000 #000000 #000000 #000000;
	font-family: Arial,sans-serif;
	}

.lulv li a:visited {
	background-image:none;
	background-color: #bdbdbd !important;
	color: #262626 !important; 
	border-color: #000000 #000000 #000000 #000000;
	}

.lulv li a:hover, .lulv li a:focus, .lulv li a.nohref:hover, .lulv li a.nohref:focus, #nav2 a:hover {
	background-image:none;
	background-color: #bdbdbd !important;
	color: #262626 !important; 
	border-color: #000000 #000000 #000000 #000000;
	}

* html .lulv li a:active, * html .lulv li a.current {
	background-image:none;
	background-color: #ffffff !important;
	color: #5f5f5f !important;
	border-color: #000000 #000000 #000000 #000000;
	}

/* done with List-U-Like menus */


/* for nested menus */	
.lul ul li {
	position: relative;
}

.lul li ul {
	position: relative;
	z-index:2 !important;
	left: 0;
	top: 1.1em;
	width: 5em;
	display: none;
}

.lul li:hover ul, li.over ul { 
	position: relative;
	z-index:2 !important;
	display: block; 
}

/* Fix IE. Hide from IE Mac \*/
* html .lul ul li { float: left; height: 1%; }
* html .lul ul li a { height: 1%; }
/* End */

/* end nested menu code */	


/* Amazon Products Feed styles */
.apf_submit_button_style { 
	font-family: Arial,sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:0.875em; /* 14 px */
	min-width: 8em; max-width: 13em; overflow:visible;
	text-decoration:none;
	background: #808080;
	color: #000000;
	border-color: #000000 #000000 #000000 #000000;
	border-style: outset;
	border-width: 2px;
	cursor:pointer;
}

.apf_cart_text3_style { 
	color: #474747;
	background: #eeeeee;
	font-family: Arial,sans-serif;
	font-size:0.875em; /* 14 px */
	font-weight:bold; 
	white-space:nowrap; 
	width:33%; 
}

.apf_color_bar { 
	background: #808080;
	color: #000000;
	border-style: outset; border-width: 2px; 
	border-color: #808080 #808080;
	font-size:0.75em; /* 12 px */
	line-height:0.9em; text-align:center; width:100%; 
}

.apf_error { 
	background: #000000;
	color: #999999;
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	text-align: left;
	font-weight: bold;
	font-size:1.125em; line-height:1.5em; /* 16 px */
}

.apf_descr_text { 
	font-weight:normal; font-family: "Lucida Sans","Century Gothic",Arial,sans-serif; 
	color: #010101;
	background-color: #FFFFFF; 
	text-indent: 0pt;
	text-align: left;
	font-size:0.875em; /* 14 px */
}

.apf_small_text { font-size:small; }
.apf_footer { font-size:xx-small; text-align:center; }
.apf_prices { 
	color: #010101; 
	background-color: #FFFFFF; 
	font-size:0.75em; /* 12 px */
}
.apf_prices_list { text-decoration: line-through; }
.apf_prices_text { font-weight:bold; }

.apf_even_row { 
	background: #eeeeee;
	color: #474747;
	padding:6px; 
}

.apf_odd_row {
	background: #ffffff;
	color: #5f5f5f;
	padding:6px; 
}

.apf_checkbox { clear:right; float:right; font-weight:bold; padding:6px; }
.apf_comments_summary { font-weight:bold; }
.apf_normal_heading { font-weight:bold; }

.apf_heading4 { 
	font-weight:bold; font-family: Georgia,"Century Schoolbook","Times New Roman",times, serif; 
	color: #010101;
	background-color: #FFFFFF; 
	text-indent: 0pt;
}

.apf_heading4c, .apf_heading4c a {
	font-weight:bold;
	font-size:1.125em; line-height:1.5em; /* 16 px */
	font-family: Georgia,"Century Schoolbook","Times New Roman",times, serif;
	color: #474747;
	background: #eeeeee;
	text-indent: 0pt;
}

.apf_heading4c em, .apf_descr_text em {
	font-style:italic; font-size:1.0em;
	background-color:transparent;
}

.apf_customer_reviews_header { 
	font-weight:bold; font-family: Georgia,"Century Schoolbook","Times New Roman",times, serif; 
	color: #474747;
	background: #eeeeee;
}

.amzn_menu {
	text-align: center; 
	width:100%;
	line-height: 1.5em;
}

.amzn_menu a, .amzn_featured a {
	padding-left:0;
	padding-right:0;
	text-decoration: none;
}

.amzn_menu a:hover, .amzn_menu a:active, a.imagelink:hover, a.imagelink:active {
	background: #bdbdbd;
	color: #262626; 
}	

.imagelink {
	text-decoration: none;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}

.amzn_featured {
	float:left;
	width:100%;
	font-size:small; font-weight:bold; 
	padding-top:0.5em !important;
	padding-bottom:0.5em !important;
	text-align:center;
	z-index:100;
}

#page {
	DISPLAY: block; BACKGROUND: #FFFFFF; VISIBILITY: visible; MARGIN-LEFT: auto; 
	WIDTH: 550px; COLOR: #010101; MARGIN-RIGHT: auto; POSITION: relative; 
	HEIGHT: auto; TEXT-ALIGN: left
}

#inner {
	DISPLAY: block; VISIBILITY: visible; MARGIN-LEFT: 25px; margin-right: 25px; 
	POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}

.col1 {
	DISPLAY: block; FLOAT: left; WIDTH: 33%; 
	color: #474747; BACKGROUND-COLOR: #eeeeee; 
	TEXT-ALIGN: center;
}

.col1w {
	DISPLAY: block; FLOAT: left; VISIBILITY: visible; WIDTH: 10em; HEIGHT: auto; 
	BACKGROUND-COLOR: transparent; TEXT-ALIGN: right;
}

.col2 {
	DISPLAY: block; FLOAT: left; WIDTH: 33%; 
	color: #5f5f5f; BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
}

.col3 {
	DISPLAY: block; FLOAT: left; WIDTH: 33%; 
	color: #474747; BACKGROUND-COLOR: #eeeeee; 
	TEXT-ALIGN: center;
}

.col3nb {
	DISPLAY: block; FLOAT: left; VISIBILITY: visible; WIDTH: 35%; HEIGHT: auto; 
	BACKGROUND-COLOR: transparent; TEXT-ALIGN: left;
}

.col1menu {
	display: block; float:left; 
	font-size:0.875em; /* 14 px */
	text-align:left; 
	width: 12%; max-width:8em; 
	border: 2px solid; border-color: #000000 #000000 #000000 #000000; 
	color: #474747; BACKGROUND-COLOR: #eeeeee; 
}

.col2main {
	width: 78%; float:right; 
	color: #010101;
	background-color: #FFFFFF; 
	text-indent: 0pt;
}

.col2main li {
	text-indent: 0pt;
}

.textcol {
	MARGIN-LEFT: 12px; BACKGROUND-COLOR: transparent;
}

.horzspace {
	CLEAR: both; DISPLAY: block; height: 10px; WIDTH: 100%; 
	BACKGROUND-COLOR: transparent; TEXT-ALIGN: left;
}

a.nopad, a img, a:link img, a:visited img, a:active img, a:hover img, .nopad {
	/* color: #4c4c4c; background-color:#eaeaea; */
	color: #4c4c4c;
	background-color: transparent;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
}


.adbody {
	background: #FFFFFF url(/images/sumtextb.jpg) repeat ; 
	color: #000000;
	direction: ltr;
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	padding: 10px 10px;
	margin-top: 3pt;
	text-align: left;
	text-indent: 0;
	vertical-align: text-top; 
}

.admain {
	background: #ffffff; 
	color: #000000;
	width: 48em; max-width:100%;
	/* if specify LR margins, it won't center ( margin-left:5px; margin-right:5px;) */
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 3pt;
	font-family: "Courier New",Courier,monospace; 
	text-indent: 0;
	font-weight: normal; font-style: normal; font-variant: normal; 
	text-transform: none; text-decoration: none; 
	text-align: left; vertical-align: text-top; 
}

.adtext, .admain p {
	background: #ffffff; 
	color: #000000;
	font-family: "Courier New",Courier,monospace; 
	font-weight: normal; font-style: normal; font-variant: normal; 
	line-height:1.4em;
	text-transform: none; text-decoration: none; 
	text-align: left; vertical-align: text-top; 
	text-indent: 0pt;
	float: none; 
	padding-left: 2px; 
}

.admain ul {
	color: #000000;
	background-color:transparent;
	font-family: "Courier New",Courier,monospace; 
	font-weight: normal; font-style: normal; font-variant: normal; 
	text-transform: none; text-decoration: none; 
	text-align: left; vertical-align: text-top; 
}

.admain ul li {
	padding-bottom: 6pt;
	margin-left: .2em;
	font-family: "Courier New",Courier,monospace; 
}
.admain blockquote a, .admain blockquote p a {
	color: #4c4c4c;
	background-color:transparent;
}

.testimonial {
	font-family: "Lucida Sans","Century Gothic",Arial,sans-serif;
	font-size: 90%;
	color: #474747;
	background: #eeeeee;
	margin-left: 3em;
	margin-right: 3em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .1em;
	padding-bottom: .2em;
}

.testimonial p {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .1em;
	padding-bottom: .2em;
}

.admain h1 {
	color: #262626; 
	background-color:transparent; 
	font-family: Georgia,"Century Schoolbook","Times New Roman",times,serif;
	font-style: normal;
	line-height: 1.1em;
	text-align: center;
	padding:0 10px; margin:0;
}

.admain h1.banner { 
	color: #262626;
	background-color:transparent; 
	font-family: Georgia,"Century Schoolbook","Times New Roman",times,serif;
	text-align: center;
	font-size: xx-large;
	font-style: italic; 
	line-height: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	padding-bottom: .3em;
}

.admain h2 {
	color: #000000; 
	background-color:transparent; 
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	font-family: Georgia,"Century Schoolbook","Times New Roman",times,serif;
	font-style: normal;
	margin-top: 6pt;
}

.admain h3, .admain h4, .admain h5 {
	color: #000000; 
	background-color:transparent; 
	text-align: center;
	font-weight: bold;
	font-family: Georgia,"Century Schoolbook","Times New Roman",times,serif;
	font-style: normal;
	margin-top: 6pt;
}


.admain h2.highemphasis, .admain h3.highemphasis, .admain h4.highemphasis, 
.admain h5.highemphasis, .highemphasis a { 
	color: #262626; 
	font-weight: bold; 
}

.admain h2.emphasis, .admain h3.emphasis, .admain h4.emphasis, 
.admain h5.emphasis, .emphasis a { 
	color: #000000; 
	font-weight: bold; 
	border: none;
}


.admain p strong, .admain strong, .admain p b, .admain b {
	color: #000000;
	background-color:transparent;
	font-weight:bold;
}
.admain p em, .admain em  {
	color: #000000;
	background: transparent; 
	font-style:italic; font-size:1.0em;
}
.admain p i, .admain i  {
	color: #000000;
	background-color:transparent;
	font-style:italic;
}
h1 em, h2 em, h3 em, h4 em, li em {
	background-color:transparent;
	font-style: italic; 
}

.admain P .highlight { 
	color: #000000;
	background: #dddddd; 
	font-style: normal;
}

.admain p a {
	color: #4c4c4c;
	background: transparent;
}
.admain p a:hover { 
	color: #262626;
	background: #bdbdbd;
	text-decoration: underline;
}


table.adtable {
	float: none; 
	font-family: Georgia,"Century Schoolbook","Times New Roman",times, serif; 
	background: #eeeeee; 
	color: #474747; 
	font-weight: normal; font-style: normal; font-variant: normal; 
	text-transform: none; text-decoration: none; 
	text-align: left; vertical-align: text-top; 
	border-style: outset; border-width: 2px; 
	border-color: #808080 #808080;
	padding-left: 2px; 
	text-indent: 0;
}

table.adtable td {
	padding-left: 3pt;
	padding-right: 3pt;
	padding-top: 5pt;
	padding-bottom: 10pt; 
	border-style: solid; border-width: 1px; 
	border-color: #808080;
}
table.adtable td p {
	background: #eeeeee; 
	color: #474747; 
}

p img {
	padding-left: 10pt;
	padding-right: 10pt;
	color: #4c4c4c;
	background-color:transparent;
	text-decoration: none;
}

.admain a.nopad, .admain .nopad {
	color: #4c4c4c;
	background-color:transparent;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
}
/* end of style sheet */