body {margin: 0; font-family: Verdana; font-size: 0.9em; background-color: #000000; text-align: center;
scrollbar-3dlight-color: #FFFFFF;
      scrollbar-arrow-color: #FFFFFF;
      scrollbar-base-color: ;
      scrollbar-darkshadow-color:;
      scrollbar-face-color: #000080;
      scrollbar-highlight-color:;
      scrollbar-shadow-color: ;
      scrollbar-track-color: "#FEFDEF"}

a:hover {color: #FE685C}
a:visited {color: #4040FF}
a {color: #0000FF}

#menu {background-color: #F6FD29; margin: 5px 0}

#shadow5 {border: 1px solid #000014; border-top: 0}
#shadow4 {border: 1px solid #000031; border-top: 0}
#shadow3 {border: 1px solid #000052; border-top: 0}
#shadow2 {border: 1px solid #000070; border-top: 0}
#shadow1 {border: 1px solid #000084; border-top: 0; width: 760px; margin: 0 auto;}

#main {width: 760px; padding: 0; margin: 0 auto; text-align: left; border: 2px solid #000084; background-color: #ffffff}
#preheader_padding {padding: 5px; background-color: #ffffff}
#preheader {color: #ffffff; background-color: #000084; text-align: left; padding: 3px; font-size: 0.9em}
#preheader a {color: #ffffff; text-decoration: none}
#preheader a:hover {color: #F6FD2D}
#preheader_right {float: right}

#newsletter {background-image: url(images/newsletter-bg.gif)}

#newsletter_inner {padding: 5px 30px 0 15px; font-size: 0.75em}

#footer {background-color: #000084; padding: 5px; clear: both; color: #ffffff; text-align: center; font-size: 0.7em; font-weight: bold; border-bottom: 1px solid #000000}
#footer A {color: #ffffff; text-decoration: none}
#footer A:hover {color: #000000}

#below_footer {width: 760px; text-align: right; color: #EAEAEA; padding: 2px 0 5px 0; font-size: 0.7em}
#below_footer a {color: #5C5CEA}
#below_footer a:hover {color: #5C5CEA}
#below_footer a:visited {color: #5C5CEA}

ul.redarrowlist {margin-left: 0; font-size: 1em; font-weight: bold; list-style-type: none;}
ul.redarrowlist li {padding: 0 0 5px 15px; background-image: url("images/arrow-right-red.gif"); background-repeat: no-repeat; background-position: 0 4px}
h1, h2, h3, h4, h5 {font-family: Tahoma}
h1 {text-align: center; font-size: 1.6em; margin: 0; color: #ff0000}
h2 {font-size: 1.3em; color: #000080}
h3 {font-size: 1.1em}
h4 {font-size: 1.2em; color: #ff0000}
h5 {font-size: 1.1em; color: #000080}
.mediumtext {font-family: Arial; font-size: 1.2em; font-weight: bold}
.bigcentertext {font-family: Arial; font-size: 1.2em; font-weight: bold; text-align: center}

.johnsonboxsmall {border: 2px solid #000000; background-color: #FDFFEB; padding: 15px; margin: 10px 100px;}
table {text-align: left}

.johnsonbox {border: 2px solid #000000; background-color: #FDFFEB; padding: 15px; margin: 15px 50px;}
table {text-align: left}

table.examples {font-weight: bold}
table.examples tr.rowheader td {background-color: #000000; color: #ffffff}
table.examples tr.rowheader th {background-color: #000000; color: #ffffff}
table.examples tr.lightblue td {background-color: #EBEBFF}
table.examples tr.lightblue th {background-color: #EBEBFF}
table.examples tr.lightorange td {background-color: #FFFFEB}
table.examples tr.lightorange th {background-color: #FFFFEB}
table.examples th {text-align: left;}
table.examples td {text-align: center;}

.middle-column-img-left-fullsize-border {
	float: left;
	width: 11.0em;
	height: 11.0em;
	margin: 0.3em 0.75em 0.3em 0em;
	border: solid 1px rgb(100,100,100);
	font-size: 0.833em; !scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.	
}

table.prices th {font-size: 0.8em; text-align: center; background-color: #000000; color: #ffffff; padding: 3px}
table.prices td {font-size: 0.8em; text-align: center; background-color: #eeeeee; padding: 3px}

ul.intralinks {list-style-type: none;}
ul.intralinks li {padding: 0 0 5px 15px; background-image: url(images/arrow-down.gif); background-repeat: no-repeat; background-position: 0 5px}

.footer2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.footer2 a:link, a:visited {
	color:#FFFFFF;
}