/* pwp_styles.css; Copyright 11 July 2007 by Georgia Glashauser;
/* written by Georgia Glashauser; Revised 18 March 2008. */
/*============================================================================== */
body {margin:0px; padding:0px;
background-color: #72AAA8; /* color: 457371 green agate */
background-image: url('images/Backgnd1.jpg');
background-repeat: repeat;
text-align:center; color: #457371; /* 4000FF; */
font-size:1em; font-family: arial, verdana, sans-serif;
}
* {margin:0; padding:0;}
/*============================================================================== */
div#full_pg { width:805px; margin-left:auto; margin-right:auto; }
/*============================================================================== */
div#header { padding-top:4px; width:805px;
/* background-color: #FFFFAA; color: popcornyellow */
background-color: #FFFF99; /* color: web-safe yellow */
background-image: url('images/SmSand_Biege1.jpg');
background-repeat: repeat;
font-style: italic; font-weight:bold;
font-family: "times new roman", verdana, arial, sans-serif;
}
div#header h1 { margin-top:0; margin-right:auto; margin-bottom:5px;
padding:0.2em 0 0.2em 0;
text-align:center; font-size: 3.0em;
}
div#header h2 { margin-top:.2em; margin-right:auto; margin-left:0.1em;
padding: 0 0 5px 0; font-size: 1.8em;
}
div#header h4 { margin-top:.8em; margin-right:auto; margin-left:38em;
padding: 0 0 0 0; width:18em; font-size: .8em;
font-style: normal; font-weight:bold;
}
div#header img { float:left; margin:0 4px; }
/*============================================================================== */
div#torso { float:left; width:805px;
padding: 0 0 0 0;
margin-top:6px; margin-bottom:8px;
}
/*============================================================================== */
div#navbar { float:left; margin-left:-666px;
width:155px;
padding:.5em 0 0 0;
background-image: url('images/SmSand_Biege1.jpg');
background-repeat: repeat;
text-align:left; font-weight:bold;
}
div#navbar ul { margin-top:0; margin-bottom:.8em; padding:1em;
list-style-type:none;}
div#navbar li { margin-bottom:.8em; font-size:.95em; }
/*============================================================================== */
div#center { float:left; margin-left:160px;
padding: 0 10px 1em 16px;
width:480px; display:inline;
background-color: #F5FFFA; /* color: mintcream */
background-image: url('images/Backgnd2.jpg');
background-repeat: repeat;
color: #5C3317; /*215E21 3B5323 603311 734A12; */
}
div#center h1 { padding: 0 0 .3em 0; font-size:1.8em; }
div#center h3 { padding: 0 0 .3em 0; font-size:1.2em; }
div#center p { padding: 0; margin:0 0 .2em 0; text-align:left; text-indent:3em;
font-weight:normal; font-size:0.9em; line-height:1.3em;}
div#center .pagenum { margin-top:1.6em; text-align:center; text-indent:0;}
div#center .continuation { margin-top:1.6em; text-indent:0; }
div#center .subsection { margin-top:1.6em; margin-bottom:1em;
text-indent:0; font-size:1em;
text-decoration:underline;}
div#center .previous { margin-top:1.4em; padding: 0 0 1em 0;
text-indent:0; float:left; font-size: .8em; }
div#center .next { margin-top:1.4em; padding: 0 0 1em 0;
text-indent:0; float:right; font-size: .8em; }
div#center img { margin-right:auto; margin-left:auto; }
div#center .left_of_text { float:left; padding:4px 10px 4px 0;}
div#center ol { margin-top:0; margin-bottom:.8em; padding:0 0 0 4em;
text-align:left; }
div#center ul { margin-top:.4em; margin-bottom:.4em; padding:0;
text-align:left;}
div#center li { margin-bottom:.01em; margin-left:.6em;
padding:0 0 0 0; font-size: 0.9em;
text-align:left; list-style-position:outside;}
div#center li.sub1 { margin-bottom:.2em; width:154px;
margin-left:12px; float:left; text-align:left;
padding:0; font-size: 0.95em;
list-style-type:none;}
div#center li.sub2 { margin-bottom:.2em; width:154px;
margin-left:4px; float:left; text-align:left;
padding: 0; font-size: 0.95em;
list-style-type:none;}
div#center li.sub3 { margin-bottom:.2em; margin-right:auto;
margin-left:4px; text-align:left;
padding:0; font-size:0.95em;
list-style-type:none;}
div#center li.sub { margin-bottom:.2em; margin-left:12px;
padding:0 0 0 0; font-size: 0.95em;
text-align:left; list-style-type:none;}
div#center li.toc { margin-bottom:.8em; margin-left:1em;
padding:0 0 0 1em; font-size:1em;
text-align:left; list-style-position:outside;}
div#center p.chapter_name { padding: .5em 0 .3em 0; margin:1.2em 0 .5em 0;
text-align:left; text-indent:0;
letter-spacing:.5em; font-size: 1.3em; }
/*============================================================================== */
div#rightcol { float:left;
width:119px;
margin:0 0 0 5px; padding:1em 5px;
background-color: #FFFFAA; /* color: popcornyellow */
background-image: url('images/SmSand_Biege1.jpg');
background-repeat: repeat;
text-align:center; line-height:1.35em;
letter-spacing:.1em; font-weight:bold;
}
div#rightcol p { font-size:1em; }
div#rightcol img { margin: 4px 0; }
/*============================================================================== */
div#footer { margin:1em; padding:5px 20px 0 20px; width:740px; color: #7F4F15;
float:left; border-top:1px solid #7F4F15;}
div#footer p { font-size:.7em; }
div#footer p em { font-size:.9em; font-style:normal; font-weight:bold; }
/*============================================================================== */
a:link {color:#4000FF; }
a:visited {color:#CC00FF; }
a:hover {color:#7F4F15; }
a:active {color:#FF6600; }
/*============================================================================== */
div#formcontainer {width:390px; margin-left:30px;}
div#formcontainer form {border-top: 2px solid #CCC; border-bottom: 3px solid #CCC;}
div#formcontainer div.justify_bottom {border: 1px solid #CCC; padding:10px 0px;
vertical-align:top;}
/* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left; font-size:.75em;
margin:0 10px;}
div#formcontainer input[type="reset"] { float:left; margin-left:10px;
margin-right:auto;}
div#formcontainer input[type="submit"] { float:right; margin-left:auto;
margin-right:10px;}
/* postions the submit button by selecting a div with
attribute type SUBMIT - IDWIMIE */
/*some extra styles for the checkbox and radio button sets*/
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;}
/* a container for a group of buttons - suppresses the
justify_bottom div top border on the divs around the
radio buttons/checkboxes */
div#formcontainer form label.buttongroup {width:280px; float:left;font-size:.75em;
margin:0 10px;}
div#formcontainer div.buttongroup div {margin-top:2px; margin-right:6px;
margin-bottom:3px; margin-left:6px;
font-size:.75em; text-align:left; }
/* wrapper for the INPUT and its text - margin-bottom sets
the vertical distance between buttons */
div#formcontainer div.buttongroup input {margin-right:5px;}
/* set the distance between button and its label text */
/*============================================================================== */
.justify_bottom:after { content:"."; display:block; height:0;
clear:both; visibility:hidden; }
.justify_bottom { display:inline-block; }
/* a fix for IE Mac \*/
* html .justify_bottom { height:1%; }
/* fix for the Guillotine bug in IE6 */
.justify_bottom { display:block; }
/* read the details of how and why this works at
http://www.positioniseverything.net/easyclearing.html */
/*============================================================================== */
/* the horizontal NavBar starts here */
div#horzNavBar {
width: 805px;/* makes the div full width */
float:left;
border-top:1px solid #72AAA8; /* draws line on top edge of div */
border-bottom:1px solid #72AAA8; /* draws line on bottom edge of div */
font-size:1em; /* SET FONT-SIZE HERE */
/* text-align:left; font-weight:bold; */
background-color: #FFFFAA; /* colors the div */
background-image: url('images/SmSand_Biege1.jpg');
background-repeat: repeat;
}
div#horzNavBar ul {
margin:0 0 0 1px;/* indents ul from edge of container -
NOTE: diff value for IE in hacks below */
}
div#horzNavBar li {
float:left; /* causes the list to align horizontally instead of stack */
position:relative; /* positioning context for the
absolutely positioned drop-down */
list-style-type:none; /* removes the bullet off each list item */
background-color:#FFA; /*sets the background of the menu items */
background-image: url('images/SmSand_Biege1.jpg');
background-repeat: repeat;
border-right:1px solid #72AAA8; /* creates dividing lines
between the li elements */
}
div#horzNavBar li:first-child {
border-left:1px solid #72AAA8; /*the first vertical line on the menu */
}
div#horzNavBar li:hover {
background-color:lightgoldenrodyellow; /* #FAFAD2 background of the menu items */
background-image: url('images/SmSandSepia.jpg');
background-repeat: repeat;
}
div#horzNavBar a {
display:block;
padding:4px 14px; /*creates space each side of menu item's text */
text-decoration:none; /* removes the underlining of the link */
color:#4000FF; /* sets the type color */
}
div#horzNavBar a:hover {
color:#7F4F15;
}
/* the menu ends here */
/* the drop-down starts here */
div#horzNavBar ul li ul {
margin:0;
z-index:10; /* puts drop-down on top of div -
Safari needs this as menu is 1px higher */
position:absolute; /* positions the drop-down ul in relation
to its relatively positioned li parent */
width:10em; /*sets the width of the menu - in combo with
the li's 100% width, makes the menu stack*/
border-right:0; /* stops SCBs drops having two right borders -
they inherit the border, IE doesn't */
left:-1px; /*aligns the drop exactly under the menu */
}
div#horzNavBar ul li ul li {padding:0;
width:100%; /* makes the list items fill the list container (ul) */
border-left:1px solid #72AAA8; /* three sides of each drop-down item */
border-bottom:1px solid #72AAA8;
border-right:1px solid #72AAA8;}
div#horzNavBar ul li ul li a {padding:4px .5em;}
div#horzNavBar ul li ul li:first-child {
border-top:1px solid #72AAA8; /*the top edge of the dropdown */
}
/* make the drop-down display as the menu is rolled over */
div#horzNavBar ul li ul {display:none;} /* conceals the drop-down
when menu not hovered */
div#horzNavBar ul li:hover ul {display:block; } /* shows the drop-down
when the menu is hovered */
/* pop-out starts here */
body div#horzNavBar ul li ul li ul {
position:absolute;
visibility:hidden; /* same effect as display:none in this situation */
top:-1px;
left:10em;
}
div#horzNavBar ul li ul li:hover ul {visibility:visible;} /* same effect
as display:block in this situation */
/* second level popouts start here*/
div#horzNavBar ul li ul li:hover ul li ul {visibility:hidden;}
div#horzNavBar ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#horzNavBar ul {
float:left; /* makes the ul wrap the li's */
border-left:1px solid #72AAA8; /* adds the rightmost menu
vertical line to the ul */
margin-left:15px; /* IE doubles the given value above - why? */
}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#horzNavBar ul li ul {
border-top:1px solid #72AAA8;
border-left:0px; /* stops the drop inheriting the ul border */
}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get
the pop-out to touch the drop-down */
* html div#horzNavBar ul li ul li ul {
left:9.85em;
voice-family: "\"}\"";
voice-family:inherit;
left:10em;
}
/* and the "be nice to Opera" rule */
html>body div#horzNavBar ul li ul li ul {
left:10em;
}
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
@media all and (min-width: 0px){
body div#horzNavBar ul li ul {padding-bottom:100px;}
body div#horzNavBar ul li ul li ul {padding-bottom:22px;}
ul li ul li ul li ul li:hover {visibility:visible;}
/* same effect as display:block in this situation */
}
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */