/* main.css */

/* Common rules */

html {color: black; background-color: white; margin: 0; padding: 0; width: auto;}
*>html {padding: 4pt;} /* For Mac IE5 */

/* Check right margin in IE6 and override below if necessary */
body, div, h1, h2, h3, h4, h5, h6, p, table, th, td {font: /* medium */ 10pt/1.1 Verdana,Arial,Helvetica,sans-serif; font-size-adjust: 0.58;}
body {padding-right: 12pt; position: relative; margin: 4pt; color: black; background-color: white;}
div, h1, h2, h3, h4, h5, h6, p, table, th, td, form {margin: 0; padding: 0;}
a {color: inherit; text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}
.warning {color: red;}
.hidden {display: none;}
.as-is {text-transform: none;}
a.a2a_dd {display: block; font-size: 10pt; margin: 0.5em auto;} /* for AddToAny button */
a.a2a_dd img {height: 1.2em; width: 12.825em;} /* for AddToAny button */

h1 {font-size: /* large */ 12pt; padding: 0; text-align: left; white-space: nowrap; font-weight: 800; color: #681d7e;}
img.toplogo {margin-right: 12pt; width: 132pt; height: 39pt;}
/* td.logo {width: 192pt;} */
img.webspecials {margin: 0 auto; width: 111pt; height: 36pt;}
img.subscribe {margin: 0.5em auto; width: /* 104pt */ 13em; height: /* 45pt */ 5.7em;}
td.banner {padding-left: 4pt;}
/* table.main {width: 100%;} */
col.directory {width: 126pt;}
/* col.content {width: 80%;} */

td.directory, td.graphic {font-size: /* x-small */ 8pt;}
td.directory {padding-top: 0; text-align: left;}
img.directory {margin: 0.5em auto; width: /* 104pt */ 13em; height: /* 96pt */ 12em;}
p.promo {margin-top: 0.5em; padding: 0.5em; border: 1px solid #c00000; font-size: 9pt; font-weight: bold; color: #c00000; line-height: 1.1em; text-align: center; text-transform: uppercase;}
p.directoryTitle {text-align: center; margin-top: 1.5em; padding: 0 0.5em; font-size: /* x-small */ 9pt; /* line-height: 1em; */ font-weight: 700; letter-spacing: 1px; color: black;}
td.banner, td.content, td.misc {padding-left: 4pt;}
td.logoStuff, td.misc {padding-top: 8pt;}

div.blogs {margin: 24px 0 9pt; padding: 4pt; background-color: #fff38c; font: 9pt/12pt Verdana,Arial,Helvetica,sans-serif;}
div.blogs p.invite {font-style: italic; font-size: 12pt;}
div.blogs p.links {line-height: inherit;}
div.blogs p.links span {font-size: 8pt; font-weight: normal;}
div.blogs p.links a {color: #55f; font-weight: bold;}

div.subscribe {margin: 9pt 0 12pt; padding: 0 3pt; border: 1px solid black; font: 9pt Verdana,Arial,Helvetica,sans-serif;}
div.subscribe form {margin: 0;}
div.subscribe p {margin: 3pt 0;}
div.subscribe label {font-size: 8pt; line-height: 10pt;}
div.subscribe p.links a {color: #55b; font-weight: bold;}
div.subscribe p.reassure {font-size: 8pt;}
span.required {font-size: 8pt; color: red;}
div.submit {margin: 3pt; text-align: center;}
input.field {font: 12px Courier,"Courier New",Monaco,monospace;}
a.center {margin-left: auto; margin-right: auto; text-align: center;}
p.center {text-align: center;}

div.buttons {padding-top: 3pt; text-align: center; line-height: 24pt;}
div.buttons a {border: 0; margin-left: 6pt; margin-right: 6pt; white-space: nowrap; text-decoration: none;}
div.buttons a:hover, div.buttons a:active {text-decoration: underline;}
div.buttons img {border: 0; margin-left: 6pt; width: 30pt; height: 21pt; vertical-align: middle;}
div.buttons span.btnName {font-weight: bold; font-size: /* large */ 14pt; /* Verdana,Arial,Helvetica,sans-serif; */ font-stretch: condensed; text-transform: lowercase;}

col.footerNav {width: auto;}
col.standards {width: auto;}

td.logoStuff {padding-left: 8pt;}
img.logo {width: 102pt; height: 30pt;}
p.logoBlurb {padding: 6pt 6pt 0 6pt; font-size: /* small */ 10pt; font-weight: 800; color: #681d7e;}

td.footerNav div {margin: 0 3% 0 -0.5em; font: /* small */ 8pt/1.5em Verdana,Arial,Helvetica,sans-serif; font-size-adjust: 0.58;}
ul.footerNav {display: inline; margin: 0; padding: 0; list-style-type: none; background-color: #c793d6; text-align: left;}
ul.footerNav li {display: inline; margin: 0; padding: 0 0.5em; background-color: white;}
ul.footerNav li a {color: #555; background-color: white; white-space: nowrap;}

/* WinIE only: \*/
* html td.footerNav div {margin-left: 0;}
* html ul.footerNav {margin-left: -0.5em;}
/* End WinIE */

ul.contact {margin: 0.5em 0; padding: 0; list-style-type: none; color: #c793d6; font-size: /* small */ 8pt; line-height: 1.5em;}
ul.contact li {display: inline; padding-right: 2em; white-space: nowrap;}
ul.contact strong {padding-left: 5pt; font-size: larger; color: #763b89;}
ul.contact a {color: #763b89;}

p.copyright {margin-top: 6pt; font-size: /* x-small */ 7pt; color: #aaa;}

td.standards p {margin: 0;}
td.standards img {border: 0; width: 66pt; height: 24pt;}

/* Expanding-menu styles */

ul.nav {margin-right: 15pt; font-size: /* small */ 8pt; /* width: 12em; */ font-family: Verdana,Arial,Helvetica,sans-serif;}

/* This rule is overridden by a second preferred stylesheet for IE and Opera (which shouldn't apply it but do) */
ul.nav, ul.nav ul {margin-left: 0; padding-left: 18pt;}

ul.nav.tight li {margin: 4pt 0;}
ul.nav.loose li {margin: 1em 0;}
ul.nav.loose * li {margin: 0.5em 0;}

ul.nav li.red/* , ul.nav li.red li */ {list-style-image: url(../img/bullets/bullet1up.gif);}
ul.nav li.blue/* , ul.nav li.blue li */ {list-style-image: url(../img/bullets/bullet2up.gif);}
ul.nav li.green/* , ul.nav li.green li */ {list-style-image: url(../img/bullets/bullet3up.gif);}
ul.nav li.complex, ul.nav li.expanded {list-style-image: url(../img/bullets/bullet0down.gif);}

/* Hide these styles from MacIE5, which only uses the last class of a multiclass selector  \*/    /* Undo hiding */
ul.nav li.red.complex, ul.nav li.red.expanded {list-style-image: url(../img/bullets/bullet1down.gif);}
ul.nav li.blue.complex, ul.nav li.blue.expanded {list-style-image: url(../img/bullets/bullet2down.gif);}
ul.nav li.green.complex, ul.nav li.green.expanded {list-style-image: url(../img/bullets/bullet3down.gif);}
/* End hiding from MacIE5 */

* html ul.nav li.complex, ul.nav li.expanded {list-style-image: url(../img/bullets/bullet0down.gif);}  /* reapply to IE */

ul.nav li.collapsed ul {display: none;}
ul.nav li.expanded ul {display: block;}

ul.nav a {text-decoration: none; color: black;}

ul.nav li.simple a:hover, ul.nav li.simple a:focus, 
ul.nav * li a:hover, ul.nav * li a:focus {text-decoration: underline;}	/* Opera 6.03 renders as overbar! */

/* ul.nav li.complex > a:hover {text-decoration: none;} */
/* ul.nav li.collapsed > a:hover {text-decoration: none;} */
/* ul.nav li.expanded > a:hover {text-decoration: none;} */

/* ul.nav li.complex a:hover, ul.nav li.complex a:focus, */
/* ul.nav li.collapsed a:hover, ul.nav li.collapsed a:focus, */
/* ul.nav li.expanded a:hover, ul.nav li.expanded a:focus {text-decoration: none;} */

/* The fourth rule below wouldn't be needed if the first three were written with child selectors. */
/* ul.nav li.complex a {color: #666; cursor: default;} */
/* ul.nav li.collapsed a {cursor: se-resize;} */
/* ul.nav li.expanded a {cursor: nw-resize; */
/* ul.nav li.complex ul li a {color: black; cursor: pointer !important;} */

ul.nav li.complex > a {color: #666; cursor: default;}
ul.nav li.collapsed > a {cursor: se-resize;}
ul.nav li.expanded > a {cursor: nw-resize;}