/* Site navigation bar — paired with Common/navbar.js, which injects the DOM. */

#wrap	{
	width: 1201px; /* Spans the width of the page */
	height: 50px;

	margin-left: auto;
	margin-right:auto;
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative;
	background-color: #ffffff;
	}

div.nav1 a { padding: 13px; }	/* For a list element with less padding*/

.scca_navbar	{
	height: 50px;
        padding: 0;
	margin: 0;
	position: absolute; /* Ensures that the menu does not affect other elements */
	border-right: 1px solid #54879d;
	}

.scca_navbar li 	{
			height: auto;
			width: 150px;  /* Each menu item is 150px wide */
			float: left;  /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			font: normal bold 14px/1.2em Arial, Verdana, Helvetica;
			padding: 0;
			margin: 0;
			background-color: rgb(0, 128, 64);
                        }

.scca_navbar a	{
		padding: 18px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
		border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
		border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: white; /* Text color is white */
		display: block;
		}

 .scca_navbar li:hover, a:hover {background-color: #54879d;}

		 .scca_navbar li ul 	{
		display: none;  /* Hides the drop-down menu */
		height: auto;
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */
		}

.scca_navbar li:hover ul 	{
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        }
.scca_navbar li ul li {
        background-color: #54879d;
        height: 35px;
		font: normal bold 12px/1.2em Arial, Verdana, Helvetica;}

.scca_navbar li ul li a 	{
		padding: 10px 0;
		border-left: 1px solid #1f5065;
		border-right: 1px solid #1f5065;
		border-top: 1px solid #74a3b7;
		border-bottom: 1px solid #1f5065;
		}

.scca_navbar li ul li a:hover	{background-color: #366b82;}

.frome_navbar	{
	height: 50px;
        padding: 0;
	margin: 0;
	position: absolute; /* Ensures that the menu does not affect other elements */
	border-right: 1px solid #54879d;
	}

.frome_navbar li 	{
			height: auto;
			width: 150px;  /* Each menu item is 150px wide */
			float: left;  /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			font: normal bold 14px/1.2em Arial, Verdana, Helvetica;
			padding: 0;
			margin: 0;
			background-color: #366b82;
                        }

.frome_navbar a	{
		padding: 18px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
		border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
		border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: white; /* Text color is white */
		display: block;
		}

 .frome_navbar li:hover, a:hover {background-color: #54879d;}

		 .frome_navbar li ul 	{
		display: none;  /* Hides the drop-down menu */
		height: auto;
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */
		}

.frome_navbar li:hover ul 	{
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        }
.frome_navbar li ul li {
        background-color: #54879d;
        height: 35px;
		font: normal bold 12px/1.2em Arial, Verdana, Helvetica;}

.frome_navbar li ul li a 	{
		padding: 10px 0;
		border-left: 1px solid #1f5065;
		border-right: 1px solid #1f5065;
		border-top: 1px solid #74a3b7;
		border-bottom: 1px solid #1f5065;
		}

.frome_navbar li ul li a:hover	{background-color: #366b82;}