@media screen {
	
/*************************************************
page menu
*************************************************/
#page-menu-wrapper {
	width:100%;
	background:url(../images/pagemenu-bg.png) repeat-x 0px 0px;
}
#page-menu {
	width:960px;
	margin:0px auto;	
}
#page-menu .container {
	width:705px;
	float:left;
}
#page-menu ul {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:15;
}
#page-menu ul li {
	float:left;
	padding:0px;
	margin:0px;	
	position:relative;
}
#page-menu ul li a {
	display:block;
	padding:14px 12px 10px 12px;
	text-align:center;
	font-size:.7em;
	color:#FFF;
	text-transform:uppercase;
}
#page-menu ul li a:hover, 
#page-menu ul li.current_page_item a, 
#page-menu ul li.current_page_ancestor a, 
#page-menu ul li.current_page_parent a {
	padding-bottom:12px;
	background:url(../images/pagemenu-highlight.png) no-repeat center bottom;
}
#page-menu ul li.current-cat a {
}
/*dropdowns*/
#page-menu ul li:hover a, 
#page-menu ul li.over a {
	padding-bottom:12px;
	background:url(../images/pagemenu-highlight.png) no-repeat center bottom;
}
#page-menu ul li:hover ul, 
#page-menu ul li.over ul {
	display:block;
}
#page-menu ul li ul li.current_page_item a, 
#page-menu ul li ul li.current_page_ancestor a, 
#page-menu ul li ul li.current_page_parent a {
	text-align:left;
}
#page-menu ul li ul li.current_page_item a:hover {
	text-align:left;
}
#page-menu ul li ul {
	display:none;
	position:absolute;
	background:url(../images/pagemenu-sub-bg.png) repeat 0px 0px;
	padding:5px 0px 5px 0px;
}
#page-menu ul li ul li {
	float:none;
	padding:0px;
}
#page-menu ul li ul li a, 
#page-menu ul li:hover ul li a, 
#page-menu ul li.over ul li a {
	padding:8px 20px 8px 12px;
	display:block;
	width:11em;
	text-align:left;	
	height:auto;
	font-size:.6em;	
	background:none;
}
#page-menu ul li ul li a:hover {
	text-align:left;
	background:url(../images/pagemenu-sub-highlight.png) repeat 0px 0px;
}
/*second-level dropdowns */
#page-menu ul li ul li ul {
    display:none;
    position:absolute;    
    left: 8.0em;
    top: 0;
	background:url(../images/pagemenu-sub-highlight.png) repeat 0px 0px;
}
#page-menu ul li ul li:hover ul, 
#page-menu ul li ul li.sfHover ul {
	display:block;
	position:absolute;	
	left: 8.0em;
	top: 0;
	background:url(../images/pagemenu-sub-highlight.png) repeat 0px 0px;
}
#page-menu ul li ul li ul li a:hover {
	text-align:left;
	background:url(../images/pagemenu-sub-sub-highlight.png) repeat 0px 0px;
}
/* arrows */
#page-menu a.sf-with-ul {
	padding-right: 	1.5em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
#page-menu .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0em;
	top:			1.4em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
