* {margin: 0; padding: 0; font-size: 100%; line-height: 1.25em;}

body { color: #333; background: #FFF; min-width: 800px; font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 85%; }

p {margin: 0 0 1em;}
a:link, a:visited {color: #568C1E;}
/* HC
a:hover {color: #020; background: #F3FDE8;}
*/
a:hover {color: #020;}
a img {border: none;}

.ad {font-size: 0.75em; letter-spacing: 0.2em;
  text-transform: uppercase; text-align: center;
  color: #666; position: relative; z-index: 1;}
.ad img, .ad object {display: block; margin: 0 auto 0.5em;}
.pl {vertical-align: text-bottom;}

div.sub {padding: 0; margin: 0 auto; width: 90%; max-width: 950px; nowrap;}
div.iewinfix {clear: both;}

html>body {padding-top: 0em;}
body>#panel {position: relative; top: 0; width: 100%; min-width: 800px; z-index: 1000;}

#masthead {background: #581; padding-bottom: 0.75em;
  text-align: right;}
#masthead .sub {position: relative; }
#masthead a {color: #CF9;}
#masthead a:hover {color: #240; background: transparent;}

#home {position: absolute; top: 1.9em; left: 0; width: 300px; text-align: left;}

#controls {font-size: smaller; padding: 1.1em 0; margin-right: -0.33em; color: #240;
  height: 1.5em;}
#controls li {display: inline; list-style: none;}
#controls li, #controls a {padding-right: 0.33em;}
#controls img {line-height: 1px; vertical-align: -4px; margin-top: -4px;}

#search {width: 66%; margin: 0 0 0 auto;
  position: relative;}
#search .text {margin: 0 0.1em 0; width: 20em;
  font: 1.5em "Trebuchet MS", Verdana, sans-serif;}
#search .image {height: 2.1em; vertical-align: bottom;}

#nav {background: #360 images/nav_shadow.gif repeat-x;
  height: 3.33em; margin-bottom: 1.25em; font-size: 93%;
  position: relative; white-space: nowrap;}
#nav ul {float: right;}
#nav li {float: left; padding: 0 0 0 8px; margin-left: 0.5em;
  margin-top: 1px;
  background: #240 url(/images/nav_left.gif) 0 100% no-repeat;
  list-style: none;}
#nav a {float: left; display: block; width: .1em; 
  color: #CF9; background: nav_right.gif 100% 100% no-repeat;
  padding: 9px 11px 6px 2px;
  text-decoration: none; white-space: nowrap;}
#nav .sub > ul a {width: auto; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}
/* End IE5-Mac hack */
#nav a:hover {color: #FFF;}

#nav li.current {background: #581 url(/images/nav_c_left.gif) 0 100% no-repeat;
  margin-top: 0;}
#nav li.current a {color: #FFF; background: url(/images/nav_c_right.gif) 100% 100% no-repeat;
  padding: 10px 11px 7px 1px;}

/* main content section styles */

#main {clear: both; text-align: center;}
.column {float: left; text-align: left; margin: 1.5em 0;}

/* primary column styles */
/* Below I changed 1px to 0px to temp get rid of the line #### */
#primary {width: 70%; padding-right: 2%;
  border-right: 0px solid #CCC;}
#main ul, #main ol {padding-left: 0.75em; margin-bottom: 1.5em;
  font-size: 0.925em;}
#main ul li {list-style: none;
  background: url(/images/bullet_gray.gif) 0 0.5em no-repeat;
  margin-bottom: 0.33em; padding-left: 8px;}
#main ul ul, #main ul ol, #main ol ul, #main ol ol {font-size: 1em;}

#main div.video {padding: 1em 0 0.75em; text-align: center;
  border: 1px solid #CCC; border-width: 1px 0;
  background: #F7F7F7;
}

/* sidebar styles */

#sidebar {width: 25%; margin-left: 2%;}
#sidebar p {font: 0.925em "Trebuchet MS", Verdana, sans-serif; line-height: 1.5em;}

#premium-box {background: #E7FBD2 url(/images/premium_green.gif) 100% 100% no-repeat;
  border: 3px solid #581; padding: 0.5em 0.75em 1em; margin: 1.5em 0;
  list-style: none;}
#premium-box ul {padding-bottom: 0.5em; font-size: 0.925em;}
#premium-box a {color: #C30;}
#premium-box a:hover {color: #000;}

#sidebar .ad {width: 160px; margin-right: auto;}
#sidebar .ad-home {width: 300px; margin-right: auto; text-align: center; font-size: 0.75em; letter-spacing: 0.2em; text-transform: uppercase;}
#sidebar .video {width: auto;}

#footer {clear: both; font-size: smaller; text-align: center;}
#footer a {color: #555;}
#footer a:hover {color: #000;}
#footer .sub {border-top: 1px solid #CCC; margin-top: 0.75em; padding-top: 0.75em;}
#footer li {display: inline; list-style: none;}
#footer p {padding: 0.45em 0;}

/* jim added */

#premium-promo a {color: #C30;}
#premium-promo a:hover {color: #000;}

#sidebar div.premium-services a {color: #C30;}
#sidebar div.premium-services a:hover {color: #000;}

#primary h1 {font: 2.33em Georgia, serif; color: #666; padding-bottom: .5em;}
#primary h1 em {color: #333; font-weight: 100; padding-bottom: .5em;}

