/* =Navigations
============================================================================== */

	/* Main Navigation
	-------------------------------------------------------------------------- */
	
		#main-nav {
			padding: 3px 2px 0 2px;
			width: 960px;
			height: 39px;
			background: url(../images/main-nav.jpg) top left no-repeat;
			position: absolute;
			bottom: 0;
			}
			
		/* main navigation list */
			
		#main-nav ul {
			margin: 0;
			list-style: none;
			float: left;
			}
			
		#main-nav ul li {
			height: 39px;
			float: left;
			}
			
		#main-nav ul li a, #main-nav ul li a:visited {
			padding-left: 19px;
			height: 39px;
			text-decoration: none;
			display: block;
			float: left;
			}
			
		#main-nav ul li a em {
			padding: 2px 22px 0 0;
			height: 37px;
			line-height: 37px;
			font-size: 1.2em;
			font-style: normal;
			color: #506169;
			text-shadow: #fff 1px 1px 1px;
			background: url(../images/main-nav-buttons.jpg) top right no-repeat;
			display: block;
			float: left;
			cursor: pointer;
			}
		
		#main-nav ul li a:hover, #main-nav ul li.selected a {
			text-decoration: none;
			background: url(../images/main-nav-buttons.jpg) -10px -39px no-repeat;
			}
			
		#main-nav ul li a:hover em, #main-nav ul li.selected a em {
			background: url(../images/main-nav-buttons.jpg) center right no-repeat;
			}
			
		#main-nav ul li a:active, #main-nav ul li a:focus {
			margin-right: -1px;
			padding-left: 20px;
			background: url(../images/main-nav-buttons.jpg) -454px -78px no-repeat;
			position: relative;
			left: -1px;
			}
			
		#main-nav ul li a:active em, #main-nav ul li a:focus em {
			background: url(../images/main-nav-buttons.jpg) bottom right no-repeat;
			}
			
		/* first link in main navigation - has rounded top left corner */
		
		#main-nav ul li:first-child a {
			padding-left: 20px;
			background: url(../images/main-nav-buttons.jpg) 0 0 no-repeat;
			}
		
		#main-nav ul li:first-child a:hover {
			background: url(../images/main-nav-buttons.jpg) 0 -39px no-repeat;
			}
			
		#main-nav ul li:first-child a:active, #main-nav ul li:first-child a:focus {
			margin-right: 0;
			background: url(../images/main-nav-buttons.jpg) 0 -78px no-repeat;
			left: 0;
			}
			
/* =Header
============================================================================== */

	/* General
	-------------------------------------------------------------------------- */
	
		#header {
			width: 100%;
			height: 150px;
			background: url(../images/bg-header-highlight.jpg) top center no-repeat;
			}
			
		#header .copy {
			margin: 0 auto;
			max-width: 964px;
			height: 150px;
			position: relative;
			}
			
	/* Logo
	-------------------------------------------------------------------------- */
	
		a#logo, a#logo:visited {
			width: 101px;
			height: 101px;
			background: url(../images/logo.jpg) top left no-repeat;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			top: 5px;
			left: 2px;
			}
			
		a#logo:hover {
			text-decoration: none;
			background: url(../images/logo.jpg) bottom left no-repeat;
			}
	
	/* Log In/Out Message
	-------------------------------------------------------------------------- */
	
		#login-msg {
			font-size: 1.1em;
			position: absolute;
			top: 10px;
			right: 0;
			}
			
		#login-msg p {
			padding-right: 10px;
			line-height: 2.4em;
			color: #fff;
			text-shadow: #223f4d 1px 1px 1px;
			float: left;
			margin: 0px;
			}

		#login-msg p strong a { color: #BBD7E2; }
		#login-msg p strong a:hover { color: #fff; }

		#login-msg a.btn, #login-msg a.btn:visited {
			padding-left: 6px;
			height: 27px;
			text-decoration: none;
			background: url(../images/button-welcome-left.jpg) top left no-repeat;
			display: block;
			float: left;
			}
			
		#login-msg a.btn em {
			padding: 0 10px 0 4px;
			height: 27px;
			line-height: 2.4em;
			font-style: normal;
			color: #506169;
			text-shadow: #fff 1px 1px 1px;
			background: url(../images/button-welcome-right.jpg) top right no-repeat;
			display: block;
			float: left;
			cursor: pointer;
			}
			
		#login-msg a.btn:hover {
			text-decoration: none;
			background: url(../images/button-welcome-left.jpg) center left no-repeat;
			}
			
		#login-msg a.btn:hover em {
			background: url(../images/button-welcome-right.jpg) center right no-repeat;
			}
			
		#login-msg a.btn:active, #login-msg a.btn:focus {
			background: url(../images/button-welcome-left.jpg) bottom left no-repeat;
			}
			
		#login-msg a.btn:active em, #login-msg a.btn:focus em  {
			background: url(../images/button-welcome-right.jpg) bottom right no-repeat;
			}
			
	/* Search
	-------------------------------------------------------------------------- */
	
		#search {
			padding: 7px 18px 0 0;
			float: right;
			/*visibility: hidden;   commented since search is fixed */
			}
			
		#search label {
			padding: 0 10px 0 20px;
			line-height: 2.4em;
			color: #9da8ae;
			font-size: 1.2em;
			background: url(../images/search-icon.gif) center left no-repeat;
			float: left;
			}
			
		#search span.search-input {
			width: 199px;
			height: 26px;
			background: url(../images/search-input.jpg) top left no-repeat;
			display: block;
			float: left;
			}
			
		#search span.search-input input {
			padding: 7px 5px 0 5px;
			width: 189px;
			height: 19px;
			line-height: 19px;
			color: #506169;
			background: transparent;
			border: 0;
			display: block;
			}

			
/* =Footer
============================================================================== */

	/* General
	-------------------------------------------------------------------------- */
	
		#footer {
			margin: 0 auto;
			width: 960px;
			}
		
		#footer .copy {
			padding: 20px 0;
			width: 960px;
			font-size: 1.1em;
			text-align: center;
			}
		
		/* footer list of links */	
			
		#footer .copy ul {
			margin-bottom: 10px;
			list-style: none;
			}
			
		#footer .copy ul li {
			padding: 3px 10px;
			list-style: none;
			display: inline;
			background: url(../images/footer-link-divides.gif) center left no-repeat;
			}
			
		#footer .copy ul li:first-child {
			background: none;
			}
			
		/* footer copyright paragraph */	
			
		#footer .copy p {
			color: #87a2af;
			}