@charset "UTF-8";
/* CSS Document */

/* CSS Rollovers w/ SUCKERFISH Dropdown Menu */

/* drop down w/ meaningless color */
#nav-02 ul li a:hover
{
background-image: none;
background-color: #FFF;
}
#nav-03 ul li a:hover
{ background-image: none;
background-color: #FFF; 
}
#nav-04 ul li a:hover
{ background-image: none;
background-color: #FFF; 
}

/* drop down menu WIDTHS */
#nav-02 ul, #nav-02 li { width: 145px; }
#nav-03 ul, #nav-03 li { width: 145px; }
#nav-04 ul, #nav-04 li { width: 145px; }

/* drop down menu HEIGHT,COLOR,BORDERS */
#nav li ul li {
background-color: #FC6;
height: 20px;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-style: solid;
border-bottom-color: #FFF;
}

/* drop down menu rollover color */
#nav li ul li a:hover {
background: none;
background-color:#D3D1E0;
}

/* main nav graphic div */
#nav {
width: 615px;
height: 106px;
float: left;
list-style: none;
padding: 0;
margin: 0 0 0 0;
position:relative;
background-image: url(../images/bopicnav.jpg);
background-repeat: no-repeat;
}

#nav ul {
float: left;
list-style: none;
background: white;
padding: 0;
border-width: 1px 0;
margin: 0 0 1em 0; }

#nav a {
display: block;
color: #7C6240;
text-decoration: none; }

#nav li ul {
position: absolute;
left: -999em;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: #FFF;
}

#nav li ul li a {
width: 100%;
height: 20px;
line-height: 20px;}		

#nav li ul li a span {
display: block;
padding-left: 5px; }

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
font-size: 11px;
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;}

#nav li:hover {background-position: 0 0;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;}

#nav li:hover, #nav li.sfhover { }

#nav span { display: none; }
#nav li { float:left; list-style:none; _display:inline; position:relative; }
#nav li, #nav a { height: 106px; display: block;}

#nav-01 {left: 0px; width: 83px;}
#nav-02 {left: 0px; width: 67px;}
#nav-03 {left: 0px; width: 67px;}
#nav-04 {left: 0px; width: 67px;}
#nav-05 {left: 0px; width: 67px;}
#nav-06 {left: 0px; width: 67px;}
#nav-07 {left: 0px; width: 197px;}

#nav-01 a:hover {background: transparent url(../images/bopicnav.jpg) -0px   -106px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/bopicnav.jpg) -83px -106px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/bopicnav.jpg) -150px -106px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/bopicnav.jpg) -217px -106px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/bopicnav.jpg) -284px -106px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/bopicnav.jpg) -351px -106px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/bopicnav.jpg) -418px -106px no-repeat;}

/* END CSS MENU and dropdown */