/*This is one of the style sheets for FHWA Operations.  These are styles that need to be hidden from older browsers, mostly Netscape 4x.  

This style sheet is divided into the following sections: 

More information is available in the FHWA Operations Style and Maintenance Guide and the FHWA Operations Developer's Guide.  */

/* ******** SECTION 8: Architecture Implementation-specific styles and other new styles ******** */

/* ******** Architecture Implementation elements ******** */


	
li {
	margin-bottom: 8px;
	}

/* ******** Architecture Implementation template header styles ******** */
	
#header-pics-arch-imp {
	background: #000 url(images/its_arch_imp_images/header-pic-arch-imp-bg.jpg) no-repeat top left;
	}

.opsbanner-arch-imp, #tagline-arch-imp {
	background: #9F0724 url(images/its_arch_imp_images/21century_bkgd_arch_imp.gif) repeat top left;
	}

/* ******** Architecture Implementation template navigation styles ******** */

#navigation-arch-imp {
	background: /*#FBECCF*/ url(images/its_arch_imp_images/left-nav_bkgd_arch_imp.gif) top left repeat;
	font-size: 80%;
	margin-left: 0;
	margin-top: 0;
	}

#navigation-arch-imp a:hover {
	color: #fff;
	background: #9F0724 url(images/its_arch_imp_images/21century_bkgd-tall_arch_imp.gif) repeat top left;
	text-decoration: none;
	display: block;
	}

.navlink_arch {
	padding: 5px 0 5px 15px;
	padding-left: 15px;
	}

.navlink_arch a:link, .navlink_arch a:visited {
	font-weight: bold;
	color: #000063;
	text-decoration: none;
	display: block;
	}

#navigation-arch-imp {
	background: /*#FBECCF*/ url(images/its_arch_imp_images/left-nav_bkgd_arch_imp.gif) top left repeat;
	font-size: 80%;
	margin-left: 0;
	margin-top: 0;
	}

#navigation-arch-imp a:hover {
	color: #fff;
	background: #9F0724 url(images/its_arch_imp_images/21century_bkgd-tall_arch_imp.gif) repeat top left;
	text-decoration: none;
	display: block;
	}

/* ******** Architecture Implementation inset (garnish, text boxes, etc) styles ******** */
	
.inset .inset-box h1 {
	margin: 5px 10px;
	}

.inset-box-arch-imp {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 5px 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #1147d7;
	background-color: #E0F3F9;
	width: 220px;
	}

.inset-box-arch-imp h1 {
	margin: 5px 10px 5px 10px;
	}

.inset-box-arch-imp p {
	margin: 5px 10px 5px 10px;
	}

.inset-box-highlight-arch-imp {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 5px 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #1147d7;
	background-color: #fff;
	width: 220px;
	}

.inset-box-highlight-arch-imp img {
	margin: -1em -.5em 0 0;
	border-bottom: 1px solid #1147d7;
	}
	
.inset-box-highlight-arch-imp li {
	color: #000066;
	font-size: 120%;
	margin: 0 10px 0 -.4em;
	}

.inset-box-highlight-arch-imp p {
	color: #000066;
	font-size: 120%;
	margin: 10px 10px 10px 5px;
	}
	
div.inset-photo-arch-imp {	
	float: right;
	margin: 5px 0 5px 5px;
	}
	
.inset-photo-arch-imp img {
	border: 1px solid #000;
	}

/* ******** Architecture Implementation page-specific styles ******** */
	
.backtotop {
	font-size: 80%;
	font-weight: bold;
	padding: 0 0 15px 0;
	}