/* Page numbering for light backgrounds ---------------------------------- */

#pagenumbersdark {	
        float: left;
	padding: 0px; margin: 0px auto; 
	width: 200px; height:17 px; 
	position: relative; 
	display: block; 	
}

#pagenumbersdark span {
	display: none; 
	position: absolute;
}

#pagenumbersdark a {
        display: block; 
	position: absolute; 
	outline: none;  
	font: 15px Times New Roman, Times, Bell MT, serif;
	line-height: 17px;
/*	color: #32312d;*/
        color: #76736e;
	text-align : center;
	margin-right: 1px; margin-left: 1px;
	text-decoration: none;
}

#pagenumbersdark a:hover {	
        display: block; 
	position: absolute; 
	outline: none;  
	font: 15px Times New Roman, Times, Bell MT, serif; 
	line-height: 17px;
	color: #32312d;
	text-align : center;
	margin-right: 1px;
	margin-left: 1px; text-decoration: none;
        background: #c1bbb2; 

}

#pagenumbersdark a:active {
        display: block; 
	position: absolute; 
	outline: none;  
	font: 15px Times New Roman, Times, Bell MT, serif;
	line-height: 17px;
	color: #32312d;
	text-align : center;
	margin-right: 1px; margin-left: 1px;
	text-decoration: none;
        background: #c1bbb2; 
}

#pagenumbersdark a:hover span {
	display: block;
}


#pagenumbersdark .one    {width:  20px; height: 17px; left: 24px; top:12px;}
#pagenumbersdark .two    {width:  20px; height: 17px; left: 44px; top:12px;}
#pagenumbersdark .three  {width:  20px; height: 17px; left: 64px; top:12px;}
#pagenumbersdark .four   {width:  20px; height: 17px; left: 84px; top:12px;}
#pagenumbersdark .five   {width:  20px; height: 17px; left: 104px; top:12px;}
#pagenumbersdark .six    {width:  20px; height: 17px; left: 124px; top:12px;}
#pagenumbersdark .seven  {width:  20px; height: 17px; left: 144px; top:12px;}
#pagenumbersdark .eight  {width:  20px; height: 17px; left: 164px; top:12px;}
#pagenumbersdark .nine   {width:  20px; height: 17px; left: 184px; top:12px;}





/* Page numbering for dark backgrounds ---------------------------------- */

#pagenumberslight {	
        float: left;
	padding: 0px; margin: 0px auto; 
	width: 200px; height:17 px; 
	position: relative; 
	display: block; 	
}

#pagenumberslight span {
	display: none; 
	position: absolute;
}

#pagenumberslight a {
        display: block; 
	position: absolute; 
	outline: none;  
	font: 15px Times New Roman, Times, Bell MT, serif;
	line-height: 17px;
/*	color: #32312d;*/
        color: #eeeeee;
	text-align : center;
	margin-right: 1px; margin-left: 1px;
	text-decoration: none;
}

#pagenumberslight a:hover {	
        display: block; 
	position: absolute; 
	outline: none;  
	font: 15px Times New Roman, Times, Bell MT, serif; 
	line-height: 17px;
	color: #32312d;
	text-align : center;
	margin-right: 1px;
	margin-left: 1px; text-decoration: none;
        background: #d3d3d3; 

}

#pagenumberslight a:active {
        display: block; 
	position: absolute; 
	outline: none;  
	font: 15px Times New Roman, Times, Bell MT, serif;
	line-height: 17px;
	color: #32312d;
	text-align : center;
	margin-right: 1px; margin-left: 1px;
	text-decoration: none;
        background: #d3d3d3; 
}

#pagenumberslight a:hover span {
	display: block;
}


#pagenumberslight .one    {width:  20px; height: 17px; left: 24px; top:12px;}
#pagenumberslight .two    {width:  20px; height: 17px; left: 44px; top:12px;}
#pagenumberslight .three  {width:  20px; height: 17px; left: 64px; top:12px;}
#pagenumberslight .four   {width:  20px; height: 17px; left: 84px; top:12px;}
#pagenumberslight .five   {width:  20px; height: 17px; left: 104px; top:12px;}
#pagenumberslight .six    {width:  20px; height: 17px; left: 124px; top:12px;}
#pagenumberslight .seven  {width:  20px; height: 17px; left: 144px; top:12px;}
#pagenumberslight .eight  {width:  20px; height: 17px; left: 164px; top:12px;}
#pagenumberslight .nine   {width:  20px; height: 17px; left: 184px; top:12px;}