/* ===============================================================================================================
	page/presentation styles for ixa_home
  
	last updated:  24.02.2007
	by: clt <chiayin.l.tu@gmail.com>

================================================================================================================= */
	
	body{		
				background:url(../ixa_images/bg_stripesGrey9.gif) #999 repeat top left;
				text-align:center;
				
				margin: 0;
				}
	
	/* to highlight the link of current page in that page's menu */
	body#ixa_home #nav_main a.home, body#ixa_about #nav_main a.about, body#ixa_texts #nav_main a.texts,  
	body#ixa_projects #nav_main a.projects, body#ixa_talks_conferences #nav_main a.talks, 
	body#ixa_contact #nav_main a.contact, body#ixa_links #nav_main a.links
	{
		/*background:url(../ixa_images/gradV50h_orangefc0.jpg) #FF3300 repeat-x bottom left;*/
		background:url(../ixa_images/gradV50h_greenCF0_690.jpg) #333333 repeat-x bottom left;
	
	}
	
	body#ixa_home #footer a.home, body#ixa_about #footer a.about, body#ixa_texts #footer a.texts,
	body#ixa_projects #footer a.projects, body#ixa_talks_conferences #footer a.talks, 
	body#ixa_contact #footer a.contact, body#ixa_links #footer a.links
	{
			font-weight:bold;
	}		
	

	/* mad props to svend tofte for workaround for "max-width" in ie!!!
	online at http://www.svendtofte.com/code/max_width_in_ie/ */
	#main{	
			background-color:#999;
			margin: -1em auto 0;
			padding: 0;
			text-align:center;
			height: auto;
			width: 800px;  /* adjust to liquid layout if desired */
			
			/*
			min-width: 720px;
			max-width:1200px;

			width: expression(document.body.clientWidth < 720? "720px": 
			document.body.clientWidth > 1200? "1200px" : "auto" );*/
			z-index: 2;
	
			border-left: 6px solid #FFF;
			border-right:6px solid #FFF; 
	}
	


/* ================================================================================================
	page header
=================================================================================================== */

	/* header:  contains different bg image; larger banner text, logo, etc. */
	#header{
			background-color:#FFFFFF;
			
			/*background-color:#690;*/
			margin:0;
			padding:0; 
			border-bottom:none;
			
			width: 100%; height: 60px;
				
			z-index: 4;
			text-align:left;
			float:left;
			
			/*border:1px dotted #999;*/
	}
	
	#header h1 {
		text-align:left;
		font-size:2.0em;
	}

/* this runs right below header in subPages */
	
	/* navigation:  get bearings */
	#breadcrumb {
		background-color:#666;  /* #330066 */
		margin:0;
		padding:0;
		
		width:100%;
		height:auto;
		z-index:7;
		
		clear:both;
		
		/* subpages have no nav_main, only  border-top */
		border-top: 3px solid #CF0;
		border-bottom: 1px solid #CCC;
	}
	
	

	/* use to clear floated link list; necessary to keep items within a floated bloc */
	.foot_clear {
		height:0;
		visibility:hidden;
		clear:both;
		
	}
	
/* ========================================================================================
	BEGIN styles for main nav bar [horizontal link list]: list items = ixa home nav buttons
	nav_main removed from subPages 
=========================================================================================== */


/* ========================================================================================
	ACRO, FOOTER sections of page 
=========================================================================================== */

/* acro: top colored strip */
	#acro {			
			border-bottom: 5px solid #FFF;
			background:url(../ixa_images/gradV50h_grey9-white.jpg) #FFF repeat-x bottom left;
	}

/* footer: bottom colored strip; clears floats */	
	#footer {			
			border-top: 5px solid #FFF;
			background:url(../ixa_images/gradV50h_white-grey9.jpg) #FFF repeat-x top left;
	}
	
	
/* contains bottom nav bar, watermarks, cut-outs */
	#acro, #footer {
	background-color:#FFF;
	margin: 0;
	padding: 0;
	clear:both;
	width: 100%;
	height:36px;
	text-align: center;
	font-size:13px;
	line-height:2em;
	z-index: 5;
	}

/* ========================================================================================================= */
	
	

/* ================================= CONTENT section of page =============================================== */
	
/* 2 column layout:  nav_sub + content */
	.col2Layout_sub #content_wrap {
		/* single column */
		background-color: #FFF;
		/* temp guideline */
		/*border: 1px dotted #CCC;*/
			
		padding: 0;	
		float:left;
		text-align:center;
		width: 80%;
		height: auto;
		z-index:5;
	}	

/* class contains headings, images, text and places margin around contents */
	.content_area {
		border-bottom: 3px solid #CCC;
		border-top: 1px dotted #CCC;
		text-align:left;
		width: 88%;
		min-height: 480px;
		margin:1.8em auto;
		padding:0;
		background-color:#FFF;		
	}

/* content_area text bloc */	
	.content_area p {
		margin:1em auto 2.8em;
		width:96%;
		background-color:transparent;
	}
	
/* list styles */
	.content_area ul, content_area ol {
		margin:1em auto 2.4em;
		list-style-type: inherit;
		width:96%;
	}

/* ===================================================================================================
	NAV_SUB styles:  side/sub-menu navigation, to left of content_area
====================================================================================================== */
	#nav_sub{
		background-color:transparent;
		display:inline; /* hack for ie6 */
		float:right;
		margin: 2em 1em 2em auto;
		width: 16%; height: auto; 

		/* guideline */		
		/*border:1px dotted #FFF;*/
		z-index:5;	
	}

.menu {
	z-index:1000;
	width:96%;
	margin: 1.2em auto;
	/*border:1px dotted #CCC;*/
		
}


/* menu heading for sub pages */
/*
.col2Layout_sub #nav_sub h3 {
	border-bottom-color: #CFF;
}
*/

/* remove all bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:100%;
	/*border:1px dotted #CCC;*/
}


/* position relative so that you can position the sub levels */
.menu li {
	background-color:inherit;

	height:auto;
	width:100%;
	margin:0 0 0.4em;
	padding: 0 0 0.4em;
	border-bottom: 1px solid #CCC;
}


.menu li li {
	border-bottom:none;
	margin:0.4em 0;
}


.menu a, .menu a:link, .menu a:visited {
	display:block;
	padding:0.2em;
	border:1px solid #999;
	
	text-decoration: none;
	font-size:13px;
	height:100%;
	line-height:1.4em;
	
	width:auto;
		color:#FFF;
	background-color:inherit;
}

/* currently selected menu item is marked */
.menu a#selected {
	/*background-color:#666;*/
	color:#FFF;
	border:1px solid #C0F0FF;  /* #C0C0FF */
	text-decoration:none;
	font-weight:bold;	
}

.menu a:hover {
	/*color:#CFF; */
	/*text-decoration:underline;*/
	border-color:#FFF;
}

.menu a#selected:hover {
	text-decoration:underline;
}