.ad-home {width: 728px; margin-right: auto; text-align: center; font-size: 0.75em; letter-spacing: 0.2em; text-transform: uppercase;}


.ttpluswhat a:link, .ttpluswhat a:visited {color: #169;}
.ttpluswhat a:hover {color: #000;}

#masthead {background: #169; padding-bottom: 0.75em;
  text-align: right;}
#masthead a {color: #CFF;}
#masthead a:hover {color: #024;}
#controls {color: #024;}
/*#controls {color: #CFF;}*/
#nav {background: #003A66 url(/images/nav_shadow.gif) repeat-x;}
#nav li {background: #024 url(/images/nav_left.gif) 0 100% no-repeat;}
#nav a {color: #CFF; background: url(/images/nav_right.gif) 100% 100% no-repeat;}
#nav a:hover {color: #FFF;}
#nav li.current {background: #169 url(/images/nav_c_left.gif) 0 100% no-repeat;}
#nav li.current a {color: #FFF; background: url(/images/nav_c_right.gif) 100% 100% no-repeat;}

#primary h3 {margin: 1.5em 0 0.75em;}
#primary div.last {border-bottom: 1px solid #CCC;}

#premium-box {background: #E3F4F8 url(/images/premium_blue.gif) 100% 100% no-repeat;
  border: 3px solid #003A66;}
#related {background: #EBEBEB; padding: 1em 1em 1px; margin: 1.5em 0; font-size: 0.9em;}
#related a {color: #333;}
#related li {margin: 0.5em 0;}

/*premium services*/
.premium-services {background: #E3F4F8 url(/images/premium_blue.gif) 100% 100% no-repeat; border: 3px solid #003A66; margin-bottom: 1em; padding: .5em .5em 0em .5em;}
.premium-services h4 { color: #003A66; margin-bottom: 0.3em; font: 1.5em Georgia, serif;}
.premium-services ul { margin-left: -0.5em;}

/*login page*/
#premium-promo {background: #E3F4F8 url(/images/premium_blue.gif) 100% 100% no-repeat; border: 3px solid #003A66; width: 250px; padding: .5em .5em .5em .5em; float:right;}
#premium-promo h5 {font: 1.5em Georgia, serif; color: #003A66;}
#premium-promo ul {margin-top: -0.5em; margin-bottom: 1em;}

/*related ads*/
#radlinks { width: 160px; padding: 1em; background: #f8f8f8; border: 1px solid #DCDCDC; }
#radlinks h5 { color: #333; font-size: 1em; font-weight: bold; }
#radlinks ul { margin-bottom: 0em; margin-top: 0.5em;}
#radlinks li { margin-left: -0.5em; }

.new { color: #C30; font-style: italic; font-weight: normal; background: #FEFFD5; padding: 0em .1em; border-color: #FAE3B2; border-width: 1px; border-style: solid; }

/* Get CleverKeys */
#get-cleverkeys { background: #f8f8f8; padding: 0.75em; width: 97%; text-align: center; border: 1px solid #DCDCDC;}
#get-cleverkeys .from { font-style: italic; font-size: smaller; color: #666; }

span.line {border-color: #CCC; border-width: 1px 0 0 0; border-style: solid; width: 100%; display: block; margin-top: 1em; margin-bottom: 1em;}

#breadcrumbs { background-color: #F0F7FF; padding: 0.75em; margin: 1em 0 0.75em 0; font-size: 0.925em; border-color: #DFE5ED; border-width: 1px; border-style: solid; }

#primary blockquote {padding: 1em; background: #EFEFEF; text-align: left; border: 1px solid #DCDCDC; margin: 1em 0;}
#primary blockquote li {margin-left: 1em;}

#primary {width: 72%; padding-right: 0;}
/* HC #primary .column {width: 30%; padding: 0 3% 0 0; margin: 0;}*/
#primary .column {width: 30%; padding: 0 3% 0 0; margin-top: -1.5em;}
#primary h3 {color: #003a66; font: bold 1.1em "Trebuchet MS", Verdana, sans-serif;
  margin-bottom: 0.33em;}
#primary a {color: #555;}
#primary a:hover {color: #000;}

#primary {width: 64%;}
#sidebar {width: 33%;}


/* secondary column styles */

#secondary {width: 100%; border: 0px solid #AAA; nowrap;}
#secondary h3 {margin: 1.5em 0 0.75em;}
#secondary div.last {border-bottom: 1px solid #CCC; text-align: center; }
#secondary h1 {font: 2.33em Georgia, serif; color: #666; padding-bottom: .5em;}
#secondary h1 em {color: #333; font-weight: 100; padding-bottom: .5em;}
#secondary blockquote {padding: 1em; background: #EFEFEF; text-align: left; border: 1px solid #DCDCDC; margin: 1em 0;}
#secondary blockquote li {margin-left: 1em;}#secondary {width: 72%; padding-right: 0;}
#secondary .column {width: 25%; padding: 0 3% 0 0; margin-top: -1.5em; nowrap;}
#secondary .column2 {width: 60%; padding: 0 3% 0 0; margin-top: -1.5em; nowrap;}
#secondary h3 {color: #003a66; font: bold 1.1em "Trebuchet MS", Verdana, sans-serif;
  margin-bottom: 0.33em; }
#secondary a {color: #555;}
#secondary a:hover {color: #000;}