#page-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.4em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
#page-menu a:focus > .sf-sub-indicator,
#page-menu a:hover > .sf-sub-indicator,
#page-menu a:active > .sf-sub-indicator,
#page-menu li:hover > a > .sf-sub-indicator,
#page-menu li.over > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#page-menu ul li ul .sf-sub-indicator { background-position:  -10px 0; right:8px; top:9px; }
#page-menu ul li ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#page-menu ul li ul a:focus > .sf-sub-indicator,
#page-menu ul li ul a:hover > .sf-sub-indicator,
#page-menu ul li ul a:active > .sf-sub-indicator,
#page-menu ul li ul li:hover > a > .sf-sub-indicator,
#page-menu ul li ul li.over > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*************************************************
small menu
*************************************************/
#small-menu-wrapper {
	width:960px;
	margin:0px auto;	
}
#small-menu {
	float:right;
	margin-right:15px;
}
#small-menu .left-cap {
	width:4px;
	height:33px;
	background:url(../images/smallmenu-left.png) no-repeat 0px 0px;
	float:left;
	margin-right:-1px;
	position:relative;
	z-index:14;
}
#small-menu .right-cap {
	width:3px;
	height:33px;
	background:url(../images/smallmenu-right.png) no-repeat 0px 0px;
	float:left;
	margin-left:-1px;
	position:relative;
	z-index:14;
}
#small-menu ul {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:13;
	background:url(../images/smallmenu-bg.png) repeat-x 0px 0px;
}
#small-menu div.menu { float:left; }
#small-menu ul li {
	float:left;
	padding:0px;
	margin:0px;	
	position:relative;
	border-right:1px solid #5F646B;
	border-left:1px solid #898E96;
}
#small-menu ul li a {
	display:block;
	padding:10px 15px 12px 15px;
	text-align:center;
	font-size:.75em;
	height:11px;
	color:#FFF;
}
#small-menu ul li a:hover, 
#small-menu ul li.current_page_item a, 
#small-menu ul li.current_page_ancestor a, 
#small-menu ul li.current_page_parent a {
	padding-bottom:10px;
	background:url(../images/smallmenu-highlight.png) repeat-x 0px 0px;
}
/*dropdowns*/
#small-menu ul li:hover a, 
#small-menu ul li.over a {
	padding-bottom:12px;
	background:url(../images/smallmenu-highlight.png) repeat-x center bottom;	
}
#small-menu ul li:hover ul, 
#small-menu ul li.over ul {
	display:block;
}
#small-menu ul li ul li.current_page_item a, 
#small-menu ul li ul li.current_page_ancestor a, 
#small-menu ul li ul li.current_page_parent a {
	text-align:left;
}
#small-menu ul li ul li.current_page_item a:hover {
	text-align:left;
}
#small-menu ul li ul {
	display:none;
	position:absolute;
	background:url(../images/pagemenu-sub-bg.png) repeat 0px 0px;
	padding:5px 0px 5px 0px;
}
#small-menu ul li ul li {
	float:none;
	padding:0px;
	border-left:0px;
	border-right:0px;
}
#small-menu ul li ul li a, 
#small-menu ul li:hover ul li a, 
#small-menu ul li.over ul li a {
	padding:8px 20px 8px 12px;
	display:block;
	width:11em;
	text-align:left;	
	height:auto;	
	background:none;
}
#small-menu ul li ul li a:hover {
	text-align:left;
	background:url(../images/pagemenu-sub-highlight.png) repeat 0px 0px;
}
/*second-level dropdowns */
#small-menu ul li ul li ul {
    display:none;
    position:absolute;    
    left: 10.0em;
    top: 0;
}
#small-menu ul li ul li:hover ul, 
#small-menu ul li ul li.sfHover ul {	
	display:block;
	position:absolute;	
	left: 10.0em;
	top: 0;
	background:url(../images/pagemenu-sub-highlight.png) repeat 0px 0px;
}
#small-menu ul li ul li ul li a:hover {
	text-align:left;
	background:url(../images/pagemenu-sub-sub-highlight.png) repeat 0px 0px;
}
/* arrows */
#small-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
#small-menu .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.8em;
	top:			1em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
