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

body {background-color: #BF4565;}
/* width */
#wrapper {width: 320px; margin: 0 auto; text-align: left; background-color: #FFFFFF; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#skip {margin: 6px 0 12px 2px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; text-transform: uppercase; color: #BF4565;}

#page-header {display: block; float: left; height: auto; background-image: url(../images/header-bkgd.png); background-position:top left; background-repeat: repeat-x;}

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

/* main navigation  */
/* width */
#main-navigation {margin: 0; padding: 0 0 20px 0; display: block; float: left; width: 320px; border-top: 1px solid #BF4565; background-color: #FAFAFA; color: inherit; font-family: "segoe ui", tahoma, helvetica, sans-serif; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#main-navigation ul {display: block; float: left; margin: 0 auto;  padding: 0 0 0 1%; text-align: center; width: 316px; background-color: #FAFAFA;}


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

#main-navigation ul li a 
{display: block; float: left; font-size: 1em; background-color: #FAFAFA; color: #888888; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto; border-top: 8px solid #FAFAFA;}
#main-navigation ul li a:link 
{display: block; float: left; font-size: 1em; background-color: #FAFAFA; color: #888888; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto; border-top: 8px solid #FAFAFA;}
#main-navigation ul li a:visited 
{display: block; float: left; font-size: 1em; background-color: #FAFAFA; color: #888888; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto; border-top: 8px solid #FAFAFA;}
#main-navigation ul li a:hover 
{display: block; float: left; font-size: 1em; background-color: #FAFAFA; color: #000000; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto; border-top: 8px solid #E58AA2;}
#main-navigation ul li a:active 
{display: block; float: left; font-size: 1em; background-color: #FAFAFA; color: #888888; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto; border-top: 8px solid #FAFAFA;}

#main-navigation ul li.selectedLink a 
{display: block; float: left; color: #BF4565; background-color: inherit; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto; border-top: 8px solid #BF4565;}
#main-navigation ul li.selectedLink a:link 
{display: block; float: left; color: #BF4565; background-color: inherit; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto;}
#main-navigation ul li.selectedLink a:visited 
{display: block; float: left; color: #BF4565; background-color: inherit; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto;}
#main-navigation ul li.selectedLink a:hover 
{display: block; float: left; color: #BF4565; background-color: inherit; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto;}
#main-navigation ul li.selectedLink a:active 
{display: block; float: left; color: #BF4565; background-color: inherit; font-weight: normal; text-decoration: none; padding: 4px 4px 8px 4px; width: auto;}




/* end main navigation */
/* width less than */
#page-content {padding: 4px 6px; display: block; clear: both; width: 300px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #FAFAFA; color: #555555; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

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

section {float: none; width: auto; margin: 0 20px; font-size: 1em;}

section.adds {display: block; clear: both;}

#SecondaryNav {}

ul#SecondaryNav {border-left: 4px solid #E58AA2; padding: 0; margin: 6px 24px 20px -26px; width: 85%;}

ul#SecondaryNav li {line-height: 1.5; font-size: 1em; border: none; display: block; float: none; width: 100%; margin-left: 4px; padding-left: 0;}

.GoogleAds {display: none; overflow: hidden;}

.MediaAds {display: none; float: left; width: 100%; padding: 20px 0 50px 0; overflow: hidden;}


aside {float: none; width: 90%; padding: 0 0 0 20px; line-height: 1.8;  font-size: 1em; color: #333333;}

aside.quote {display: block; float: left; width: 85%; margin: 20px 8px 20px 16px; padding: 8px 8px; border: 1px solid #B3405F; border-radius: 5px;}

.quotetxt {display: block; float: none; line-height: 1.5;  font-size: 1em; color: #993751; font-style: italic; padding: 0 0 0 0;}

.author {display: block; float: none; line-height: 1;  font-size: 1em; color: #993751; font-style: italic; text-align: right; padding: 0 20px 0 0;}

/* width */
footer {width: 320px; margin: 20px auto; font-size: .8em; text-align: left; background-color: #BF4565; color: #FFFFFF;text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

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

#skip span {display: inline-block; float: left; font-size: 1em; text-transform: uppercase; background-color: #FFFFFF; color: #BF4565; 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: #FAFAFA; color: #555555;  font-family: "segoe ui", tahoma, helvetica, sans-serif; padding: 0; width: auto;}

h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1em; font-weight: bold; letter-spacing: 2px; color:#993751; margin: 0 0 0 0; padding: 20px 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:#993751; margin: 0 0 6px 0;}

h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: .7em; font-weight: bold; letter-spacing: 2px; color:#555555; margin: 6px 0 6px 6px;}

p {line-height: 1.5; margin: 14px 0; clear: both;}

p.exAmple {margin: 2px 0; }

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 {margin: 20px 0 0 0; background-color: transparent; display: block;}

.CC, .CC a, .CC img {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; display: block; float: left; width: 100%;}

ul.biblio li {line-height: 1.5; padding: 0 0 8px 0; display: block; float: left; width: 100%;} 

strong {font-weight: bold;}

p.bookReview {display: block; float: left; width: 100%; clear: both;}  
p.bookReview img {display: block; padding: 0 4px 0 0;}  

.adds h3 {display: none;}

/* only displays for small screens - modify background color for page width */
#bookmark {display: none; clear: both; font-size: 1.25em; font-weight: normal; width: 100%; padding: 6px 0; margin: 0 0 2px 0; background-color: #BF4565; color: #FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#bookmark a, #bookmark a:link, #bookmark a:visited, #bookmark a:hover, #bookmark a:active {display: inline; border: none; font-size: 1em; font-weight: normal; width: auto; text-decoration: underline; padding: 0 3px 0 3px; margin: 0; background-color: #BF4565; color: #FFFFFF;}

ul.ErrorList {display: block; float: left; margin: 20px 0px 10px 0; width: 100%;}
ul.ErrorList li {display: block; float: left; width: 100%; 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 {font-style: italic; color: #993751;}

ul.bulleted {display: block; clear: both; margin: 0 0 20px 26px; width: 100%;}
ul.bulleted li {list-style-type: disc; margin: 0 0 10px 0; line-height: 1.25; width: 90%; border: none;}


#color p {display: block; float: left; width: 100%; padding: 0 0 0 0;}

#color p img {display: block; float: left; padding: 0 4px 6px 0;}
#color p span {display: block; float: left; padding: 0 0 0 6px; width: 100%;}


#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 {margin: 20px 0 50px 0; color: red; }
form {display: none;}

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

.CJAds, .CJAds a {display: block; float: left; width: auto; border: none; border-left: none!important; text-decoration: none; margin: 0 auto; padding: 0 0 0 0;}

.CJAds {text-align: left; margin-left: 20px;}