/* **** SECONDARY CSS **** */
/* Basic HTML CSS properties */
@import url(../shared/base.css);

/* REUSABLE HEADER CSS */
@import url(../shared/header-bar.css);
@import url(../shared/header-logo.css);

/* REUSABLE CONTENT CSS */
@import url(../shared/content-banner.css);	/* BANNER (top of page "flags") */
@import url(../shared/spotlight.css);		/* SPOTLIGHT BOX */

/* REUSABLE NAVIGATION CSS */
@import url(../shared/navigation-ir.css); /* image replacement */

/* PAGE: (additional wrapper) */
* html body { text-align: center; } * html body #page { text-align: left; } /* IE5 centering */
#page {
	position: relative;
	width: 55em;
	margin: 0 auto;
}
	/* HEADER */
	#header {
		border-bottom: 1px solid #000;
		margin-bottom: 1em;
	}
		#header h2 { display: none; }	/* slogan? */
		
		/* HEADER NAVIGATION (bread-crumbs / lists) */
			#header ul, #header li 	{	list-style: none; display: block; margin: 0; padding: 0; }
			#header .navigation		{	float: left; }	/* lists & container (keeps them together) */
			#header ul.navigation	{	border-right: 1px dotted #aaa;	}
			#header .navigation li	{	padding: 0 .5em; }
			
			/* IE5/Mac Fix */
			* html body #header div.navigation { width: 24em;}
			*>html body #header .navigation li { float: left; clear: left; width: 7em; }
			/* End the fix */
			
			#header .bread-crumbs { list-style: none; padding: .25em 0; clear: both;}
			#header .bread-crumbs li {
				display: inline;
				margin: 0; padding: 0; 
				font-size: .9em;
			}
		/* END HEADER NAVIGATION */
	/* END HEADER */
	/* CONTENT: wraps everything but header & footer */
	#content {	margin-left: 180px; }
		/* MAIN-CONTENT */
		#main-content {
			float: right;
			display: inline;
			width: 100%;
			font-size: .9em;
			
		}
		* html #main-content { padding-left: 180px;}
			/* MAIN CONTENT NAVIGATION (right navigation) */
				#main-content dl.navigation-list,
				#main-content dl.navigation-list dt, 
				#main-content dl.navigation-list dd, 
				#main-content dl.navigation-list ul,
				#main-content dl.navigation-list ul li {	margin: 0; padding: 0 0; list-style: none;	}
				
				#main-content dl.navigation-list {
					margin: 0 0 1em 0;
					border: 1px solid #000;
					border-top: none;
					float: right;
					
					width: 168px;
					overflow: hidden;
					background-color: #fff;
					z-index: 1;
				}
				#main-content dl.navigation-list dt {
					background-color: #900;  /* red */
					color: #fff;
				}
				#main-content dl.primary dt {
					background-color: #039;  /* blue */
				}
				#main-content dl.navigation-list dd {
					padding: 4px 1em;
				}
				#main-content dl.navigation-list dd li {
					padding-top: .25em;
					padding-bottom: .25em;
					padding-left: 15px;
				}
			/* END MAIN CONTENT NAVIGATION */
		/* END MAIN CONTENT */
		/* "LEFT" NAVIGATION */
		#navigation {
			float: left;
			z-index: 10;
			
			width: 170px;
			margin-left: -180px;
			display: inline;
			background-color: #fff;
			
			font-size: .9em;
		}
		
			#navigation dl, #navigation dt, #navigation dd, #navigation ul, #navigation li {
				margin: 0; padding: 0 0; list-style: none;
			}
			
			#navigation dl.navigation-list {
				margin: 0 0 1em 0;
				border: 1px solid #000;
				border-top: none;
				
				width: 168px;
				/* Hide from IEMac \*/
				overflow: hidden;
				/* end IE5mac hide */
			}
			#navigation dl.navigation-list dt {
				background-color: #C00;  /* red */
				color: #fff;
				text-indent: 1em;
			}
			#navigation dl.primary dt {	background-color: #039;  		}
			#navigation dl.navigation-list dd {	padding: 4px 1em;		}
			#navigation dl.navigation-list .active {	font-weight: bold;	}
			#navigation dl.navigation-list dd.active {
				background: url(../images/bullets/arrow.gif) no-repeat 0 .5em;
				margin-left: 1em;
			}
			#navigation dl.navigation-list dd li {
				padding-top: .25em;
				padding-bottom: .25em;
				padding-left: 15px;
			}
			#navigation .active { font-weight: bold;	}
			
			#navigation input.text {	width: 100px;		}
			
			#navigation dl.spotlight  {
				text-align: center;
				margin-bottom: 1em;
			}
		/* END LEFT NAVIGATION */
	/* END CONTENT */
	/* FOOTER */
	#footer {
		margin: 1em 0 1em 175px;
		padding: 1em 0;
		clear: both;
		text-align: center;
		
		font-size: .9em;
		
		border-top: 1px solid #000;
	}
		/* FOOTER NAVIGATION */
			#footer .navigation, #footer .navigation li	{	margin: 0; padding: 0; list-style: none;	}
			#footer .navigation	{	margin-bottom: 2em;	}
			#footer .navigation li {
				display: inline;
				padding: 0 .5em;
				border-right: 1px solid #000;
			}
		/* END FOOTER NAVIGATION */
	/* END FOOTER */
/* END PAGE */