/* CSS for www.mirarco.org */
/* By Qin Liang            */
/* 2009 October            */

body{ 
	margin:0; background-color: #EEEEEE; font:normal 13px Arial, Helvetica, sans-serif; color:#4D4747; 
}
.spacer { 
	clear:both; padding:0; margin:0; 
}

/* --- start top - above header, log in and search --- */	
	#top{
		width:800px; margin:0 auto; height:27px; padding:3px 0 0; 
	}
	#top form input.textbox { 
		background-image:url(images/textbox.jpg); background-repeat:repeat-x;
		height:18px; width: 100px; padding:2px 0 0 0; 
		font:normal 13px Arial, Helvetica, sans-serif; color:#4D4747; border:1px solid #C5C2C2;
	}
	#login{ 
		width:550px; position:relative; float:left; 
	}
	#search{ 
		width:250px; position:relative; float:right; text-align:right; 
	}
/* --- end top --- */

#bodyframe{ 
	width:800px; margin:0 auto; color:#4D4747; background-color:#FFFFFF; 
}
img { 
	border:none; 
}

/* --- Header start --- */
	#headcontainer{ 
		width: 800px; height:140px; margin:0 auto; position:relative; float:left;
		background: transparent url(images/header.png) no-repeat scroll; z-index:1;
	}
	#headcontainer h1 { 
		display:none; 
	}
		/*logo link start */
			#logolink { 
				margin: 70px 0 0 30px; position:absolute; width:190px; height:42px; 
			}
			#bglink span { 
				display: none; /* To make this work in a non-CSS user agent as well */
			} 
		/*logo link end*/

	#headcontainer ul#nav { 
		padding:0; margin:85px 40px 0 0; position:relative; float:right; width:500px; 
		list-style-type:none; z-index:2;
	}
	#headcontainer ul#nav li { 
		width:95px; position:relative; float:left; margin-right:2px; 
		border:1px solid #ccc; text-align:center; z-index:3; 
	}
	#headcontainer ul#nav li a { 
		display:block; margin:0; outline:none; font-weight:500; padding:4px; text-decoration:none; 
		background:#F9F9F9; font: bold 12px Arial, Helvetica, sans-serif; color:#004646;   
	}
	#headcontainer ul#nav li a:hover { 
		text-decoration:none; background:#004646; color:#FFF; 
	}
	#headcontainer li ul { 
		margin:1px 0 0 -1px; padding:0; display:none; position:absolute; 
		width:100px; top:0; left:0; list-style-type:none; 
	}
	#headcontainer li>ul { 
		top:auto; left:0; 
	}
	#headcontainer ul#nav li ul.sub li{ 
		border-width:0 1px 1px 1px; 
	}
	#headcontainer ul#nav li ul.sub li a{ 
		font-weight: normal; 
	}
	#headcontainer li:hover ul, li.over ul { 
		display:block; 
	}
/* --- Header end --- */

