/*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: #FFFFFF;

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:#EFF3F9;} 

/* style the <b> element so that is does not affect the size of the link */
.nav a b {background:#EFF3F9; border:1px solid #000; border-color:#2929D2 #2929D2 #EFF3F9 #2929D2; 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:#EFF3F9 url(http://www.builderbill-diy-help.com/image-files/arrow.gif) no-repeat 138px 2px;}
.nav .down b {background:#EFF3F9 url(http://www.builderbill-diy-help.com/image-files/arrow.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 <ul>s */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:focus b,
.nav a:active b {background:#1E90FF; color:#000;} /* for tabbing */

/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE5-7 fixes */
.nav .fly {width:100%;}
a:active {}


/* ----------------------------------------------------------------------------	*/