/* CSS Document */
/* START HOME PAGE */
body {
	background-color: #DDDDC8;
}

h3 {
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-style:italic;
	font-size:16px;
}

#container {
	width: 796px;
	padding: 10;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	background-color: #FFFFFF;
	border: 0.1em solid #c9c9a7;
	z-index: 50;
	margin-top: 5%;
}

#container_main {
	position:static;
	width: 796px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	border: 0.1em solid #c9c9a7;
	
}

#info_box {
	width:534px;
	height:300px;
	position: absolute;
	top: 184px;
	left: 250px;
}

#logo {
	width:220px;
	height:100px;
	margin-left: 10px;
	margin-top: 5px;
}


#intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	line-height: 1.1em;
	font-weight: bold;
	position: absolute;
	top: 35px;
	left: 250px;
	width: 532px;
	text-align: justify;
	color: #666666;
	padding-left: 0px;
	padding-right: 0px;
	height: auto;
	background-color: #FFFFFF;
	padding-top: 7px;
}

#menu_photo_home {
	position: absolute;
	top: 8px;
	left: 236px;
	width: 560px;
	height: 92px;
	background-color: #cccccc;
	border: 0;
	float: inherit;
}
	

#leftinfo_notitle {
	width:300px;
	height: auto;
	position: absolute;
	left: 195px;
	top: 174px;
	z-index: 20;
}

#staff {
	width:400px;
	height: auto;
	position: absolute;
	left: 250px;
	top: 220px;
	z-index: 20;
}

#funding {
	width:500px;
	height: auto;
	position: absolute;
	left: 170px;
	top: 250px;
	z-index: 20;
}

.address_left {
	width:auto;
	height: auto;
	position: absolute;
	left: 170px;
	top: 250px;
	z-index: 20;
	text-align: left;
	font-weight: bold;
}

.staff_left {
	width:auto;
	height: auto;
	position: absolute;
	left: 80px;
	top: 250px;
	z-index: 20;
	text-align: left;
	font-weight: bold;
}



.address_right {
	width:300px;
	height: auto;
	position: absolute;
	left: 305px;
	top: 250px;
	z-index: 20;
}


#leftinfo_iftitle {
	width:511px;
	height: 262px;
	position: absolute;
	left: 251px;
	top: 186px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	line-height: 1.5em;
	text-align: left;
}

#main_info {
	width:530px;
	height: auto;
	position: static;
	left: 14px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	line-height: 1.5em;
	text-align: left;
	margin-left: 10px;
}

#main_info2 {
	width:750px;
	height: auto;
	position: static;
	left: 14px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	line-height: 1.5em;
	text-align: left;
	margin-left: 10px;
}

#main_info3 {
width:790px;
	height: auto;
	position: static;
	left: 14px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	line-height: 1.5em;
	text-align: left;
	margin-left:5px;
	margin-top:20px;
	
}


#header_only {
	width:220px;
	height: auto;
	position: absolute;
	left: 20px;
	top: 184px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	line-height: 1.5em;
	text-align: left;
}

.leftinfo_liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
}

.download_text {
	height: 25px;
	position: absolute;
	Mmargin-top: 50px;
	width: 796px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	top: 470px;
	text-align: center;
	color: #000000;
}

.download_text a:hover {
	margin-top: 50px;
	text-decoration: none;
	color: #FF6600;
	font-weight:bold;
}

.download_text a {
	margin-top: 50px;
	text-decoration: none;
	color: #000000;
}

.link_within_text a{
	text-decoration: none;
	color: #000000;
}

.link_within_text a:hover{
	text-decoration: none;
	color: #FF6600;
	font-weight:bold;
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
	font-weight: 400;
}

.caption a:hover {
	text-decoration: none;
}

.interviewee {
	font-style:italic;
	font-weight:normal;
	font-size: 1.3em;
	line-height: 1.2em;
}



#rightinfo {
	width:195px;
	position: absolute;
	top: 184px;
	font-size: 0.7em;
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F693D;
	font-weight: bold;
	text-align: left;
	right: 18px;
}


#above_submenu {
	width:195px;
	position: absolute;
	top: 323px;
	font-size: 0.7em;
	line-height: 1.2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F693D;
	font-weight: 200;
	text-align: center;
	left: 2px;
	height: 172px;
	font-style: italic;
}


#map {
	width:450px;
}


/* Styling for Methodology submenu*/
.method_submenu {
	width:196px;
	/*position: absolute;
	top: 184px;*/
	font-size: 10px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	left: 5px;
	text-align: left;
}

.method_submenu2 {
	width:196px;
	position: absolute;
	top: 260px;
	font-size: 10px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	right: 5px;
	text-align: left;
}

.submenu_methodology {
	width:196px;
	position: absolute;
	top: 260px;
	font-size: 10px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	right: 5px;
	text-align: left;
}


.sub_menu_title {
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: 500;
}