#small-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
#small-menu a:focus > .sf-sub-indicator,
#small-menu a:hover > .sf-sub-indicator,
#small-menu a:active > .sf-sub-indicator,
#small-menu li:hover > a > .sf-sub-indicator,
#small-menu li.over > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#small-menu ul li ul .sf-sub-indicator { background-position:  -10px 0; right:8px; top:9px; }
#small-menu ul li ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#small-menu ul li ul a:focus > .sf-sub-indicator,
#small-menu ul li ul a:hover > .sf-sub-indicator,
#small-menu ul li ul a:active > .sf-sub-indicator,
#small-menu ul li ul li:hover > a > .sf-sub-indicator,
#small-menu ul li ul li.over > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*************************************************
main menu
*************************************************/
#main-menu-wrapper {	
}
#main-menu-wrapper .left-cap {
	width:3px;
	height:54px;
	background: url(../images/mainmenu-left.png) no-repeat 0px 0px;
	float:left;
	margin-right:-1px;
	position:relative;
	z-index:11;
}
#main-menu-wrapper .right-cap {
	width:3px;
	height:54px;
	background: url(../images/mainmenu-right.png) no-repeat 0px 0px;
	float:left;
	margin-left:-1px;
	position:relative;
	z-index:11;	
}
#main-menu {
	float:left;
	width:956px;
	margin:0px auto;
	background:url(../images/mainmenu-bg.png) repeat-x 0px 0px;
}
#main-menu .container {
	width:907px;
	float:left;
}
#main-menu #random-article {
	float:right;
}
#main-menu #random-article a {
	display:block;
	padding:14px 10px 8px 10px;
}
#main-menu ul {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:10;
}
#main-menu ul li {
	float:left;
	padding:0px;
	margin:0px;	
	position:relative;
}
#main-menu ul li a {
	display:block;
	padding:19px 15px 17px 15px;
	text-align:center;
	font-size:.9em;
	letter-spacing:-1px;
	color:#394253;
	font-weight:bold;
	border-right:1px solid #DCDCDC;
	border-left:1px solid #F7F7F7;
}
#main-menu ul li a:hover, 
#main-menu ul li.current-cat a, 
#main-menu ul li.current-cat-ancestor a, 
#main-menu ul li.current-cat-parent a,
#main-menu ul li.current-category a, 
#main-menu ul li.current-category-ancestor a, 
#main-menu ul li.current-category-parent a,
#main-menu ul li.current-menu-item a,
#main-menu ul li.current-menu-ancestor a,
#main-menu ul li.current-menu-parent a {
	color:#FFF;
	background:url(../images/mainmenu-highlight.png) repeat-x 0px 0px;
	padding-bottom:19px; 
}
#main-menu ul li.current-cat a:hover,
#main-menu ul li.current-category a:hover, 
#main-menu ul li.current-menu-item a:hover {
}
/*dropdowns*/
#main-menu ul li:hover a, 
#main-menu ul li.over a {
	color:#FFF;
	background:url(../images/mainmenu-highlight.png) repeat-x 0px 0px;
	padding-bottom:17px; 
}
#main-menu ul li:hover ul, 
#main-menu ul li.over ul {
	display:block;
}
#main-menu ul li ul {
	display:none;
	position:absolute;
	background:#d8d8d8;
	padding:5px 0px 5px 0px;
	border:1px solid #FFF;
}
#main-menu ul li ul li {
	float:none;
	padding:0px;
}
#main-menu ul li ul li a, 
#main-menu ul li:hover ul li a, 
#main-menu ul li.over ul li a {
	padding:10px 20px 10px 12px;
	display:block;
	width:10em;
	text-align:left;	
	height:auto;
	background:none;
	color:#394253;
}
#main-menu ul li ul li a:hover {
	text-align:left;
	background:#363A3E;
	color:#FFF;
}
#main-menu ul li ul li a:hover, 
#main-menu ul li ul li.current-cat a, 
#main-menu ul li ul li.current-cat-ancestor a, 
#main-menu ul li ul li.current-cat-parent a,
#main-menu ul li ul li.current-category a, 
#main-menu ul li ul li.current-category-ancestor a, 
#main-menu ul li ul li.current-category-parent a,
#main-menu ul li ul li.current-menu-item a,
#main-menu ul li ul li.current-menu-ancestor a,
#main-menu ul li ul li.current-menu-parent a {
	text-align:left;
	background:#363A3E;
	color:#FFF;
}
#main-menu ul li ul li.current-cat a:hover,
#main-menu ul li ul li.current-category a:hover, 
#main-menu ul li ul li.current-menu-item a:hover {
	text-align:left;
	background:#111;
}
/*second-level dropdowns */
#main-menu ul li ul li ul {
    display:none;
    position:absolute;    
    left: 11.1em;
    top: 0;
}
#main-menu ul li ul li:hover ul, 
#main-menu ul li ul li.sfHover ul {
	display:block;
	position:absolute;	
	left: 11.1em;	
	top: 0;
	background:#D8D8D8;
	
}
#main-menu ul li ul li:hover ul a, 
#main-menu ul li ul li.sfHover ul a,
#main-menu ul li ul li ul li a {	
	background:none;
	color:#394253;
}
#main-menu ul li ul li ul li a:hover {
	text-align:left;
	background:#363A3E;	
	color:#FFF;
}
#main-menu ul li ul li ul li a:hover, 
#main-menu ul li ul li ul li.current-cat a, 
#main-menu ul li ul li ul li.current-cat-ancestor a, 
#main-menu ul li ul li ul li.current-cat-parent a,
#main-menu ul li ul li ul li.current-category a, 
#main-menu ul li ul li ul li.current-category-ancestor a, 
#main-menu ul li ul li ul li.current-category-parent a,
#main-menu ul li ul li ul li.current-menu-item a,
#main-menu ul li ul li ul li.current-menu-ancestor a,
#main-menu ul li ul li ul li.current-menu-parent a {
	text-align:left;
	background:#363A3E;
	color:#FFF;
}
#main-menu ul li ul li ul li.current-cat a:hover,
#main-menu ul li ul li ul li.current-category a:hover, 
#main-menu ul li ul li ul li.current-menu-item a:hover {
	text-align:left;
	background:#111;
}
/* arrows */
#main-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
#main-menu .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.8em;
	top:			1.5em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-000000.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
#main-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.5em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
#main-menu a:focus > .sf-sub-indicator,
#main-menu a:hover > .sf-sub-indicator,
#main-menu a:active > .sf-sub-indicator,
#main-menu li:hover > a > .sf-sub-indicator,
#main-menu li.over > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#main-menu ul li ul .sf-sub-indicator { background-position:  -10px 0; right:10px; top:13px; }
#main-menu ul li ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#main-menu ul li ul a:focus > .sf-sub-indicator,
#main-menu ul li ul a:hover > .sf-sub-indicator,
#main-menu ul li ul a:active > .sf-sub-indicator,
#main-menu ul li ul li:hover > a > .sf-sub-indicator,
#main-menu ul li ul li.over > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

    #main-menu ul li a {	
		padding-bottom:19px;
	}
	#main-menu ul li:hover a, 
	#main-menu ul li.over a {		
		padding-bottom:19px; 
	}
}