/******** MAIN CSS BASE ********/
/* 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/spotlight.css);		/* SPOTLIGHT BOX */

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

/* PAGE */
#page {}
	/* HEADER */
	#header {}
		/* don't show slogan or bread crumbs */
		#header h2, #header .bread-crumbs {	display: none;	}
		
		/* HEADER NAVIGATION */
			#header .navigation {
				float: left;
				border-right: 1px dotted #aaa;
				padding: 1em 0;
			}
			
			#header .navigation, #header .navigation li {
				list-style: none; display: block; margin: 0; padding: 0;
			}
			/* IE5/Mac Fix */
			*>html body #header .navigation li { float: left; clear: left; width: 7em; }
			/* End the fix */
			
			
			#header .navigation li {
				padding: 0 1em;
				
			}
		/* END HEADER NAVIGATION */
		
	/* END HEADER */
	/* CONTENT */
	#content {
		position: relative;
		margin-top: 1em;
		width: 850px;
	}
		/* MAIN CONTENT */
		#main-content {
			margin-left: 175px;
			padding: 0 1em;
		}
			/* this is a clarification for the "news" */
			#content #main-content ul.common, 
			#content #main-content ul.common li {	margin: 0; padding: 0;	}
			
			#main-content .navigation-list {
				margin: 0; padding; 0;
			}
			#main-content .navigation-list dt, 
			#main-content .navigation-list dd{
				margin: 0 0 5px; padding: 0;
			}
			#main-content .navigation-list {
				float: left;
				width: 180px;
				font-size: .9em;
				padding-right: 1em;
				line-height: 1.5em;
			}
			
			#main-content ul.news li, #main-content ul.news { margin: 1em 0; padding: 0; }
			#main-content ul.news { font-size: 1.1em; }
			
		
		
		/* END MAIN CONTENT */
		/* NAVIGATION */
		#navigation {
			position: absolute;
			top: 0;
			
			/* fix for weird IE behavior 
				this is the same as left: 0;	*/
			right: 100%;
			margin-right: -175px;
			/* done with the fix */
			
			width: 170px;
			overflow: hidden;
			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: #900;
				color: #fff;
				text-indent: 1em;
			}
			#navigation dl.primary dt {
				background-color: #039;
			}
			#navigation dl.navigation-list dd {
				padding: 4px 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;
			}
		
		
		/* END NAVIGATION */
	/* END CONTENT */
	/* FOOTER */
	#footer {	
		margin: 2em 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 */