.method_submenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width: 194px; height: 21px; text-align: left; border: 1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:20px; font-size: 11px;}
.method_submenu ul {padding:0; margin:0; list-style-type: none;}
.method_submenu ul li {float:right; margin:0px; position:relative; z-index: 90;}
.method_submenu ul li ul {display: none;}

/* specific to non IE browsers */
.method_submenu ul li:hover a {color:#fff;background:#b3ab79;}
.method_submenu ul li:hover ul {
	display:block;
	position:absolute;
	top:-25px;
	left:-274px;
	width:200px;
	height:auto;
	background-color:#FFFFFF;
	padding:10px;
	border:1px solid #c9c9a7;
	color:#FF3300;
	font-size:1em;
	font-weight:400;
	line-height:1.3em;
	z-index: 96;
	margin: 2px;
}

.method_submenu2 ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width: 194px; height: 21px; text-align: left; border: 1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:20px; font-size: 11px;}
.method_submenu2 ul {padding:0; margin:0; list-style-type: none;}
.method_submenu2 ul li {float:right; margin:0px; position:relative; z-index: 90;}
.method_submenu2 ul li ul {display: none;}

/* specific to non IE browsers */
.method_submenu2 ul li:hover a {color:#fff;}
.method_submenu2 ul li:hover ul {
	display:block;
	position:absolute;
	top:-25px;
	left:-274px;
	width:200px;
	height:auto;
	background-color:#FFFFFF;
	padding:10px;
	border:1px solid #C9C9A7;
	color:#fff;
	font-size:1em;
	font-weight:400;
	line-height:1.3em;
	z-index: 96;
	margin: 2px;
}



/* Methodology submenu ends here */

#home_pic {
	width:210px;
	height: auto;
	position:relative;
	float:right;
	top: 0px;
	right: auto;
	z-index: 0;
	left: inherit;
}

.info_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: left;
}


.contact_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: left;
}

.contact_left a{
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

.contact_left a:hover{
	font-weight: bold;
	color: #FF6600;
	
}


.info_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: left;
	float: none;
}

.info_right a {
	text-decoration: none;
	color: #000000;
}

.info_right a:hover {
	text-decoration: none;
	color: #FF6600;
	font-weight:bold;
}


.info_left a, .info_left a:visited{
	text-decoration:none;
	color:#000000;
}

.info_left a:hover{
	text-decoration:none;
	color:#FF6600;
	font-weight: bold;
}

.cap {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	line-height: 1;
	color: #666;
}

.cap2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	line-height: 1;
	color: #000;
}

.cap3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #666;
}

#rubon {
	width:796px;
	background-color: #c9c9a7;
	height: 32px;
	position: relative;
	top: 31px;
}

.mymarquee {
	font-family:Verdana;
	font-size:0.8em;
	line-height:1;
	color:#000000;
}

#marquee_viewer {
	width:760px;
	position:absolute;
	left: 20px;
	height: 22px;
	top: 8px;
}

.rubric {
	text-align:left;
	padding-left:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	line-height: 1.6;
	color: #FFFFFF;
	font-style: italic;
}

.green {
	color:#c9c9a7;
}

.sub_rubric {
	text-align:center;
	padding-left:25px;
	font-style: normal;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

	
/* Menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif;
	width:796px;
	height:20px;
	font-size:11px;
	z-index: 100;
	margin: 0px 0px;
}

#menu_top {
	width:796px;
	background-color: #c9c9a7;
	height: auto;
	z-index:100;
}

#menu_bot {
	width:796px;
	background-color: #c9c9a7;
	height: auto;
	position: relative;
	top: auto;
}
/*change menu size*/
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:111px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c520a21; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left;margin-right:0px;position:relative;z-index: 90;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background:#c520a21;}
.menu ul li:hover ul {display:block; position:absolute; top:21; left:0px; width:55px;}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:108spx;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#c520a21; color:#fff; width:108px;}
.menu ul li:hover ul li a:hover {color:#FFFFFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:108px; top:0; color:#000000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; color:#FFFFFF;}
.menu ul li:hover ul li:hover ul li a:hover {color:#fff;}


/*END OF MENU STYLING*/


/* FOOTER*/

#footer_container {
	width: 796px;
	position: relative;
	left: 1px;
	top: 540px;
}

#footerleft {
	text-align: center;
	width: 450px;
	float: left;
	padding: 0px;
	margin-left: 0px;
}

#footerright {
	text-align: right;
	width: 337px;
	float: left;
}



.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.legal a{
	color: #666;
	font-size: 10px;
	text-decoration: none;
}


li a {
	text-decoration: none;
	color: #000000;
}

li a:hover {
	color: #C9C9A7;
	text-decoration: none;
	font-weight: bold;
}


.legal a:hover{
	color: #1D1D1D;
	text-decoration: none;
	font-weight: bold;
}

/* END OF FOOTER*/
#empty_top_space {
	width: 80px;
	margin-left:auto;
	margin-right:auto;
	height: 10%;
	position: absolute;
	border: 0;
	top: 0px;
}