body 
{
    background: #0073B5;
    color:#FFFFFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.9em
}

#container
{
	margin: 0 30px;
	background: #0073B5;
}

#header {
	background: #005F97 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAATElEQVQY062QsQ3AMAzDCL3X3/pN7mOHOE2GDEWRTYIt0TDX3aJEiBqgvBHC0NudTUbKW3MCU/fOpQ+LMTN/mG8v3zInmHDoN+N+eADfaJm98x3ylQAAAABJRU5ErkJggg==') /*../images/banner_bg.png*/ 50% 50% repeat-x;
	*background: #005F97 url(../images/banner_bg.png) 50% 50% repeat-x; /* For IE 6 and 7 */
	height: 100px;
}

#header-content
{ 
    padding:15px
}
    

#logoLeft
{
    float:left;
    margin-top:-5px;   
    height:80px;
}
#logoRight
{
    float:right;
    margin-top:-5px;
    /*outline:#003E62 solid 1px;*/
}

#header h1 { margin: 0; }

/*#navigation
{
	float: left;
	width: 100%;
	background: #333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;    
}

#navigation li a:hover 
{
     background: #80b9d0; 
     font-weight: normal; 
     color: #454545;
     }

#navigation li ul {
    position: absolute;
    display: none;
  }

  #navigation li:hover ul {
    display: block;
  }

  #navigation li ul li {
    display: block;
  }*/

#nav-container{
    background: #333;
}

#navigation
{
	float: left;
    vertical-align:middle;
	background: #333;
    width:80%;
    min-width:50%;
    height:inherit;
}

#navigation ul {
  list-style: none;
  background-color: #333;
  text-align: center;
  vertical-align:middle;
  padding: 0;
  margin: 0;
}

#navigation li {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1em;
  line-height: 25px;
  text-align: left;
   vertical-align:middle;
    border-right-color:white;
    border-right-style:solid;
    border-right-width:0.5px;
}

#navigation a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding-left: 15px;
  transition: .3s background-color;
      border-right:none;
}

#navigation a:hover {
  background-color: #80b9d0;
}

#navigation a.active {
  background-color: #aaa;
  color: #333;
  cursor: default;
}

/* Sub Menus */
#navigation li li {

    border-right: none;
}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/


@media screen and (min-width: 650px) {
	#navigation li {
		width: 100px;
		float: left;
		border-bottom: none;
		display: inline-block;
		margin-right: -4px;
	}

	#navigation a {
		border-bottom: none;
	}

	#navigation > ul > li {
		text-align: center;
	}

		#navigation > ul > li > a {
			padding-left: 0;
		}

	/* Sub Menus */
	#navigation li ul {
		position: absolute;
		display: none;
		width: inherit;
		z-index: +1;
	}

	#navigation li:hover ul {
		display: block;
	}

	#navigation li ul li {
		display: block;
	}

	#navigation li.PressMenu {
		width: 120px;
	}


	#login-status-area {
		display: inline-block;
		background: #333;
		line-height: 22px;
		/*float:right;*/
	}

	#login-area {
		float: right;
		/*padding:5px;*/
	}

		#login-area a {
			color: #fff;
		}

	#content {
		clear: left;
		padding: 10px;
		min-height: 300px;
	}

		#content a {
			text-decoration: none;
			color: White;
			font-weight: 700;
		}


			#content a:visited {
				text-decoration: none;
				color: White;
			}


			#content a:hover {
				text-decoration: none;
				background: #80b9d0;
			}


	#footer {
		text-align: center;
		padding: 10px;
		height: 1%;
		border-top: 3px solid white;
	}


	/* Set up Textbox appearance */

	.APTextBox {
		font-family: Arial, Tahoma, Verdana, Calibri;
		font-size: 16px;
		color: White;
		height: auto;
		width: auto;
		background-color: transparent;
		border: 1px solid white;
	}

		.APTextBox:focus {
			background-color: #C4DBFF;
			color: #002448;
		}

		.APTextBox:hover {
			background-color: #005F97;
			color: #FFF;
		}

			.APTextBox:hover:focus {
				background-color: #C4DBFF;
				color: #002448;
			}

	.APErrorText {
		color: #FF9900;
	}


	.LoginButton {
		margin-top: 15px;
	}

	.AlignMiddle {
		vertical-align: middle;
	}

	h3 {
		height: 30px;
	}


	.user-name {
		color: #0ABFA8;
	}


	/* 'Refreshing wheel' defaults */
	#divRefreshing {
		display: none;
		position: absolute;
		height: 50%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}