/*this stylesheet is for you navigation panel*/ #navigator { } .housebutton { line-height: 90%; } .housebutton a { font-size: 90%; font-family: Verdana, sans-serif; } .housebutton a:hover { font-size: 90%; font-family: Verdana, sans-serif; } /* this part below is for the color on the background, surrounding the buttons. Change the color, and the border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/ #navigator { background-color: transparent; border: transparent; width: auto; margin-top: auto; margin-left: 10px; margin-right: auto; padding: 2px; text-align: left; } /* want more space between your buttons? just increase the margins from 1px. Font weight can be bold if you prefer.*/ .housebutton { font-weight: normal; text-align: left; margin-bottom: 0px; margin-top: 0px; } /* this part is for the colors of your buttons "at rest" so to speak.*/ .housebutton a { padding: 4px; text-decoration: none; display: block; color: #0202ff; /*this is where you change the button font color*/ background-color: transparent; border-top: none; border-left: none; border-bottom: none; border-right: none; } /*this part is how the buttons look, once the pointer passes over them. */ .housebutton a:hover { color: #0202ff; /*-----this is where you change the button font color, when the button is hovered over*/ background-color: transparent; text-decoration: underline; border-top: none; border-left: none; border-bottom: none; border-right: none; } #nav ul { float: left; list-style: none; width: 100%; padding: 0; margin: 0 0 0 0px; height: 30px; display: inline; text-transform: uppercase; } #nav ul li { display: inline; margin: 0; padding: 0; } #nav ul li a { display: block; float: left; width: auto; margin: 0; padding: 0 15px; color: #000; font: bold 10px/30px Arial, Geneva, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } #nav ul li a:hover, #nav ul li a:active { color: #F9F7CC; font: bold 12px/30px Arial, Geneva, sans-serif; } /* the place where I and bill got the menu from */ /* http://www.cssplay.co.uk/menus/ul-flyout.html*/ /*http://www.builderbill-diy-help.com/support-files/nav.css*/ /* everytthing below here is the new stuff*/ /*this stylesheet is for you navigation panel*/ #navigator { } /* this part below is for the color on the background, surrounding the buttons. Change the color, and the border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/ #navigator { background-color: transparent; border: 1px #E5E5E5 solid; width: 140px; margin-top: auto; margin-left: auto; margin-right: auto; padding: 5px; text-align: right; } #rssbox { background-color: #FFFFFF; border: 1px #E5E5E5 solid; width: 120px; margin-top: auto; margin-left: auto; margin-right: auto; padding: 5px; nicholls text-align: right; } /* ================================================================ 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/latest-flyout.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #backgroundHolder {width:740px; height:490px; padding:10px 0 0 10px; background:none); margin:0 auto;} /* ---------------------------------------------------------------------------- */ /* default styling */ .nav, .nav ul{list-style-type:none; margin:0; padding:0;} .nav a {text-decoration:none;} .nav {font-family: arial, sans-serif; font-size:12px; margin:0 auto;} /* style the links */ /* needs a background for IE6 - can be a color or a transparent gif */ .nav a {background:#E3E4FA;} /* style the element so that is does not affect the size of the link */ .nav a b {background:#E3E4FA; border:1px solid #000; border-color:#E0F6FD #1974EE #1974EE #E0F6FD; color:#000; font-weight:normal; display:block; padding:5px 10px;} .nav a:hover b {background-color:#1E90FF; color:#000; cursor:pointer;} .nav .fly .main b {background:#E3E4FA url(http://www.kundalini-yoga-info.com/image-files/14bul3.gif) no-repeat 138px 2px;} .nav .down b {background:#E3E4FA url(http://www.kundalini-yoga-info.com/14bul3.gif) no-repeat 138px 2px;} /* HEIGHT */ .nav ul {top:-24px;} /* position the top of the flyout sub menus */ /* WIDTH change this WITH CARE to suit your requirements */ /*set the link width here*/ .nav .drop, .nav a {width:150px;} .nav ul li {max-width:150px;} /* fix for IE8 */ /* set the left flyout position here */ .nav ul {left:150px;} /* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */ .nav a {margin-right:-129px;} /* ---------------------------------------------------------------------------- */ /* DO NOT CHANGE ANYTHING BELOW */ .nav li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */ .nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the