/******** PLAIN CSS BASE ********/
/* COMMON HTML styling */
@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 */


/* IE page centering */
/* PAGE */
* html body { text-align: center; }	* html body #page { text-align: left; }
#page {
	width: 80%;
	margin-left: auto; margin-right: auto;
	max-width: 60em;
}
	/* HEADER */
		#header {	
			border-bottom: 2px solid #000;
			margin-bottom: 1em;
		}
			#header h2 { display: none; } /* no slogan */
			/* HEADER NAVIGATION */
				#header ul, #header li {
					list-style: none; display: block; margin: 0; padding: 0;
				}
				#header .navigation {
					float: left;
					border-right: 1px dotted #aaa;
				}
				#header .navigation li {	padding: 0 1em;	}
				/* IE5/Mac Fix */
				*>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 */
		#content {	position: relative;	}
			/* MAIN CONTENT */
				#main-content {	padding: 0 1em;	}
				
				/* 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;
						position: relative;
					}
					#main-content dl.navigation-list dt {
						background-color: #900;  /* red */
						color: #fff;
						padding: 3px;
					}
					#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 */
			
			/* NAVIGATION */
				#navigation {	display: none;	}
			/* END NAVIGATION */
	/* END CONTENT */
	/* FOOTER */
		#footer {
			margin: 1em 0;
			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 */