/* General Content styles */ #body div.main_inner_content { color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } #body div.main_inner_content a { color: #733900; } #body div.main_inner_content a:hover { color: #996600; } #body div.main_inner_content h1, #body div.main_inner_content h2, #body div.main_inner_content h3, #body div.main_inner_content h4, #body div.main_inner_content h5, #body div.main_inner_content h6 { color: #4F3500; } #body div.main_inner_content ul { margin-left: 50px; list-style-type: disc; } #body div.main_inner_content h1, #body div.main_inner_content h2, #body div.main_inner_content h3, #body div.main_inner_content h4, #body div.main_inner_content h5, #body div.main_inner_content h6 { margin: 5px; } #body div.main_inner_content table.churches_table tr td { padding-bottom: 10px; } #body { margin: 0px; padding: 0px; color: #000000; font-family: "Times New Roman", Times, serif; text-align: center; } body * { margin: 0px; padding: 0px; } #body p { margin: 10px; } .display_none { display: none; } div.header_outside_container { width: 100%; background-image: url(http://www.geneedwards.com/images/header.jpg); background-repeat: repeat-x; background-position: top left; text-align: center; } div.header_inner_container { width: 950px; margin: 0px auto; text-align: left; } img.header_logo { width: 482px; height: 97px; float: right; } div.header_spacer { width: 950px; height: 14px; margin: 0px auto; clear: both; } div.nav_outside_container { width: 950px; line-height: 25px; font-size: 16px; text-align: center; } div.content_container { width: 950px; min-height: 400px; margin: 0px auto; text-align: left; } *html div.content_container { height: 400px; } div.footer_container { height: 96px; width: 100%; text-align: center; background-image: url(http://www.geneedwards.com/images/pen.jpg); background-position: center; background-repeat: repeat-x; } div.footer_inner_container { height: 96px; width: 100%px; } img.footer_image { margin: 0px auto; width: 2000px; height: 96px; } a.footer_link { display: block; position: absolute; height: 20px; width: 160px; bottom: 0px; right: 0px; } /* Crazy menu styles */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ /* #menu_container {margin:0px auto; position:relative; width:950px; height:25px; z-index:100; text-align: left; } */ #menu_container {margin:0px auto; position:relative; width:950px; line-height: 25px; z-index:100; text-align: left; } /* Get rid of the margin, padding and bullets in the unordered lists */ #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ /* #pmenu a, #pmenu a:visited {display:block;width:134px; font-size:16px; color:#4e3500; font-weight: bold; height:25px; line-height: 24px; text-decoration:none; } */ #pmenu a, #pmenu a:visited {display:block;width:134px; font-size:16px; color:#4e3500; font-weight: bold; line-height:25px; text-decoration:none; } /* set widths of individual nav lists */ /* #pmenu .home a, #pmenu .home a:visited { width: 88px; } */ #pmenu .home a, #pmenu .home a:visited { width: 5.4em; } /* #pmenu .autobio a, #pmenu .autobio a:visited { width: 132px; } */ #pmenu .autobio a, #pmenu .autobio a:visited { width: 8.2em; } /* #pmenu .autobio li a, #pmenu .autobio li a:visited { width: 150px; padding-left: 5px; margin-left: 0px; } */ #pmenu .autobio li a, #pmenu .autobio li a:visited { width: 9em; padding-left: 5px; margin-left: 0px; } /* #pmenu .books a, #pmenu .books a:visited { width: 188px; margin-left: 40px; } */ #pmenu .bav a, #pmenu .bav a:visited { width: 11.5em; margin-left: 40px; } /* #pmenu .books li a, #pmenu .books li a:visited { width: 200px; padding-left: 5px; margin-left: 0px; } */ #pmenu .bav li a, #pmenu .bav li a:visited { width: 4.2em; padding-left: 5px; margin-left: 0px; } /* #pmenu .ministry a, #pmenu .ministry a:visited { width: 98px; margin-left: 40px; } */ #pmenu .books a, #pmenu .books a:visited { width: 11.5em; margin-left: 40px; } #pmenu .books li a, #pmenu .books li a:visited { width: 10.2em; padding-left: 5px; margin-left: 0px; } #pmenu .audio a, #pmenu .audio a:visited { width: 11.5em; margin-left: 40px; } #pmenu .audio li a, #pmenu .audio li a:visited { width: 8.2em; padding-left: 5px; margin-left: 0px; } #pmenu li.bav li.books ul li ul.deeper a, #pmenu li.bav li.books ul li ul.deeper a.visited { width: 12.2em; padding-left: 5px; margin-left: 0px; } #pmenu .ministry a, #pmenu .ministry a:visited { width: 6em; margin-left: 40px; } /* #pmenu .ministry li a, #pmenu .ministry li a:visited { width: 155px; padding-left: 5px; margin-left: 0px; } */ #pmenu .ministry li a, #pmenu .ministry li a:visited { width: 9.6em; padding-left: 5px; margin-left: 0px; } /* #pmenu .schedule a, #pmenu .schedule a:visited { width: 118px; margin-left: 35px; } */ #pmenu .schedule a, #pmenu .schedule a:visited { width: 7.2em; margin-left: 35px; } /* #pmenu .churches a, #pmenu .churches a:visited { width: 103px; } */ #pmenu .churches a, #pmenu .churches a:visited { width: 6.3em; } /* #pmenu .churches li a, #pmenu .churches li a:visited { width: 160px; padding-left: 5px; margin-left: 0px; } */ #pmenu .churches li a, #pmenu .churches li a:visited { width: 9.7em; padding-left: 5px; margin-left: 0px; } /* #pmenu .contact a, #pmenu .contact a:visited { width: 72px; margin-left: 35px; } */ #pmenu .contact a, #pmenu .contact a:visited { width: 4.4em; margin-left: 35px; } /* Set up the sub level borders */ #pmenu li ul li a, #pmenu li ul li a:visited {} #pmenu li a.enclose, #pmenu li a.enclose:visited {} /* Set up the list items */ #pmenu li {float:left; background:#dec8b1;} /* For Non-IE browsers and IE7 */ #pmenu li:hover {position:relative; } /* Make the hovered list color persist */ #pmenu li:hover > a { background: #c7a17d; color:#4e3500; font-weight: bold;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #pmenu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:130px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;} /* #pmenu li.books li:hover > ul {display:block; position:absolute; top:-11px; left:175px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;} */ #pmenu li.books li:hover > ul {display:block; position:absolute; top:-11px; left: 10.6em; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;} /* Position the first sub level beneath the top level liinks */ /* #pmenu > li:hover > ul {left:-30px; top:15px; } */ #pmenu > li:hover > ul {left:-30px; top:.95em; } #pmenu > li.bav:hover > ul {left:10px; top:.95em;} #pmenu > li.bav li.books:hover > ul {left:2.65em; top:-.7em;} #pmenu > li.bav li.audio:hover > ul {left:2.65em; top:-.7em;} #pmenu > li.audio:hover > ul {left:10px; top:.95em;} #pmenu > li.ministry:hover > ul {left:10px; top:.95em;} #pmenu > li.churches:hover > ul {left:-30px; top:.95em;} #pmenu > li.bav li.books ul li ul.deeper {left:8.4em; top:-.7em;} /* get rid of the table */ #pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #pmenu li a:hover {position:relative; background:#dec8b1; color:#4e3500; font-weight: bold;} /* For accessibility of the top level menu when tabbing */ #pmenu li a:active, #pmenu li a:focus {background:#dec8b1; color:#4e3500; font-weight: bold;} /* Set up the pointers for the sub level indication */ #pmenu li.fly {background:#dec8b1 url(http://www.geneedwards.com/images/menu/fly.gif) no-repeat right center;} #pmenu li.fly:hover a {background:#c7a17d url(http://www.geneedwards.com/images/menu/fly.gif) no-repeat right center;} #pmenu li.fly:hover li a {background:#dec8b1;} #pmenu li.fly:hover li a:hover {background:#c7a17d;} #pmenu li.drop {background:#dec8b1 url(http://www.geneedwards.com/images/menu/drop.gif) no-repeat right center;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ /* change the drop down levels from display:none; to visibility:hidden; */ * html #pmenu li ul { visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);} /* keep the third level+ hidden when you hover on first level link */ #pmenu li a:hover ul ul{ visibility:hidden; } /* keep the fourth level+ hidden when you hover on second level link */ #pmenu li a:hover ul a:hover ul ul{ visibility:hidden; } /* keep the fifth level hidden when you hover on third level link */ #pmenu li a:hover ul a:hover ul a:hover ul ul{ visibility:hidden; } /* keep the sixth level hidden when you hover on fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden; } /* make the second level visible when hover on first level link and position it */ #pmenu li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; } #pmenu li.books a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; margin-lef\t: -38px; } #pmenu li.audio a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; margin-lef\t: -38px; } #pmenu li.books a:hover ul.deeper { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; margin-lef\t: 0px; } #pmenu li a:hover ul a:hover { background-color: #c7a17d; } #body #pmenu a:hover { background-color: #c7a17d; } /* make the third level visible when you hover over second level link and position it and all further levels */ #pmenu li a:hover ul a:hover ul{ visibility:visible; top:-11px; left:80px; } #pmenu li a:hover ul a:hover ul.preaching { visibility:visible; top:-11px; left:170px; } /* make the fourth level visible when you hover over third level link */ #pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible; } /* make the fifth level visible when you hover over fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; } /* make the sixth level visible when you hover over fifth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; } /* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */