@charset "UTF-8";
/* CSS Document */
/* drop down menu rollover color */
#topnav li ul li a:hover {
	background-color: #FFFDD2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-image: url(../images/dopper2.png);
	font-weight: normal;
}

/* CSS Rollovers w/ SUCKERFISH Dropdown Menu */

/* drop down menu WIDTHS */
#topnav-04 ul, #topnav-04 li { 	background-color: #C7C5F2; width: 85px; }
#topnav-05 ul, #topnav-05 li {  background-color: #C7C5F2; width: 85px; }
#topnav-06 ul, #topnav-06 li { 	background-color: #C7C5F2; width: 85px; }
#topnav-07 ul, #topnav-07 li { 	background-color: #C7C5F2; width: 85px; }

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

/* main nav graphic div */
#topnav {
	width: 496px;
	height: 43px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	position:relative;
	background-image: url(../images/brtopnav.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	z-index: 3;
}

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

#topnav a {
display: block;
color: #000;
text-decoration: none;
}

#topnav 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;
}

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

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

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

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

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

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

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

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

#topnav-01 {left: 0px; width: 47px;}
.listy {
	width: 325px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#topnav-02 {left: 0px; width: 69px;}
#topnav-03 {left: 0px; width: 71px;}
#topnav-04 {left: 0px; width: 73px; }
#topnav-05 {left: 0px; width: 73px; }
#topnav-06 {left: 0px; width: 73px; }
#topnav-07 {left: 0px; width: 90px; }

#topnav-01 a:hover {background: transparent url(../images/brtopnav.jpg) -0px   -43px no-repeat; }
#topnav-02 a:hover {background: transparent url(../images/brtopnav.jpg) -47px -43px no-repeat; }
#topnav-03 a:hover {background: transparent url(../images/brtopnav.jpg) -116px -43px no-repeat; }
#topnav-04 a:hover {background: transparent url(../images/brtopnav.jpg) -187px -43px no-repeat; }
#topnav-05 a:hover {background: transparent url(../images/brtopnav.jpg) -260px -43px no-repeat; }
#topnav-06 a:hover {background: transparent url(../images/brtopnav.jpg) -333px -43px no-repeat; }
#topnav-07 a:hover {background: transparent url(../images/brtopnav.jpg) -406px -43px no-repeat; }

/* END CSS MENU and dropdown */

