/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* {
	padding: 0;
	list-style:none;
	margin: 0;
}
html { overflow-y: scroll; }

a { outline: none; }
a img { border: none; }
img{
	border:none;
	margin-bottom: 2px;
	margin-bottom: 4px;	
}
a{ text-decoration:none}
/* END RESET */
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatleftimg{
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 3px;
}
.floatright { float: right; }
.floatrightimg {
	float: right;
	margin-left: 10px;
}
.clear { clear: both; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* PNG Fix. A few select DIVS is all IE can handle without freezing. http://browsehappy.com */
#featured div, #footer ul li, .breadcrumbs, .navigation, #featured-articles-label {
	behavior:url(/css/iepngfix.htc);
}

ul, li{border:0; padding:0; margin:0; list-style:none;}

/* ----------- NAVIGATION----------- */
#menub{
	width:860px;
	position:absolute;
	left:21px;
	z-index: 120;
	top: 16px;
}
#top-navigation{
	width:auto;
	height:48px;
	margin:0 auto;
	background-image: url(../images/img/topnav-bg.gif);
	background-repeat: repeat-x;
}
#navigation{
	height:32px;
	margin:0 auto;
	width:auto;
	background-image: url(../images/img/nav-bg.gif);
	background-repeat: repeat-x;
	}
	#navigation .right_link{
		float:right;
		font-size:11px;
		line-height:32px;
		margin:0 10px;
	}
	#navigation ul{
	 height:32px;
	 line-height:32px;	
	}
	#navigation ul li{
		display:inline;
	}
	#navigation ul li a,
	#navigation ul li a:visited {
	padding:0 20px;
	display:block;
	text-decoration:none;
	float:left;
	color:#000000;
	font-weight:bold;
	background-image: url(../images/img/line-a.gif);
	background-repeat: no-repeat;
	background-position: right;
	}
	#navigation ul li a:hover{
		color:#FFFFFF;
		background:#A5A5A5;
	}	
/* ----------- SUBLINKS ----------- */
#sublinks{
	width:auto;
	margin:0 auto;
	height:30px;
	font-size:11px;
	background-color: #CCC;
	background-image: url(../images/img/sublink.gif);
}	
	#sublinks ul{
	 height:32px;
	 line-height:31px;	
	}
	#sublinks ul li{
		display:inline;
	}
	#sublinks ul li a,
	#sublinks ul li a:visited {
		padding:0 20px;
		display:block;
		text-decoration:none;
		float:left;
		color:#FFFFFF;
	}
	#sublinks ul li a:hover{
		text-decoration:underline;
	}