@import url(reset.css);
body { font-family:Arial, Verdana, san-serif; font-size: 10pt; color: #3399ff;}
p { }
td { }
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }
h3 {font-size: 12pt; text-align: center; margin: 5px 0 5px 0;}
h4 {font-size: 10pt; text-align: center; margin: 5px 0 5px 0;}

table td {vertical-align: top;}


.bodyText {font-size: 10pt; text-align: left; margin: 10px 10px 10px 10px;}
.powText {font-size: 110%; color: red; margin: 0 5px 0 0;}
.bookTitleText {font-style: italic;}
.magTitleText {font-style: italic; font-weight:bold;}
.awardHeadline {font-size: 12pt; font-weight: bold; text-align: center; color: #ff6666; margin-top: .5em; margin-bottom: .5em;}
.download {font-size: 10pt; color: blue; font-style: italic; margin-left: 3em;}

.floatright { float: right; }
.floatleft { float: left; }
.clearboth { clear: both; }

/* styles for the e-mail signup box */
.email_SignupTable { border: 2px solid #a6d5f2; width: 150px; }
.email_Signup { font-family: Arial, Verdana, san-serif; font-size: 8pt; font-weight: bold; 
                text-align: center; color: #3399ff ; background-color: #ffffff;}

/* styles for display of the upcoming book */
div#latestBook {width: 210px; text-align: center; padding-top: 1em; }
div#latestBook table { border-collapse: collapse; border: 4px solid #000000;
    	    	        background-color: #a6d5f3; color:#464b99; }
div#latestBook img { margin: 0.5em 0.5em 0; }
.div#latestBook.img.buyButton { margin-top: 2em; padding-top: 2em; }
div#latestBook p {font-family: Arial, Verdana, san-serif; font-size: 20pt; margin: 0 0 0 0;}

/* index page specific styles */
.quotes_image {margin: .5em .5em 0 .5em;}

table#mainTable { width:750px; border: 0pt; border-collapse: collapse;}

div#mainMenu {vertical-align: top; }
div#mainMenu table {border: 1px solid #000000; 
                 border-collapse: collapse; 
                 background-color: #fa9c9c; 
                 margin: 2em 0 0 1.5em;
                }
div#mainMenu ul {list-style: none; margin: 0; padding: 0; text-align: left;
              font-family: Arial, Verdana, san-serif; font-size: 16pt; font-weight: 200; color: #ffffff;}
div#mainMenu li { padding: .75em .5em 0.25em}
div#mainMenu a:link {color: #ffffff; text-decoration: none;}
div#mainMenu a:visited {color: #ffffff; text-decoration: none; }
div#mainMenu a:hover {color: #ffffff; text-decoration: none; }
div#mainMenu a:active {color: #ffffff; text-decoration: none; }
div#eileenVertical {margin: 10px 10px 10px 10px;}


/* styles for displaying a book - big version*/
div.bookDisplay { border-collapse: collapse; border: 0; width: 210px; height: 420px;
                  font-family: Arial, Verdana, san-serif; font-size: 10pt;
                  background-color: #ffffff; color:#3399ff; text-align: center;}
div.bookDisplay img {margin: .5em .5em .5em .5em;}
div.bookDisplay img.book {margin: .5em .5em .5em .5em; border: 4px; border-color: #060606;}
div.bookDisplay p {margin: 0 0 0 0;}
div.bookDisplay p.bookTitle {font-style: italic;}

/* styles for displaying a book - small version*/
div.smBookDisplay { border-collapse: collapse; border: 0; width: 150px; height: 245px;
                  font-family: Arial, Verdana, san-serif; font-size: 8pt;
                  background-color: #ffffff; color:#3399ff; text-align: center;}
div.smBookDisplay img {margin: .25em .25em 0 .25em;}
div.smBookDisplay p {margin: 0 0 0 0;}
div.smBookDisplay p.bookTitle {font-style: italic;}

/* review quotes */
div.reviewquote {text-align: left; margin: 2em 3em .25em 3em;}
div.reviewquote p.quote {margin: 0 5px -1em 0; }
div.reviewquote p.who {margin-left: 2em; margin-top: 1.25em;}


/* styles for main menu component */
.pageMenu {font-family: Arial, Verdana, san-serif; font-size: 16pt; font-style: italic; font-weight: bold; }
.pageMenu a:link {float: left;  color: #3399ff; text-decoration: none; margin: 1em 1em 1em 0; }
.pageMenu a:visited {float: left; color: #3399ff; text-decoration: none; margin: 1em 1em 1em 0; }
.pageMenu a:hover {float: left; color: #3399ff; text-decoration: none; margin: 1em 1em 1em 0; }
.pageMenu a:active {float: left; color: #3399ff; text-decoration: none; margin: 1em 1em 1em 0; }

/* styles for calendar */
div.calendar {}
div.calendar h2 {font-size: 14pt; text-align: center; border-top: 2px solid blue; border-bottom: 2px solid blue;}
div.calendar h3 {font-size: 10pt; text-align: center; margin: -10px 10px 0 10px;}
div.appearanceEntry { float: left; width: 150px; margin: 0.5em; padding: 0.25em; text-align: left; height: 100px; }
div.appearanceEntry ul {margin: .25em 0 0 0; padding: 0; }
div.appearanceEntry li {display: block; list-style: none;}
div.appearanceEntry li.date {font-weight: bold; border-bottom: 1px solid #3399ff;}
.buyButton { padding-top: 1em; }

/* styles for survey */
div#survey {color: #3366cc;}
div#survey h1 {font-size: 14pt;}
div#survey p {text-align: left; margin-left: 1em;}
div#survey table {width: 100%;}
div#survey td {text-align: left; vertical-align: top;}
div#survey ol li {text-align: left; padding: 0; margin-left: 1.5em;}
div#survey li { text-align: left; margin-top: 1em; margin-bottom: .5em;}

div.movieIcon {padding: 0; margin-left: auto; margin-right: auto; text-align: center;}
div.movieIcon img {display:block; border: black 1px solid; margin-right: auto; margin-left: auto;}

div#top10 {}
div#top10 h3 {}
div#top10 table {}
div#top10 tr,td {text-align: left; vertical-align: text-top; padding: .5em .5em .5em .5em;}