/*	
	======================================================================

	public/navigation.css

	======================================================================
*/


/* ----------------------------------------------------
   nav
   ---------------------------------------------------- */

	.topNavItem {

		float: left;
		height: 18px;
	}
	
	.bottomNavItem {

		float: left;
	}
	
	.topNavText {
	
		font-size: 13px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.bottomNavText {
	
		height: 25px;
		font-size: 12px;
		padding-top: 2px;
		padding-left: 9px;
		padding-right: 9px;
	}

	#bottomNavCopyright .bottomNavText {
	
		font-size: 11px;
	}
		
	.navRightDivider {
	
		border-right: 1px solid #634;
	}
	
	.selectedNavItem {
	
		color: #400011;
		background-color: white;
	}

	/* change footer to two lines when too crowded */
/*	
	@media screen and (max-width: 1000px) {
	
		#bottomNav {  height: 60px;  }

		#bottomNavCopyright {
		
			position: fixed;
			bottom: 2px;
			right: 18px;
		}
	}
*/
	
	/* change footer to three lines when super crowded */
/*	
	@media screen and (max-width: 500px) {
	
		#bottomNav {  height: 54px;  }
		
		#bottomNavCopyright {
		
			position: fixed;
			bottom: 2px;
			right: 18px;
		}
	}
*/	

/* ----------------------------------------------------
   subnavigation
   ---------------------------------------------------- */
	
	
	#subnavigation {

		z-index: 50;
		position: fixed;
		top:	121px;
		left: 100px;
	}

	.subSubNavigation {

		z-index: 5;
		position: fixed;
	}

	.subnavButton {

		margin-right: 2px;
		padding: 2px 8px 1px 8px;
		height: 16px;	
		background-color: #B399A0;
		text-align: center;
		color: #400001;
		font-size: 90%;
	}

	.subnavButtonDiv {
	
		float: left;
	}
	
	.subnavButtonLast {
	
		margin-right: 0;
	}
	
	.subnavButtonTriangle {
	
		float: left;
		height: 16px;	
		width: 16px;	
		border-bottom: 8px solid transparent;
		border-top: 8px solid transparent;
	}
	
	.subnavButtonTriangleLeft {
	
		border-right: 8px solid #B399A0;
		border-left: 8px solid transparent;
	}
	
	.subnavButtonTriangleRight {
	
		border-left: 8px solid #B399A0;
		border-right: 8px solid transparent;
	}
	
	.subnavButtonFirst {
	
		margin-left: 0;
	}
	
	.subnavInline {

		display: inline;
	}
	
	.subnavInlineFloatRight {

		float: right;
	}
	
	.subnavButtonHighlighted {
	
		background-color: #8CA;
	}
	
	.subnavButtonDim {
	
		color: #FFF;
		background-color: #EEE;
	}
	
	.subnavTriangleLeftDim {
	
		border-right-color: #EEE;
	}
	
	.subnavTriangleRightDim {
	
		border-left-color: #EEE;
	}