@charset "utf-8";
/* CSS Document */


/* I am using an external css file to style the page navigation  The plan is to place the navigation buttons on the right just off the page
and so the  first thing we need to do it to move the navigation container to the upper right or the page */


#navContainer {
				position:absolute;
				top:205px;
				right:-155px;
				padding:25px 0px 0px 0px;
				margin:0px;
				width:150px;
				height:250px;
				background:#900;
				font-size:0.75em;
				/*border: #900 solid 5px;*/
				}
#navBar ul {
				margin: 0 0 0 0;
				padding:0;
				list-style:none;
				}
#navBar ul li {
				list-style-type: none;
				margin: 0px;
				text-align: left;
				background: #900;
				color: #fff;
				}
#navBar ul li a {
					display:block;
					padding:0.2em 0 0.2em 0.5em;
					text-decoration:none;
					font-weight:bold;
					color:#FFFFFF;
					}
#navBar ul li:hover {
						background:#999999;
						color:#fff;
						}
#navBar ul li.selected {
							background:#000000;
							color:#000000;
							}
							
#navBar ul li.selected:hover {
								background:#999999;
								color:#ffffff;
							}


/*#navBar ul li:hover a {
						background:inherit;
						color:#fff;
						}
						
#navbar #current {
					background-image:url(../images/fg.gif);
					}*/