/* @override http://www.ecf.utoronto.ca/apsc/pdc/imec2008/style.css */







/* 



IMEC 2008







Faculty of Applied Science and Engineering



University of Toronto



Designer/Author: Mark Balson



Revision: 1.0







The general layout for this site consists of three main section 



containers that span the width of the screen. Within this each 



has a inner container to properly center it's contents and apply



a fixed width.



--------------------------------------------------------*/







body {



	padding: 0px;



	margin: 0px;



	font-family:  arial, helvetica, verdana, serif;



	font-size: 62.5%; /* makes text size equal to 10px adjust with em value hereafter */



	color: #343434;



	background: #ffffff;



	}



	



	



/********** Header ************/







#headerContainer {



	height: 160px;



	width: 100%;



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 0px 0px;



	background: #002b54;



	background-image: url("_graphics/header_bg.gif");



	background-repeat: repeat-x;



	border-bottom: 10px solid #e9e9e9;



	}







#headerInner {



	height: 160px;



	width: 946px;



	padding: 0px 0px 0px 0px;



	margin: 0px auto 0px auto;



	}



	



h1 {



	height: 160px;



	padding: 0px 0px 0px 0px;



	margin: 0px;



	font-size: 4.0em;



	font-weight: bold;



	color: #000000;



	text-indent: -9000px;



	background: url("_graphics/header2.jpg") no-repeat 0px 0px ;



	}







/********** Main Menu ************/







#menu {



	padding: 0px 0px 15px 0px;



	margin: 0px 0px 0px 0px;



	float: left;



	font-size: 18px;



	font-weight: normal;



	line-height: 20px;



	color: #002b54;



	border-top: 5px solid #002b54;



	border-bottom: 5px solid #002b54;



	}



	



#menu ul{



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 0px 0px;



	float: left;



	text-decoration: none;



	list-style: none;



	}



	



#menu li {



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 8px 0px; 



	}



		



#menu li a { 



	padding: 0px 0px 0px 0px;



	color: #10385f;



	display:block;



	text-decoration: none;



	}



	



#menu li a:hover { 



	padding: 0px 0px 0px 0px;



	color: #e2b100;



	text-decoration:underline;



	}



	







/********** Content ************/







#contentContainer {



	width: 100%;



	padding: 0px 0px 0px 0px;



	float: left;



	}







#contentInner {



	width: 946px;



	padding: 0px 0px 0px 0px;



	margin: 0px auto 0px auto;



	}



		



#contentBlock {



	min-height: 490px;



	width: 946px;



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 0px 0px; 



	float: left;



	display: inline;



	}



	



#mainBlock {



	width: 640px;



	margin: 0px 0px 20px 66px;



	padding: 0px 0px 0px 0px;



	float: right;



	text-align: left;



	font-size: 14px;



	line-height: 18px;



	color: #343434;



	display: inline;



	}



	



p {



	text-align: left;



	margin: 15px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	font-size: 14px;



	line-height: 18px;



	color: #343434;



	clear:both;



	}



	



.boxPadding {



	float: left;



	padding: 35px 0px 5px 0px;



	}







h2  {



	padding: 0px 0px 10px 0px;



	margin: 0px 0px 0px 0px;



	font-size: 23px;



	font-weight: normal;



	line-height: 28px;



	color: #083259;



	}



	



h3  {



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 0px 0px;



	font-size: 15px;



	font-weight: bold;



	color: #083259;



	}



	



hr {



	height: 5px;



	padding: 0px 0px 0px 0px;



	margin: 30px 0px 20px 0px;



	border: none;



	background: #ffffff url("_graphics/hr_bg.gif") no-repeat 0px 0px;



	clear:both;



	color: none;



	overflow: hidden;



	}



	



.highlight {



	color: #e2b100;



	}



	



#mainBlock a, 



#mainBlock a:link, 



#mainBlock a:visited, 



#mainBlock a:active{



	color: #10385f;



	text-decoration:underline;



	}







#mainBlock a:hover {



	color: #e2b100;



	text-decoration: underline;



	}



	



#mainBlock ul {



	padding: 0px 0px 0px 0px;



	margin: 10px 0px 10px 30px;



	}



	



#mainBlock li {



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 3px 0px;



	font-size: 1.0em;



	}



	



/********** Side Bar ************/







#subBlock {



	padding: 0px 0px 0px 0px;



	margin: 0px 14px 0px 0px;



	float: left;



	text-align: left;



	width: 226px;



	}



	



#subBlock p {



	margin: 0px 0px 0px 0px;



	padding: 20px 0px 0px 0px;



	text-align: left;



	font-size: 12px;



	line-height: 18px;



	color: #343434;



	}







#subBlock p a:link, 



#subBlock p a:visited, 



#subBlock p a:active {



	color: #10385f;



	text-decoration: underline;



	}



	



#subBlock p a:hover {



	color: #e2b100;



	text-decoration: underline;



	}







.details {



	font-size: 12px;



}



	



	



/********** Footer ************/







#footerContainer {



	height: 104px;



	width: 100%;



	padding: 0px 0px 0px 0px;



	margin: 0px 0px 0px 0px;



	float: left;



	background: #10385f url("_graphics/footer_bg.gif") repeat-x;



	}







#footerInner {



	height: 81px;



	width: 946px;



	padding: 0px 0px 0px 0px;



	margin: 0px auto 0px auto;



	background: #10385f;



	}



	



#footerInner #bottom {



	padding: 0px 0px 0px 0px;



	margin: 8px 0px 0px 20px;



	float: left;



	color: #8d8d8d;



	font-size: 0.8em;



	}