@charset "utf-8";
/* CSS Document */

html, body, div {
padding: 0px; margin: 0px; border: 0px; background-position:left top; background-repeat:no-repeat; vertical-align:top;
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 12px;
}
img {border:none;}
p {
color:#8d8984;
/*font-style:normal;*/
}
body{ padding:5px 10px 10px 10px; margin: 5px auto; background-color:#9D9A94; }
a, a:visited{ color:#305d96; text-decoration:none;font-weight: bold; }
a:active, a:hover{ color:#82ABD9; text-decoration:underline; }

a.one,a.one:visited{ color:#305d96; text-decoration:none;font-weight: bold; font-size:10px; }
a.one:active, a.one:hover{ color:#82ABD9; text-decoration:underline;font-size:10px; }

ul{ margin:0; padding:0 0 0 17px; }
li{ margin:0 15px; padding:0; list-style:square; color:#8d8984; font-family: Tahoma,Verdana,Segoe,sans-serif; /*font-size: 12px;*/ font-style:normal;}
h3 { color:#726d68; font-family:Tahoma,Verdana,Segoe,sans-serif; font-size:14px; font-weight:bold; }
h2 { color:#726d68; font-family:Tahoma,Verdana,Segoe,sans-serif; font-size:14px; font-weight:bold; }
h1 { color:#726d68; font-family:Tahoma,Verdana,Segoe,sans-serif; font-size:16px; font-weight:bold; }


.clearfloat {clear:both;}

/* page */
#container { 
	width: 900px;
	margin: 0 auto 0 auto; 
	background: #ffffff;
	border: 1px ridge #000;
	padding: 0 18px 0 18px;
}

#pagedflt {
	margin: 0; 
	padding: 15px 2px;
	min-height: 500px;
	_height: 500px;
	height:auto;
}

#language-switcher {
float: right;
margin: 0;
padding: 46px 0 0 0;
font-size: 10px;
}

#language-switcher a {
color: #67a2e4;
}

#pagedflt p.title1 {
	color: #67a2e4;
	font-weight:bold; 
	font-size: 12px;
}

#pagedflt p.title2 {
	font-weight:bold;
	font-size:12px;
	color:#67a2E4;
}

/* logo & text */
#hdr { height:75px;padding-top:25px; border-bottom:1px solid #d9d8d7;

margin: 0 0 0.8em 0;
}

#hdr2 { 
padding-top: 40px;
_padding-top: 0px; /** IE6 Hack **/ 
border-bottom: 1px solid #d9d8d7;}

#hdr img.logo{
	border:1px solid #d9d8d7;
	width: 144px;
	height: 57px;
	float:left;
	padding-left:0px;
	margin:0px 0 0 0;
}
#hdr img.logo2{
	width: 58px;
	height: 57px;
	float:right;
	margin:0 0 0 0;
}

#hdr p{
	/*border:1px solid #d9d8d7;*/
	text-align:right;
	width:300px;
	color:#8d8984;
	padding: 10px 0px 0 0;
	font-weight:bold;
	
}

/* menu & search */
#nav-row
{
height: 30px;
clear: both;
}

#nav{
margin: 0 0 0 0; height:30px; float:left; padding-bottom:2px; font-size:10px;  }
#nav ul{
	width:500px;
	top: 27px;
	margin:5px 5px 5px -10px;
	font-family:Tahoma,Verdana,Segoe,sans-serif; 
}
#nav ul li{
	float:left;
	color:#ccc;
	background-color:inherit;
}
#nav ul li a{
	color:#67a2e4;
	background-color:inherit;
	padding:0 12px;
	text-decoration: none;
	font-weight:bold;
}
#nav ul li a:hover{
	color:#d4d4c6;
	background-color:#28588e;
}

#search-box {
float: right;
height: 20px;
margin: 0;
}

#search-box ul {
height: 20px;
list-style: none;
text-align: right;
}

#search-box li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
float: right;
text-align: right;
}

#search-box li.text {
margin: 0 0.5em 0 0;
}

#search-box li.text input {
margin: 0;
border: 1px solid #bbb;
color: #666;
}

#search-box li.button {
width: 22px;
}

#search-box li.button input {
margin: 0;
width: 23px;
height: 22px;
background: url(/elements/ipp-submit.png) no-repeat center center; 
cursor: pointer;
}

#left_column
{
/*display: table;*/
display: block;
float: left;
width: 250px;
}

#left_column_body
{
/*display: table;*/
display: block;
overflow: auto;
width: 250px;
margin: 0px 0px 0px 15px;
}

#left_home
{
float:left;
margin: 0px;
}

#left_home_box
{
float:left;
margin: 0px;

}

#left_home #text
{
color:#8d8984;
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 12px;
font-style:normal;
float:top;
padding: 2em 0em 2em 4em;
margin: 0px 4px 10px 0px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #cccccc;
}

/* page details */

#bdy-box {
	/*background:url('http://www.physics.utoronto.ca/~ipptemp/IPP_new/elements/ipp-bdy-box-alt.jpg') center center no-repeat;*/
	width: 900px;
	height: 313px;
	margin: 0 0 10px 0;
	}
#bdy-box img {
	/*margin:0 0 0 0; 
	float:left;*/
}
/* Disabled for home page text


#bdy-box p {
	float:right;
	width:300px;
	color:#ffffff;
	font: 14px Tahoma;
	font-weight:bold;
	padding: 0 0px 0 0;
}
*/
#programs {border-right:1px solid #d9d8d7; margin:5px 10px 20px 0; width:260px; float:left;}
#programs p {
	width:240px;
	margin: 0px;
}
#programs img.area {
	margin: 2px 10px 2px 0px;
	border: 1px solid #666;
	padding: 3px 3px 3px 3px;
	
}

#scientists {border-right:1px solid #d9d8d7; margin:5px 10px 20px 5px; width:260px; float:left; display:block}
#scientists p {
	width:240px;
	margin: 0px;
}
#scientists img.area {
	margin: 2px 10px 2px 0px;
	border: 1px solid #666;
	padding: 3px 3px 3px 3px;
}
#students {border-bottom:1px solid #d9d8d7; margin:2px 10px 10px 10px; float:right; display:block; width:320px;}
#students img {
	margin: 2px 10px 12px 0px;
	border: 1px solid #666;
	padding: 1px 1px 1px 1px;
	float:left;
}
#students p { padding-bottom:3px;}

#theory {margin:0 10px 0px 5px; float:right; display:block; width:320px;}
#theory img {
	margin: 2px 10px 12px 0px;
	border: 1px solid #666;
	padding: 1px 1px 1px 1px;
	float:left;
}


/* Image Captions*/
.caption
{
color: #999999;
font-size: 10px;
}

#mainwell td {
	
	background:  #ffffff;
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0px 0px 25px 2px;
	color:#8d8984;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	font-size: 12px; 
	font-style:normal;
	}


/* footer area */
#footer {height:35px; border-top:1px solid #d9d8d7; padding-bottom:10px; font-size:10px; font-family:Tahoma,Verdana,Segoe,sans-serif;}
#footer p.copyright {
	float:left;
	padding: 2px 0 0 8px;
	font-size:10px;
}
#footer ul {
	width:515px;
	/*top:27px;*/
	margin:12px 5px 0 5px;
	float:right;
	list-style:none;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	font-size: 10px;
}
#footer ul li {
	list-style:none;
	float:left;
	margin:0; 
	padding:0;
	color:#ccc;
}
#footer ul li a {
	color: #7aaee7;
	padding: 0 7px;
	text-decoration: none;
	font-weight:bold;
}
#footer ul li a:hover {
	color:#d4d4c6;
	background-color:#28588e;
}


/** Un-known mansch style... **/
.style1 {color: #7AAEE7}
.style2 {color: #67a2E4}
/** END: Un-known mansch style **/