/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-2               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background: url(../img/page_bg1.jpg);font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {
	display:inline /*Fix IE floating margin bug*/;
	float:left;
	width:200px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	color: #B79490;
}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot1.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {
	width:900px;
	font-family:"trebuchet ms",arial,sans-serif;
}
.header-top {width:900px; height:40px; background:rgb(240,240,240) url(../img/bg_head_top_ccc.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-tops {width:900px; height:40px; background:rgb(240,240,240) url(../img/bg_head_top_ccc.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;float:centre;}
.header-middle {width:900px; height:188px; background:rgb(255,255,255) url(../img/bg_head_middle_ccc.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle-index-feat {width:900px; height:161px; background:rgb(255,255,255) url(../img/eyecorebanner.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.header-middle-index-ncrm {width:900px; height:176px; background:rgb(255,255,255) url(../img/webtop.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.header-bottom {width:900px; height:40px; background:rgb(255,255,255) url(../img/bg_head_top.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:0.5em 0 0.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrum.jpg) repeat-y;}

.headergreymatter {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-topgreymatter {width:900px; height:40px; background:rgb(240,240,240) url(../img/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-topsgreymatter {width:900px; height:40px; background:rgb(240,240,240) url(../img/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;float:centre;}
.header-middlegreymatter {width:900px; height:180px; background:rgb(255,255,255) url(../img/bg_head_middle1.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle-indexgreymatter {width:900px; height:253px; background:rgb(255,255,255) url(../img/bg_head_middle1.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.header-bottomgreymatter {width:900px; height:40px; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbsgreymatter {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}


/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {width:200px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Firefox*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:15px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(181,55,76); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(28,28,166);}

.sitemessage {
	width:250px;
	height:171px;
	position:absolute;
	z-index:1;
	margin:-12px 0 0 645px;
	color:#DA1469; /*overflow:visible !important /*Activate if Firefox print problems*/
	;
	overflow:hidden /*IE6*/;
	left: 56px;
	top: 63px;
	background :url(../img/bg_sitemessage.jpg)
}
.sitemessage h1 {width:250px; text-align:right; font-size:225%; margin-top:10px /*IE6*/;}
.sitemessage h2 {float:right; width:240px; margin:25px 0 0 0; text-align:right; line-height:125%; font-size:140%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(255,255,255) url(../img/bg_head_top.jpg) no-repeat; color:rgb(255,255,255); font-size:130%;} /*Color navigation bar normal mode*/
.nav21 {float:left; width:650px; border:none; background:rgb(226,219,206)  no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav211 {float:left; width:650px; border:none; background:rgb(255,255,255) url(../img/bg_head_breadcrum.jpg) repeat-y;; color:rgb(255,255,255); font-size:130%;} /*Color navigation bar normal mode*/
.nav212 {float:left; width:650px; border:none; background:rgb(255,255,255) url(../img/bg_head_top.jpg) repeat-y;; color:rgb(255,255,255); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(255,255,255);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;color: rgb(141,5,5);} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {
	width:10px;
	height:10px;
	position:absolute;
	z-index:10;
	margin:0 0 0 190px;
	background:url(../img/bg_corner_topright.gif) no-repeat;
	left: -188px;
	top: 251px;
}

/* MAIN CONTENT */
.column1-unit {width:645px; height:351px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-ps {width:642px; height:1505px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:10px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-disclaimer {width:648px; height:950px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:10px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-admission {width:648px; height:1250px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:10px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-prog {width:648px; height:2245px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-instru {width:648px; height:1945px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-phd {width:648px; height:945px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-phdinjapan {width:648px; height:3200px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-syllabus {width:648px; height:7445px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-tprm {width:648px; height:750px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-submit {width:648px; height:2625px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-pub {width:648px; height:5400px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-present{width:648px; height:7000px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-feat {width:648px; height:475px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column1-unit-ncrm {width:648px; height:1105px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(66,38,76); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(166,28,28);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:650px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(222,231,196); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(222,231,196); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:100%; margin:0 0 0px; padding:0;}
caption {font-size:1.5em; font-weight:200; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;border:1px solid #B1B0B0}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:"Calibiri"; font-size:14px; margin:0; padding:2px; color:#E7126C;  }
label {margin:2px 0 2px 0; font-size: 12px ;}
input {width:160px;}
textarea {width:150px;}
input.radio {width:20px; border: 0px; }
input.checkbox {width:20px; border: 0px; }


 .FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

   .FreezePaneOn
   {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #FFFFFF;
      z-index: 999;
      filter:alpha(opacity=85);
      -moz-opacity:0.85;
      padding-top: 20%;
   }

   .InnerFreezePane
   {
      text-align: center;
      width: 66%;
      background-color: #000171;
      color: White;
      font-size: large;
      border: dashed 2px #000111;
      padding: 9px;
   }
   
   blockquote {background:url(img/bg1.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:1px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:0px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.0em; line-height:1.3em; margin:0;}
   
   .column1-unit-team {
	width:648px;
	height:190px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:5px /*IE6*/;
	text-align: justify;
}
 #box-weba {  
padding-top: 20%;
float: left;
width: 300px; 
height:170px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 10px;
 
 } 
 #box-webb { 
 padding-top: 20%;
 float: right;
 width: 300px; 
 height:170px;
 margin-left:5px;
border: 0px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 } 
#box-ccritique { 
 padding-top: 35%;
 float: right;
 width: 155px; 
 height:170px; 

border: 0px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 }  
 
 #box-a {
	padding-top: 20%;
	float: left;
	width: 280px;
	height:200px;
	border: 3px double #bcbcbc;
	background-color: #FFFFFF;
	padding: 10px;
	text-align: center;
 
 }  

 #box-phdij {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:180px;
	border: 3px double #bcbcbc;
	background-color: #faf9d7;
	padding: 10px;
	text-align: justify;
 
 } 
  #box-phdij1 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:22px;
	border: 3px double #bcbcbc;
	background-color: #fce1f0;
	padding: 10px;
	text-align: center;
 
 }
#box-b { 
 padding-top: 20%;
 float: right;
 width: 280px; 
 height:200px;
border: 3px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 }
 .style54 {color: #000;font-family: "verdana";font-size: 14px;}
 .style84 {color: #676767;font-family: "Calibiri";font-size: 14px;}
 #box-ncrma {
	padding-top: 30%;
	float: left;
	width: 295px;
	height:250px;
	border: 3px double #bcbcbc;
	background-color: #dadefc;
	padding: 10px;
	text-align: center;
 
 }  


#box-ncrmb { 
 padding-top: 30%;
 float: right;
 width: 295px; 
 height:250px;
border: 3px double #bcbcbc; padding: 10px;background-color: #fbf6d0;
 }
#boxfb {
	top:540px;
	left:35px;
	padding-top: 5%;
	padding: 2px;
	position:  relative;		
 }
 
img.center {   display: block;   margin-left: auto;   margin-right: auto; }

  #box-nilspink1 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:75px;
	border: 3px double #bcbcbc;
	background-color: #fce1f0;
	padding: 10px;
	text-align: justify;
 
 }
   #box-nilsyellow1 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:75px;
	border: 3px double #bcbcbc;
	background-color: #fbfae4;
	padding: 10px;
	text-align: justify;
 
 }
    #box-nilsblue1 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:75px;
	border: 3px double #bcbcbc;
	background-color: #e4eafb;
	padding: 10px;
	text-align: justify;
 
 }
    #box-nilsorange1 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:75px;
	border: 3px double #bcbcbc;
	background-color: #fde2c9;
	padding: 10px;
	text-align: justify;
 
 }
     #box-nilsgreen1 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:75px;
	border: 3px double #bcbcbc;
	background-color: #e0fee6;
	padding: 10px;
	text-align: justify;
 
 }
    #box-nilsyellow2 {
	padding-top: 20%;
	float: left;
	width: 620px;
	height:150px;
	border: 3px double #bcbcbc;
	background-color: #fbfae4;
	padding: 10px;
	text-align: justify;
 
 }