/*this stylesheet is for you navigation panel*/

#links a{
	display: block;
	margin: 1px 5px 0 0;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-bottom: 2px solid #808080;
	border-right: 2px solid #808080;
	text-decoration: none;
	background: #e1e1c6;
	color: #000;
	padding: 2px;
	font-size: 100%;
	width: auto;
}

#links a:hover {
	background-color: #06c;
	color: #fff;
/*	font-weight: bold;  */
	padding-right: 3px;
	margin-right: 0;
	border-right: 4px solid #fff;
	border-top: 1px solid #06c;
	border-bottom: 2px solid #06c;
	border-left: 1px solid #06c;
	width: auto;
}

#links h4 {
	padding: 0.3em 0.5em 0.3em;  
	margin: 10px 5px 2px 0px;
	border-width: 1px;
	background: #06c;
	color: #ffffee;
	text-align: center;	
	width: auto;
	font-size: 106%;
}



/* this part below is for the color on the background, surrounding the buttons. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/

#navigator {

background-color: transparent;

border:  transparent;

width: auto;

margin-top: auto;

margin-left: 5px;

margin-right: auto;

padding: 2px;

text-align: left;


}

/*h4 {

font-size: 86%;
color: #000;
}*/