@charset "UTF-8";
/* CSS Document */
/* Lighthouses for Kids -- Katherine House */

body { margin:0px; background:#f1ede0 url(../../assets/images/bgd.gif) top repeat-x; font-family:Helvetica,Arial,sans-serif; font-size: 101%;}

a:link, a:visited { color:#55703c; text-decoration:underline;}
a:hover, a:visited:hover { color:#66923e; text-decoration:underline;}
a:focus { outline:none;}

img { display:block; border:0;}
.right { float:right; margin:10px;}
.left { float:left; margin:10px;}

b, strong { font-weight:bold; color:#000000;}

table { border:0; padding:0; margin:0;}

td { vertical-align:top; padding:0; margin:0;}

/* ---------------------------------------------------------------------------------- */
/* centers page and holds header and main content 
/* ---------------------------------------------------------------------------------- */
#container { position:relative; margin:0px auto; width:980px;}
#container .leftShadow { position:absolute; top:135px; left:-10px; width:10px; height:320px; background:url(../../assets/images/bgd_shadows.gif) 0px 0px no-repeat;}
#container .rightShadow { position:absolute; top:135px; left:980px; width:10px; height:320px; background:url(../../assets/images/bgd_shadows.gif) -10px 0px no-repeat;}

#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ---------------------------------------------------------------------------------- */
/* main structural elements 
/* ---------------------------------------------------------------------------------- */
#header { position:relative; width:980px; height:75px;}
#header .logo { position:absolute; top:0px; left:628px; z-index:25;}

#nav { position:absolute; top:20px; left:0px; width:628px; text-align:center; font-size:.9em;}
#nav a:link, #nav a:visited { color:#0f2231; text-decoration:none; margin:0px 4px;}
#nav a:hover, #nav a:visited:hover { color:#024071; text-decoration:none; margin:0px 4px;}

#main { width:980px; background-color:#f1ede0;}
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footerContainer { width:100%; height:100px; background:url(../../assets/images/footer_bgd.gif) repeat-x;}
#footer { position:relative; width:980px; margin:0px auto; background:url(../../assets/images/footer.jpg) no-repeat;}
.orderNowBtn { position:absolute; top:-50px; left:260px; width:220px; height:64px;}
body#home .orderNowBtn { display:none;}

/* ---------------------------------------------------------------------------------- */
/* homepage structural elements 
/* ---------------------------------------------------------------------------------- */
#homeLeftCol { float:left; width:628px; background:url(../../assets/images/home_pic_bgd.jpg) no-repeat;}
#homeRightCol { float:left; width:352px; background-color:#f1ede0;}
#homeRightCol p { margin:75px 40px 10px; color:#525246; font-size:.8em; line-height:1.7em;}

/* ---------------------------------------------------------------------------------- */
/* homepage big pic 
/* ---------------------------------------------------------------------------------- */
#homePic { width:530px; height:380px; margin-left:35px; overflow:hidden;}

/* ---------------------------------------------------------------------------------- */
/* highlight the page I'm on in main navigation 
/* ---------------------------------------------------------------------------------- */
body#book #nav .book,
body#author #nav .author,
body#info #nav .info,
body#links #nav .links,
body#fun #nav .fun,
body#contact #nav .contact { font-weight:bold;}

/* ---------------------------------------------------------------------------------- */
/* interior structural elements 
/* ---------------------------------------------------------------------------------- */
#leftCol { float:left; width:190px; margin:80px 40px 0px 30px;}
#rightCol { float:left; width:675px; margin:80px 0px 0px 0px;}

#subNavContainer { display:none; width:190px; background:url(../../assets/images/subnav_bgd.jpg) repeat-y;}

/* only show the subNavContainer if there's sub navigation for page */
body#book #subNavContainer,
body#info #subNavContainer,
body#fun #subNavContainer { display:block;}

#subNav { margin:0px 30px;}
#subNav ul { display:none; list-style: none; margin:0; padding:0; font-size:.85em;}
#subNav ul li { margin: 0 0 10px 0; list-style-image: none; display:block;}
#subNav ul li a:link,
#subNav ul li a:visited { color:#022a51; text-decoration:none;}
#subNav ul li a:hover,
#subNav ul li a:visited:hover { list-style-image: url(../../assets/images/bullet_arrow_gray.gif); color:#022a51; text-decoration:none;}

/* show correct sub navigation for main navigation link selected */
body#book #subNav ul.bookSubNav,
body#info #subNav ul.infoSubNav,
body#fun #subNav ul.funSubNav { display:block;}

#factoid { width:190px; margin:15px 0 0 0; background:url(../../assets/images/factoid_bgd.gif) repeat-y;}
#factoid p { width:135px; margin:5px 0 0 30px; font-size:70%; line-height:115%; color:#523806;}

#events { display:none;}
/*CURRENTLY NO EVENTS; UNCOMMENT WHEN NEW EVENT POSTED body#author #events { display:block; width:190px; overflow:auto; font-size:90%;}*/

.caption { padding:10px; margin:7px; background-color:#e7e2d2; font-size:.65em; line-height:1.2em; color:#424237;}

/* ---------------------------------------------------------------------------------- */
/* sifr elements -- the below styles only come into play if sifr is not supported by browser
/* ---------------------------------------------------------------------------------- */
h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#cfccc1; font-size:3em; font-weight:normal; margin:-5px 0 -15px 0;}
h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#739456; font-size:1.2em; font-weight:normal; margin:0; text-transform:uppercase;}

/* ---------------------------------------------------------------------------------- */
/* general text formating styles */
/* ---------------------------------------------------------------------------------- */
p { font-size:.8em; line-height:1.6em; color:#525246;}
body#links p, body#book.endnote p {line-height:1.3em;}
#answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9, #answer10, #answer11, #answer12, #answer13, #answer14, #answer15, #answer16 {background-color:#e7e2d2; padding:5px;}

.introTextLine { font-size:120%;}
.required { color: #e41e01;}

h2 { margin:30px 0 -5px 0; font-family:Helvetica,Arial,sans-serif; color:#083f74; font-size:1.1em; line-height:1.5em; font-weight:bold; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; color:#305112; font-size:1em; line-height:1.2em; font-weight:normal; margin:10px 0 -10px 0; }
h5 { font-family:Helvetica,Arial,sans-serif; color:#555143; font-size:1.3em; line-height:1.2em; font-weight:normal; margin:0 0 5px 0; }

/* ---------------------------------------------------------------------------------- */
/* timeline */
/* ---------------------------------------------------------------------------------- */

table#timeline { width:100%;}
table#timeline td { font-size:.8em; line-height:1.6em; color:#525246; border-bottom:1px #cfccc1 solid;}
table#timeline td.dates { text-align:center; }

/* ---------------------------------------------------------------------------------- */
/* forms */
/* ---------------------------------------------------------------------------------- */

table#form { display:block; width:100%;}
table#form td { font-size:.9em; line-height:1.6em; color:#525246; border-bottom:0px #cfccc1 solid;}

/* ---------------------------------------------------------------------------------- */
/* forms */
/* ---------------------------------------------------------------------------------- */
input, textarea, select, checkbox, option { color:#525246; font-weight:normal; background-color:#fcfaf3; padding:1px; border:0px;}
.submit { color: #0f2231; background-color: #65abe1; font-weight: bold; font-size: .9em; padding: 4px; border: 1px solid #5497cb;}

/* ---------------------------------------------------------------------------------- */
/* Lighthouse Search
/* ---------------------------------------------------------------------------------- */
#lighthouseSearch { font-size:.8em; line-height:1.6em; color:#000000; background-color:#e8e4d9; margin:20px; padding:20px; width:60%;}
#lighthouseSearch input#checkbox {background-color:#e8e4d9;}
#lighthouseSearch p { color:#000000; font-size:1em;}

table.lighthouseSearchResults {display:table; font-size:.8em; line-height:1.6em; color:#525246; width:100%;}
table.lighthouseSearchResults td {padding:10px 10px 0px 10px; vertical-align:top;}
table.lighthouseSearchResults td.searchResultsImage {width:200px;}
table.lighthouseSearchResults hr {height:3px; width:100%; color:#e8e4d9; background-color:#e8e4d9; border:0; text-align: left;}

#categoryNav { font-size:.9em; color:#555143; border-width:1px 0px; border-style:solid; border-color:#cec8ba; width:90%; padding:20px; margin:30px 0px;}
#categoryNav ul {margin: 0; padding: 0; list-style-type: none;}
#categoryNav li {display:inline; list-style-type:none;}
#categoryNav a { color:#435a2f; text-decoration:none; margin:10px 15px 10px 0px; padding:10px; background-color:#9cc476; }
#categoryNav a:hover {color:#435a2f; text-decoration:none; background-color:#b7dd93;}