@charset "utf-8";
/* CSS Document */

body {background-color: #FFFFFF;}
/* width */
#wrapper {width: 600px; margin: 0 auto; text-align: left; background-color: #FFFFFF;}

#skip {display: none;}

#page-header {display: block; float: none; background-image: none; background-position:top left; background-repeat: repeat-x;}

#logo {display: none; float: left;}

/* main navigation  */
/* width */
#main-navigation {margin: 0; display: none;}

#main-navigation ul {display: none; float: left; margin: 0; padding: 0; width: 100%; background-color: #FFFFFF; border-bottom: 1px solid #008CBF;}

#main-navigation ul li, #main-navigation ul li.selectedLink, #main-navigation ul li.selectedLink a 
{margin: 0; padding: 0; list-style: none; border: none; list-style: none; width: 100%;}

main-navigation ul li a 
{display: block; float: left; font-size: .8em; background-color: #FFFFFF; color: #008CBF; border-left: 1px solid #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
main-navigation ul li a:link 
{display: block; float: left; font-size: .8em; background-color: #FFFFFF; color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
main-navigation ul li a:visited 
{display: block; float: left; font-size: .8em; background-color: #FFFFFF; color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
main-navigation ul li a:hover 
{display: block; float: left; font-size: .8em; background-color: #008CBF; color: #FFFFFF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
main-navigation ul li a:active 
{display: block; float: left; font-size: .8em; background-color: #FFFFFF; color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}

a.home {border-left: none;}


#main-navigation ul li.selectedLink 
{margin: 0 0 0 0; width: 100%;}
#main-navigation ul li.selectedLink a 
{display: block; float: left; color: #FFFFFF; background-color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
#main-navigation ul li.selectedLink a:link 
{display: block; float: left; color: #FFFFFF; background-color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
#main-navigation ul li.selectedLink a:visited 
{display: block; float: left; color: #FFFFFF; background-color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
#main-navigation ul li.selectedLink a:hover 
{display: block; float: left; color: #FFFFFF; background-color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}
#main-navigation ul li.selectedLink a:active 
{display: block; float: left; color: #FFFFFF; background-color: #008CBF; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 6px; width: 18%;}


/* end main navigation */
/* width less than */
#page-content {padding: 4px 6px 4px 0; display: block; clear: both; width: 600px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #555555;}

article {width: 100%; overflow: hidden;}

section {display: block; float: none; width: 100%; font-size: 1em;}

section.adds {display: none; float: left; margin: 24px 0 0 0; width: 20%; font-size: 1em;}

#SecondaryNav {}
ul#SecondaryNav {border-left: 6px solid #9FE4FF; padding: 6px; margin: 6px 24px 8px 0; width: 85%;}
ul#SecondaryNav , section.adds li {line-height: 1.25; font-size: .9em; padding-bottom: 8px;}


.GoogleAds {padding: 5px 0 0 5px; overflow: hidden;}

aside {float: none; width: 100%; line-height: 1.8;  font-size: .9em; color: #333333;}

aside.quote {display: block; float: none; width: 100%; margin: 20px 0;}
.quotetxt {display: block; float: none; line-height: 1.5;  font-size: 1em; color: #007099; font-style: italic; padding: 0 0 0 14px;}
.author {display: block; float: none; line-height: 1;  font-size: 1em; color: #007099; font-style: italic; text-align: right; padding: 0 20px 0 0;}

/* width */
footer {width: 600px; margin: 20px auto; font-size: .8em; text-align: left; background-color: #FFFFFF; color: #555555; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#skip a, #skip a:link, #skip a:visited, #skip a:hover, #skip a:active {display: inline-block; font-size: .75em; text-transform: uppercase; background-color: #FFFFFF; color: #008CBF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 4px 0 8px 2px; padding: 0; border: none; width: auto;}

h1, h1 a.pgtitle, h1 a.pgtitle:link, h1 a.pgtitle:visited, h1 a.pgtitle:hover, h1 a.pgtitle:active {font-size: 1.5em; font-weight: normal; letter-spacing: 3px; text-transform: uppercase; line-height: 1.25; background-color: #FFFFFF; color: #555555;  font-family: "segoe ui", tahoma, helvetica, sans-serif; margin: 14px 0 0 0; padding: 0; border: none; width: 100%;}

h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1em; font-weight: bold; letter-spacing: 2px; color:#007099; margin: 14px 0 0 0; clear: both;}

h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1em; font-weight: bold; letter-spacing: 2px; color:#007099; margin: 0 0 6px 3px;}

p {line-height: 1.5; margin: 14px 0; clear: both;}
a.current {color: #000000 !important; text-decoration: none !important; font-weight: bold !important;}

a.content, a.content:link {display: inline; float:none; font-size: inherit; text-transform: none; background-color: inherit; color: #3333CC; font-family: inherit; font-weight: inherit; margin: 0; padding: 0; text-decoration: underline; border: none; width: auto;}

a.content:visited {display: inline; float:none; font-size: inherit; text-transform: none; background-color: inherit; color: #601F99; font-family: inherit; font-weight: inherit; margin: 0; padding: 0; text-decoration: underline; border: none; width: auto;}

a.content:hover, a.content:active {display: inline; float:none; font-size: inherit; text-transform: none; background-color: #FCF9E3; color: #000000; font-family: inherit; font-weight: inherit; margin: 0; padding: 0; text-decoration: underline; border: none; width: auto;}

a.current, a.current:link, a.current:visited, a.current:hover, a.current:active {font-weight: bold; background-color: #FFFFFF; color: #000000;}

.CC {display: none; margin: 20px 0 0 0; background-color: transparent; display: block;}

.CC, .CC a, .CC img {display: none; margin: 4px 0 0 0; background-color: transparent; color: #FFFFFF; width: auto;}

blockquote {padding: 0 0 0 10px; font-style: italic; line-height: 1.5;}

ul.biblio {margin: 10px 0 0 0;}

ul.biblio li {line-height: 1.5; padding: 0 0 8px 0;} 

strong {font-weight: bold;}

p.bookReview {display: block; float: left; width: 45%; padding-right: 24px; clear: none;}  

/* only displays for small screens - modify background color for page width */
#bookmark {display: none;}
#bookmark a, #bookmark a:link, #bookmark a:visited, #bookmark a:hover, #bookmark a:active {display: inline; border: none; font-size: 1.25em; font-weight: normal; width: auto; text-decoration: underline; padding: 0 3px 0 3px; margin: 0; background-color: #990006; color: #FFFFFF;}

ul.ErrorList {display: block; float: none; margin: 20px 40px 0 0; width: 40%;}
ul.ErrorList li {list-style-type: none; margin-left: 0; font-weight: normal; line-height: 1.5;}
ul.ErrorList li.header {list-style-type: none; margin-left: 0; font-weight: bold; line-height: 1.8;}

.nextPage {display: none; font-style: italic; color: #007099;}

ul.bulleted {display: block; clear: both; margin-bottom: 20px;}
ul.bulleted li {list-style-type: disc; margin: 0 0 0 20px; line-height: 1.5;}


#color p img {display: block; float: none; padding: 0 4px 20px 0;}
#color p span {display: block; float: none; padding: 0 0 0 6px; width: 65%;}

#cite {font-size: .9em; font-style: italic;}
sup {font-size: .9em;}


.contrast {display: block; float: left; padding: 0 0 0 0;}
.contrast span {display: block; float: left; margin: 4px 0 4px 0;}

a.books {font-size: .8em!important;}

#minRes {display: none;}
form {margin: 10px 0; float: left;}
#paletteDisplay {position:relative; top: 0px; left: -60px; margin: 0 0 0 34em; width: 510px; height: 28em;}

.codesnippet {font-family: "Courier New", Courier, monospace; font-size: .8em; color: #330000; padding: 0 0 0 20px;}

.picker #wrapper {width: 1000px;}

.picker #page-content {width: 1000px;}

body, body.picker {-webkit-print-color-adjust:exact;}

.GoogleAds {display: none;}

.MediaAds {display: none;}

article.paletteSec {width: 960px!important; margin: 0 0 0 10px;}