/* CSS Document TIMSS Navigation List*/
/**--start sidebar UL only links for study publications **/
		/** ul navlist "background" forms left, bottom and right borders with 1px padding **/
ul#navlist {
	font: 12px Verdana, sans-serif;
	float: right;
	clear: both;
	margin: 0;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 0px;
}
ul#navlist li {
	list-style: none;
	margin: 0;
	text-align: left;
/** removed from li, hover not recognized
	background-image: url(/pirls2011/images/bullet_1.gif); **/
	background-position: 0px;
	background-repeat: no-repeat;
	/**  padding extends buffer to left for bullet***/
	padding-left: 0;
}
/*   Rollover bullet for li:hover focus -orange- appears , script from "son of suckerfish;" in html "sfHover"*/

#navlist li:hover, #navlist li.sfhover {
	list-style: none;
	background: url(../images/bullet_2.gif) no-repeat 0px;
}
/**  Unused: li a "border-left" is bullet This is just a hack for ie bug in "Eric Meyer's Strengthening the links" list. IE(6) show an unexspected bottom-border for each li. This hack solves the problem giving a fixed width for ul and a.***/
ul#navlist li a {
	display: block;
	padding: 0.3em 0em 0.3em 16px;
	text-decoration: none;
	width: 16em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
	margin-left: 0px;
	float: none;
	background: url(../images/bullet_1.gif) no-repeat 0px;
}
/**  li a "border-left" is bullet***/
ul#navlist li a.here {
	background: url(../images/bullet_2.gif) no-repeat 0px;
}
/* unvisited link */
ul#navlist li a:link { 
	color: rgb(0,139,176); 
}
/* visited link */
ul#navlist li a:visited { 
	color: rgb(0,139,176);
}
/* mouse over link */
ul#navlist li a:hover {
	display: block;
	background: url(../images/nav-focus.gif) no-repeat right top;
	text-decoration: none; /**  background-position: X Y || (top||bottom||center) (left||right||center);**/
}
/** fix rollover forthcoming produces no change in bullet box?  
 action of rollover bullet for li:hover focus -unfilled- appears 
#navlist li.idb:hover {
	background-image: url(/pirls2011/images/bullet_1.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	margin: 0;
	background-position: 0px;
	background-repeat: no-repeat;
	padding: 0;
}
*/

/**  start menu link imgs for Forthcoming list items. nbsp used in ul for Forthcoming links.***/
/**  
ul#navlist li a.frame {
	padding: 0.3em 0em;
	background:  url(images/framework1.gif) no-repeat right;
	text-decoration: none;
	color: #FFFFFF;
}
***/
/**  Unused: li a "border-left" is bullet This is just a hack for ie bug in "Eric Meyer's Strengthening the links" list. IE(6) show an unexspected bottom-border for each li. This hack solves the problem giving a fixed width for ul and a.***/
/**
ul#navlist li a.enc {
	padding: 0.3em 0em;
	background:  url(../images/enc1.gif) no-repeat right;
	text-decoration: none;
}
ul#navlist li a.cq {
	padding: 0.3em 0em;
	background:  url(../images/cq1.gif) no-repeat right;
	text-decoration: none;
}
ul#navlist li a.ir {
	padding: 0.3em 0em;
	background:  url(../images/ir1.gif) no-repeat right;
	text-decoration: none;
}
ul#navlist li a.tr {
	padding: 0.3em 0em;
	background:  url(../images/tr1.gif) no-repeat right;
	text-decoration: none;
}
**/
/*********************  start hover img for menu link.************************/
/**  
ul#navlist li a.frame:hover {
	padding: 0.3em 0em;
	background: url(../images/forth.gif) no-repeat right;
	text-decoration: none;
}
***/
ul#navlist li a.enc:hover {
	display: block;
	background: url(../images/forth-focus.gif) no-repeat right;
	text-decoration: none;
	background-position: top right;
}
ul#navlist li a.cq:hover {
	display: block;
	background: url(../images/forth-focus.gif) no-repeat right;
	text-decoration: none;
	background-position: top right;
}
ul#navlist li a.ir:hover {
	display: block;
	background: url(../images/forth-focus.gif) no-repeat right;
	text-decoration: none;
	background-position: top right;
}
ul#navlist li a.tr:hover {
	display: block;
	background: url(../images/forth-focus.gif) no-repeat right;
	text-decoration: none;
	background-position: top right;
}
ul#navlist li a.idb:hover {
	display: block;
	background: url(../images/forth-focus.gif) no-repeat right;
	text-decoration: none;
	background-position: top right;
}
/**  hide text on rollover with span***/
ul#navlist li a.enc:hover span {
	display: none;
}
ul#navlist li a.cq:hover span {
	display: none;
}
ul#navlist li a.ir:hover span {
	display: none;
}
ul#navlist li a.tr:hover span {
	display: none;
}
ul#navlist li a.idb:hover span {
	display: none;
}
/**  Unused: li for loading img bg smoothly.***/
/**  Unused: lie background?.**
ul#navlist li.frame {
	background: none url(../images/framework1.gif) no-repeat right;
	text-decoration: none;
}
ul#navlist li a.idb:hover {
	padding: 0.3em 0em;
	background: url(../images/forth.gif) no-repeat right;
	text-decoration: none;
}
**/