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

.dropdown-pages, .dropdown-pages * {
	padding:		0;
	list-style:		none;
	margin:auto;
}


.dropdown-pages {
	line-height:	0em;
	
}
.dropdown-pages ul {
	top:			-999em;
	position:		absolute;
	width:			130px;
	
}

/* ...... 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:			2.75em;
	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:			138px;
	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:			138px;
	top:			0;
}

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

.dropdown-pages .dropdown-bottom {
	width:			138px;
	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:        5px 44px 5px 44px;
	border:		    none;
	text-decoration:none;
	color:			#394c31;
	font-family:	Georgia, "Times New Roman";
	font-size:		24px;
	background:		none;
	float:			left;
}
.dropdown-pages li.sfdropdownhover {
	/*background:		url("images/topbar-dropdown-hover.png") no-repeat right top;*/
}
.dropdown-pages a:hover {
	color: 			#888;
	/*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:			22px;
	padding:		10px;	
	color:          #000;
	font-size:		18px;
	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:		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:		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:		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;
}