/* ...... Main class styles/Defaults .............. */

.dropdown-pages, .dropdown-pages * {
	padding:		0;
	list-style:		none;
}
.dropdown-pages {
	line-height:	1.0;
}
.dropdown-pages ul {
	position:		absolute;
	top:			-999em;
	width:			166px;
}

/* ...... Leave unchanged .............. */

.dropdown-pages ul li {
	width:			100%;
}
.dropdown-pages li:hover {
	visibility:		inherit;
}
.dropdown-pages li {
	float:			left;
	position:		relative;
}
.dropdown-pages a {
	display:		block;
	position:		relative;
}

/* ...... Main dropdown ul .............. */

.dropdown-pages li:hover ul,
.dropdown-pages li.sfHover ul {
	left:			0;
	top:			3.4em;
	z-index:		99;
	padding:		0px 4px 0 4px;
	display:		block;
	border:			none;
	background:		#e0e0e0;
}

/* ...... Left offsets second/third level .............. */

ul.dropdown-pages li:hover li ul,
ul.dropdown-pages li.sfHover li ul {
	top:			-999em;
}
ul.dropdown-pages li li:hover ul,
ul.dropdown-pages li li.sfHover ul {
	left:			170px;
	top:			0;
}
ul.dropdown-pages li li:hover li ul,
ul.dropdown-pages li li.sfHover li ul {
	top:			-999em;
}
ul.dropdown-pages li li li:hover ul,
ul.dropdown-pages li li li.sfHover ul {
	left:			170px;
	top:			0;
}

/* ...... jQuery hack to add backgrounded bottom .............. */

.dropdown-pages .dropdown-bottom {
	width:			174px;
	height:			16px;
	z-index:		5;
	border:			none;
	position:		absolute;
	bottom:			-16px;
	left:			0px;
	background:		url("../images/dropdown-bottom.png") no-repeat left bottom;
}

/* ...... Dropdown Buttons & Hovers .............. */

.dropdown-pages li {
	padding:        0;
	background:		url("../images/topbar-spacer.png") no-repeat right top;
}
.dropdown-pages a {
    height:         33px;
	padding:        15px 14px 0 14px;
	border:		    none;
	text-decoration:none;
	color:			#000;
	font-family:	Georgia, "Times New Roman";
	text-transform: uppercase;
	font-size:		12px;
	background:		none;
	float:			left;
}
.dropdown-pages li.sfdropdownhover {
	background:		url("../images/topbar-dropdown-hover.png") no-repeat right top;
}
.dropdown-pages a:hover {
	color: 			#000;
	background:		url("../images/topbar-bg.png") repeat-x top;
}

/* ...... Keep a.sf-with-ul button hover when hovering ul .............. */

.dropdown-pages li:hover a.sf-with-ul {
	background:		url("../images/topbar-bg.png") repeat-x top;
}

/* ...... List item styling .............. */

.dropdown-pages li li {
	background:		none;	
}
.dropdown-pages li li a {
	width:			88%;
	height:			13px;
	padding:		10px;	
	color:          #000;
	font-family:	arial;
	text-transform: none;
	text-align:		left;
	display:		block;
	background:		url("../images/dropdown-spacer.png") no-repeat top;
}
.dropdown-pages li li a:hover {
	color:          #333;
	background:		#fff url("../images/dropdown-spacer.png") no-repeat top;
}

/* ...... Match above - Fixes for third level .............. */

.dropdown-pages li ul li a.sf-with-ul:link, .dropdown-pages li ul li a.sf-with-ul:active, .dropdown-pages li ul li a.sf-with-ul:visited {
	color: 			#000;
	background: 	url("../images/dropdown-spacer.png") no-repeat top;
}
.dropdown-pages li ul li a.sf-with-ul:hover {
	color:			#333;
	background:		#fff url("../images/dropdown-spacer.png") no-repeat top;
}
.dropdown-pages li ul li.sfdropdownhover {
	background:		none;
}
.dropdown-pages li ul li:hover a.sf-with-ul {
	background:		#fff url("../images/dropdown-spacer.png") no-repeat top;
}

/* ..... Fixes for Padding sf with ul .............. */

.dropdown-pages a.sf-with-ul {
	padding-right: 	35px;
	min-width:		1px;
}
.dropdown-pages li li a.sf-with-ul {
	padding-right: 	10px;
	min-width:		1px;
	background:		none;
}