/* CSS Document */
body {margin:20px 0 40px 2%;
		background: #ECECEC; /*  url('../grfx/mef_bg.jpg') repeat-x */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	
h1 {color:#FF6600; font: 35px; font:Verdana, Arial, Helvetica, sans-serif; }

.textcolor1 {color:#0025BB;} /* blue */
.textcolor2 {color:#660066;} /* purple */
.textcolor3 {color:#3399FF;} /* lt blue */


/* design related CSS */
.spacer { height:10px; }

.clear { clear:both; }

/* main structure */

div#outerWrapper {
		width:960px;
		margin:0px auto;
}

/* top banners and menus */

/*div#top {background: url('../grfx/top_banner.jpg') no-repeat; width: 960px; height: 128px;}
*/

div#imageAreaBelowMenu {clear:both; background: url('../img/enriching_panel.jpg') no-repeat; width: 960px; height: 260px;} /* margin-top:20px; */

div#plainAreaBelowMenu {clear:both; background: url('../grfx/bluepanel.gif') no-repeat; width: 960px; height: 150px; }/* margin-top:20px; */

div#plainAreaBelowMenu p  { color:#FFFFFF; font-size:18px;text-align:center;  height: 100px; font-weight:bold;}
div#plainAreaBelowMenu .bullets  { color:#FFFFFF; font-size:18px;text-align:left;  height: 100px; font-weight:bold;}

div#plainAreaBelowMenu2 {clear:both; background: url('../grfx/bluepanel.gif') no-repeat; width: 960px; height:150px; }/* margin-top:20px; */
div#plainAreaBelowMenu2 p  { color:#660066; font-size:18px;text-align:left;  height: 100px; font-weight:bold; }/* margin-top:20px; */

div#topMenu {font-size: 10px; margin-left:680px; margin-top:15px;}
div#topMenu a:link, .botnav a:active, .botnav a:visited {text-decoration:underline; color: #000; font-weight:bold;}
div#topMenu a:hover {text-decoration:none; color:#003300; font-weight:bold;}

/* columns */
	a:hover { text-decoration:none;}

	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		background: url('../grfx/top_banner.jpg') no-repeat; width: 960px; height: 128px;
	}


	/* column container */
	.colmaskmedium { 
		clear:both;
		float:left;
		width:100%;			
		overflow:hidden;		
/*		margin-top:240px;*/

	}
	.colmaskshort { 
		clear:both;
		float:left;
		width:100%;			
		overflow:hidden;		
/*		margin-top:130px;*/
	}

	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#CFFFCF;		
	}
	 .doublepage .colleft {
		right:50%;			
/*		background:#CFFFCF;  */
	}
	 .doublepage .col1 {
		width:46%;			
		left:52%;			
	}
	 .doublepage .col2 {
		width:46%;			
		left:56%;			
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		background:#CFFFCF;
	}
	#footer p {
		padding:9px;
		margin:0;
		text-align:center;
		font-size:10px;
	}
	#footer .credits { font-size:10px; text-align:center; }
	#footer .credits a:link, a:active, a:visited {text-decoration:none; color: #003300; font-weight:bold;}
	#footer .credits a:hover {text-decoration:underline; font-weight:bold;}
	#footer .invisible {font-size:10px; text-align:center; color:#CFFFCF;}


div#topMenu {font-size: 10px; margin-left:680px; margin-top:15px;}
div#topMenu a:link, .botnav a:active, .botnav a:visited {text-decoration:underline; color: #000; font-weight:bold;}
div#topMenu a:hover {text-decoration:none; color:#003300; font-weight:bold;}

	
	/* 2 Column (right menu) settings */

	.rightmenu {
		background:#CFFFCF;
	}
	.rightmenu .colleft {
		right:35%;			
		background:#CFFFCF;		
	}
	.rightmenu .col1 {
		width:61%;			
		left:37%;
	}
	.rightmenu .col2 {
		width:31%;			
		left:41%;			
	}


	/* 3 Column settings */
	.threecol {
		background:#CFFFCF;		
	}
	.threecol .colmid {
		right:33%;			
		background:#CFFFCF;		
	}
	.threecol .colleft {
		right:33%;			
		background:#CFFFCF;	
	}
	.threecol .col1 {
		width:31%;			
		left:102%;			
	}
	.threecol .col2 {
		width:32%;			
		left:37%;			
	}
	.threecol .col3 {
		width:31%;			
		left:71%;			
	}


/*tab*/
    body {

      margin:0;
      padding:0;
      color:#000;

      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
    
    #tabs {
	margin-left:625px;
	margin-top:65px;
	width: 375px; /*      width:100%; */
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("../grfx/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #tabs a {
      float:left;
      display:block;
      width:.1em;
      background:url("../grfx/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #tabs > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover {
      color:#333;
      }
    #tabs #current {
      background-position:0 -150px;
      border-width:0;
      }
    #tabs #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#fff;
      }
    #tabs li:hover, #tabs li:hover a {
      background-position:0% -150px;
      color:#fff;
      }
    #tabs li:hover a {
      background-position:100% -150px;
      }
	 
/* Boxes */

.nobox { margin-left:22px;}
.noboxhead { color:#000000; text-align:left; font-size:12px; font-weight:bold; }
.noboxbody { color:#000000; text-align:left; font-size:12px; }


/* Show only to IE PC \*/
* html .lightboxhead h2 {height: 1%;} /* For IE 5 PC */

.lightbox {
	margin: 0 1%; 
	width: 30em;
	background: url(../grfx/lbbody-r.gif) no-repeat bottom right;
	font-size: 100%;

}
.lightboxhead {
	background: url(../grfx/lbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.lightboxhead h2 {
	background: url(../grfx/lbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #0025BB;
	text-align:left;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.lightboxbody {
	background: url(../grfx/lbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

* html .darkboxhead h2 {height: 1%;} /* For IE 5 PC */

.darkbox {
	margin: 0 1%; 
	width: 30em;
	background: url(../grfx/dbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.darkboxhead {
	background: url(../grfx/dbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.darkboxhead h2 {
	background: url(../grfx/dbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	text-align:left;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.darkboxbody {
	background: url(../grfx/dbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	color:#FFFFFF
}

/*

* html .smboxhead h2 {height: 1%;} /* For IE 5 PC * /

.smbox {
	margin: 0 1%; 
	width: 17em;
	background: url(../grfx/lbbody-r.gif) no-repeat bottom right;
	font-size: 100%;

}
.smboxhead {
	background: url(../grfx/lbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.smboxhead h2 {
	background: url(../grfx/lbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #0025BB;
	text-align:left;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.smboxbody {
	background: url(../grfx/lbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
*/