/* --- main part --- */
#maincontainer { 
	width:800px; color:#4D4747; background-color:#FFFFFF; margin:0 auto; 
}
	/* link for edit button, e.g. modify, delete */
		#maincontainer .edit_link { 
			font:bold 11px Arial, Helvetica, sans-serif; padding: 0 0 10px; margin:0; 
		}
		#maincontainer .edit_link a{ 
			color:navy; 
		}
		#maincontainer .edit_link a:hover{ 
			color:#28878d; 
		}
	/* link for edit button end */

	/* content panel start - applies to all pages including index */
	#content{
		width:750px; float: right; position:relative; padding:25px; text-align: justify; background-color:#FFFFFF; color:#4D4747;
	}
		#content h2{ 
			margin:0; padding: 0 0 10px; font-size:20px; border-bottom:1px solid #996600; color:#004646;
		}
		#content h3 { 
			color:#004646; margin:0; padding: 20px 0 5px; font-size:15px;
		}
		#content h4 { 
			color:#004646; margin:0; padding: 0 0 5px; font-size:14px;
		}
		#content h5 {
			color:#004646; margin:0 0 0 15px; font-size:15px; 
		}
		#content h6 {
			color:#004646; margin:10px 0 0 20px; font-size:13px; 
		}
		#content p { 
			line-height: 175%; margin:0; padding:10px 0 0; 
		}
		#content a { 
			color:#004646;
		}
		#content ol li{
			margin: 0 0 0 30px;
		}
		#content a:hover { 
			color:#996600; 
		} 
		#content table.courses { 
			margin:0 15px; line-height:20px; text-align:left;
		} 
		#content table.registration {  /*online_registration.php */
			margin: 0 30px; 
		}
		#contact_information td { /*online_registration.php */
			padding-top:5px;
		}
		#extra_information  div{ /*online_registration.php */
			margin: 0 30px; padding-top: 5px;
		}
		#content table.sustainability td.top { 
			vertical-align:top; padding:10px; line-height:18px; 
		}
		#content table.sustainability img { 
			padding: 5px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;
			border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; 
		}
		#content img.padded { 
			padding:10px; 
		}
		#content em.error {
			color:red;
		}
		
		/* additional formatting for index page start */
			/*contentright start - News and Events on index */
				#contentright{ 
					width:200px; padding:0 0 0 30px; float:right; text-align:left; 
				}
				#contentright h2 { 
					margin:0 auto; padding: 0 0 10px; text-align:center;
					background-color:inherit; border:0; font:bold 16px Arial, Helvetica, sans-serif;
				}
				#contentright h2 a { 
					color:#004646; text-decoration:none; 
				}
				#contentright h2 a:hover { 
					color:#996600; text-decoration:underline; 
				}
				#contentright p { 
					font:normal 11px Arial, Helvetica, sans-serif; padding:0; margin:0; 
				}
				#contentright p span { 
					display:block; font-weight:bold; color:#000000; background-color:inherit; 
				}
				#contentright p a{  
					background-color:inherit; text-decoration:none; padding:2px 0 0; 
					font:normal 11px Arial, Helvetica, sans-serif; color:#4D4747;
				}
				#contentright p a:hover{ 
					color:#996600; text-decoration:underline; 
				}
			/*contentright end*/

			/*contentmiddle start - Welcome message */
				#contentmiddle{	
					width:305px; background-color:#FFF; color:#4D4747; float:right; padding:0; 
					font:normal 12px Arial, Helvetica, sans-serif; line-height: 175%;
				}
				#contentmiddle ul {
					margin-top: 0; padding-top: 0;
				}
				#contentmiddle p { 
					color:#4D4747; margin:0; padding:10px 0 0; 
				}
				#contentmiddle h2 { 
					 text-align:center; margin:0; padding:0 0 10px;	border-bottom:1px solid #996600; font-size: 20px; color:#004646; 
				}
			/*content middle end*/

			/*contentleft start - 3 centres pictures*/
				#contentleft {
					width: 190px; float: left; text-align: center;
				}
				#contentleft div {
					width:150px; height: 100px; border:2px solid #004646; margin: 0 0 0 17px;
				}
				#contentleft div:hover{ 
					border:2px solid #996600; 
				}
				#contentleft h4 {
					padding: 3px 0 15px 0;
				}
				#contentleft h4:hover {
					color:#996600; text-decoration: underline;
				}
				#contentleft div.centre1 { 
					background:url(images/centres/grc_home.jpg) no-repeat 0 0; 
				}
				#contentleft div.centre2 { 
					background:url(images/centres/cem_home.jpg) no-repeat 0 0;
				}
				#contentleft div.centre3 { 
					background:url(images/centres/evo_home.jpg) no-repeat 0 0;
				}
				#contentleft div.centre4 { 
					background:url(images/centres/ccac.png) no-repeat 0 0;
				}
				#contentleft div.centre5 { 
					background:url(images/centres/ercm.png) no-repeat 0 0;
				}
			/*contentleft end*/

			/* contentfeatured start */
				#contentfeatured { 
					width:545px; float:right; padding:0; 
				}
			/* contentfeatured end */

		/* additional formatting for index page end here */

		/* banners start */
			#contentbanner{	
				width:750px; margin:0; padding:15px 0 5px; text-align:center; 
			}
			#contentbanner img { 
				padding: 0 22px; 
			}
			#banner{ 
				width:667px; 
			}

			/* horizontal (3)image line up start */
				#hlist { 
					clear:both; width:750px; text-align:center; 
				}
				#hlist ul { 
					list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:5px 0 0; 
				}
				#hlist li { 
					display:block; float:left; padding:0; width:250px; color:#4D4747; 
				}
				#hlist p { 
					padding:0 10px; text-align:justify;
				}
				#content li img {
					align:center; 
				}
			/* horizontal (3)image line up end */
			
			/* horizontal (2)image line up start */
				#hlist2 { 
					clear:both; width:750px; text-align:center; 
				}
				#hlist2 ul { 
					list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:5px 0 0; 
				}
				#hlist2 li { 
					display:block; float:left; padding:0; width:375px; color:#4D4747; 
				}
				#hlist2 p { 
					padding:0 10px; text-align:justify;
				}
				#content li img {
					align:center; 
				}
			/* horizontal (2)image line up end */
		/* banners end */

		/* expandable content */ 
			#containerul, #containerul2, #containerul3, #containerul ul, #containerul2 ul, #containerul3 ul{
  				text-align:justify; margin:0; padding:8px 0 15px; 
			}
			#containerul li, #containerul2 li, #containerul3 li{
  				margin:0 0 0 20px; padding:5px; list-style-type:none; 
			}
			#containerul li ul li, #containerul2 li ul li, #container3ul li ul li {
				margin: 0 0 0 20px;
			}
			#containerul h4, #containerul2 h4, #containerul3 h4 {
  				margin:0; padding:0; display:inline;  
			}
			#containerul h5, #containerul2 h5, #containerul3 h5 {
  				margin:0 0 0 -10px; padding:0; display:inline;  
			}
			#containerul h6, #containerul2 h6, #containerul3 h6 {
				margin:0 0 0 -5px; padding:0; display:inline;  
			}
			.symbols{ /* + and - images */
  				float:left; width:12px; height:1em; background-position:0 90%; background-repeat:no-repeat;
			}

			#one_cols_list ul { 
				float:left; display:block; padding:5px 0 10px 20px; width:100%; margin:0; 
			}
			#one_cols_list ul li { 
				margin:0; list-style-type:none; display:block; padding:0 0 15px 20px;
				background:transparent url(images/bullets-black.gif) no-repeat scroll 0 5px; 
			}
			#one_cols_list ul li.nostyle { 
				padding:0; background-color:inherit; background:none;
			}
			#one_cols_list ul li a { 
				background-color:inherit; color:#2c4748; font:bold 12px Arial, Helvetica, sans-serif;
			}
			#one_cols_list ul li p { 
				padding:0; 
			}
		/* expandable content end */

		/* two columns list */
			#two_cols_list { 
				clear:both; color:#4D4747; width:660px; margin:-10px 0 0 30px; 
			}
			#two_cols_list ul { 
				float:left; display:block; padding:0 0 0px; width:280px; 
			}
			#two_cols_list ul li { 
				display:block; padding:0 0 0 25px; background:transparent url(images/bullets-black.gif) no-repeat scroll 0 7px; 
			}
		/* two columns list end */

		/* buttom background for words */
			#contactbg { 
				width: 660px; margin: 10px auto; 
			}
			#contactbg p { 
				padding:0; margin:0 10px 0 35px; display:block; 
				background-color:inherit; text-align: left; font: normal 12px Arial, Helvetica, sans-serif; 
			}
			#contactbg h4 { 
				text-align: center; font: bold 14px Arial, Helvetica, sans-serif; padding:20px;
			}
			div.btns_words { 
				white-space:nowrap; display:block; float:left; width:320px; height:202px; 
			}
		/* buttom backgroud for words end */

/* main part end */

/* footer - LU Logo */
	#footercontainer { 
		width:800px; padding:5px 0 0 0; font-size: 11px; text-align:center; background-color:#EEEEEE; 
	}
	#footercontainer table { 
		margin:0 auto; 
	}
/* footer */


/* formatting for printing */
	@media print{ 	
		body { background:none; width:auto; }  
	}
/* end formatting for printing */