/*
////////// GENERAL //////////
*/

html {height: 100%;}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align:center;
	background-color: #E6E9F1;
}

img { border:0; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

ul li {
	list-style: none;
	background: transparent url(../imgs/generic/bullet_orange.gif) no-repeat left 4px;
	padding-left:10px;
}

ul.dark-bullets li {
	background: transparent url(../imgs/generic/bullet_grey.gif) no-repeat left 4px;
}

* html ul li {background-position: left 6px;}


/*
////////// DEFAULT TYPOGRAPHY //////////
*/

p,ul,ol,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,form,hr, blockquote {margin: 0; padding: 0;}
p,ul,blockquote { font: normal normal 0.6875em/1.3 arial, verdana, sans-serif; color: #555; padding-bottom: 12px;} /* 16x .6875 = 11px */
p,ul,blockquote {font-size:0.75em;}
td {  color: #666;}

h1,h2,h3,h4,h5,h6 {  color: #e50; padding-bottom: 0.5em; }
h2{ font: normal 1.25em/1.3 arial, verdana, sans-serif; padding-bottom: 3px;}  /* 16x 1.25 = 20px */
h3{ font: normal 0.9375em/1.2 arial, verdana, sans-serif;} /* 16x .9375 = 15px */
h4{ font: normal 0.8125em/1.2 arial, verdana, sans-serif; padding-bottom:0.75em;} /* 16x .75 = 12px */
h5{ font: bold 0.6875em/1.2 arial, verdana, sans-serif; color: #555;  padding-bottom:0;} /* 16x .6875 = 11px */

p.intro {font: normal normal 0.8125em/1.3 arial, verdana, sans-serif;} /* 16x .75 = 12px */

/* ------- LINKS --------- */


a {
	text-decoration: none;
	color: #e50;
	border-bottom: 1px dotted #ccc;
}

a:active {

}

a:visited {
}

a:hover {
	color: #348;
	border-bottom: 1px solid #348;
}

#footer a {color:#eee; border:0;}
#footer a:hover {color:#f72;}


span.la {
	font-size:1.1818em; /* 11x 1.1818 = 13px */
	line-height:0.8;
	color:#666;
}

/* ------- BUTTON LINKS --------- */

.btn-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.btn-container {display: inline-block;}  /* for IE/Mac */
.btn-container {margin-bottom:1em;}

/* ------- ORANGE ON WHITE --------- */

a.btn-link {
	width:100%;
	clear:left;
	float:left;
	display:block;
	text-align:center;
	border:none;
	color:#fff;
	background: #f72 url(../imgs/generic/grad_orange_bg.gif) 0 50% repeat-x;
	margin-bottom:10px;
}

a.btn-link div.tl {background: transparent url(../imgs/generic/corner_tl_light.gif) no-repeat left top;}
a.btn-link div.tr {background: transparent url(../imgs/generic/corner_tr_light.gif) no-repeat right top;}
a.btn-link div.bl {background: transparent url(../imgs/generic/corner_bl_light.gif) no-repeat left bottom;}
a.btn-link div.br {background: transparent url(../imgs/generic/corner_br_light.gif) no-repeat right bottom; padding:6px 10px;}

a.btn-link:hover {background-position: 0 80%; border:none; color:#fff;}
a.btn-link:hover div.tl {background-position: left bottom;}
a.btn-link:hover div.tr {background-position: right bottom;}
a.btn-link:hover div.bl {background-position: left top;}
a.btn-link:hover div.br {background-position: right top;}

/* ------- ORANGE ON DARK --------- */

div.crn-drk a.btn-link {
	display:block;
	float:left;
	text-align:center;
	border:none;
	color:#fff;
	background: #f72 url(../imgs/button_grad_light.gif) 0 25% repeat-x;
	margin-right:5px;
}

div.crn-drk a.btn-link div.tl {background: transparent url(../imgs/generic/corner_tl_dark.gif) no-repeat left top;}
div.crn-drk a.btn-link div.tr {background: transparent url(../imgs/generic/corner_tr_dark.gif) no-repeat right top;}
div.crn-drk a.btn-link div.bl {background: transparent url(../imgs/generic/corner_bl_dark.gif) no-repeat left bottom;}
div.crn-drk a.btn-link div.br {background: transparent url(../imgs/generic/corner_br_dark.gif) no-repeat right bottom; padding:6px 10px;}

div.crn-drk a.btn-link:hover {background-position: 0 80%; color:#f72;}
div.crn-drk a.btn-link:hover div.tl {background-position: left bottom;}
div.crn-drk a.btn-link:hover div.tr {background-position: right bottom;}
div.crn-drk a.btn-link:hover div.bl {background-position: left top;}
div.crn-drk a.btn-link:hover div.br {background-position: right top;}


/*
////////// MAIN PAGE TEMPLATE CONTAINERS //////////
*/



#container {
	height:100%;
	margin:0px auto;
	text-align:left;
	padding:0;
	width:960px;
	position:relative;
	background-color:#fff;
}

/* ------- TABLE CONTAINER (To fix footer to browser bottom) --------- */

#main-table {
	margin:0;
	padding:0;
	height: 100%;
	width: 970px;
	border-collapse:collapse;
}

#main-table td {
	margin:0;
	padding:0;
	background-color: #fff;
	padding: 0 25px;
	position:relative;
	vertical-align:top;
}

#main-table td#footercell {
	height: 1px;
	background-color:#333;
	padding:0;
	margin:0;
}

/* ------- DIVS --------- */

#header {
	height:110px;
	position:relative;
}

#logo {
	position:absolute;
	top:27px;
	left:5px;
}

#logo a {border:0;}

#main-body {
	position:relative;
}

#content-area {
	position:relative;
	margin-left:186px;
	width:734px;
}

/* IE6 3 pixel jog fix */
* html #sub-nav {margin-right:-3px;} 
* html #content-area {margin-left:183px;}

#footer {
	padding:0;
	margin:0;
	text-align: center;
}

#footer p {
	margin:0;
	padding:10px 0;
	color:#999;
}

/*
////////// NAVIGATION //////////
*/

#navigation {
	background: #f72 url(../imgs/generic/grad_orange_bg.gif) 0 50% repeat-x;
	width:100%;
	margin-bottom:16px;
}

#navigation ul {
	margin:0;
    padding:0;
    padding-left:5px;
    list-style:none;
    font: normal 0.75em/1.2 arial, verdana, sans-serif; /* 16x .75 = 12px */
}

#navigation ul li{
	float:left;
    margin:0;
    padding:0;
    background:none;
}

#navigation ul li a {
	display:block;
	float:left;
	color: #fff;
	border:0;
	text-decoration: none;
	padding:7px 14px 7px 14px;
	white-space:nowrap;
}

#navigation ul li a:hover {
	color:#fff;
	background-color: #e50;
}

#navigation ul li.selected a:hover {
	color:#fff;
	background: #222 url(../imgs/generic/grad_dark_bg.gif) 0 50% repeat-x;
}

#navigation ul li.selected a {
	color:#fff;
	background: #222 url(../imgs/generic/grad_dark_bg.gif) 0 50% repeat-x;
}

/* ----------- NAV ROUNDED CORNERS (Applied by jQuery) -----------*/

#navigation div.tl {background: transparent url(../imgs/generic/cr_orange_tl.png) no-repeat left top;}
#navigation div.tr {background: transparent url(../imgs/generic/cr_orange_tr.png) no-repeat right top;}
#navigation div.bl {background: transparent url(../imgs/generic/cr_orange_bl.png) no-repeat left bottom;}
#navigation div.br {background: transparent url(../imgs/generic/cr_orange_br.png) no-repeat right bottom;}


/* ------- SECONDARY NAV --------- */

#sub-nav {
	width:176px;
	float:left;
}

#sub-nav ul {
	border-top:1px solid #dde;
	list-style:none;
	font-size:0.75em;
	width:176px;
}

#sub-nav ul li {
	background:none;
	padding:0;
	width:176px;
}

#sub-nav ul li a {
	border:none;
	display:block;
	width:176px;
	border-bottom:1px solid #dde;
	padding:3px 0;
	color:#666;
}

#sub-nav ul li a:hover {
	color:#e50;
	background-color:#EFF1F6;
}

#sub-nav ul li.expanded a,
#sub-nav ul li.expanded a:hover {
	color:#e50;
	background-color: #E6E9F1;
}

#sub-nav ul ul {
	border:none;
	list-style:none;
	font-size:0.9166em;
	line-height:1;
	padding:7px 0;
	border-bottom:1px solid #dde;
	background-color:#EFF1F6;
}

#sub-nav ul ul li 
{
	padding:0;
	margin:0;
	padding-left:8px;
	margin-bottom:3px;
	width:160px;
	background: transparent url(../imgs/generic/bullet_orange.gif) no-repeat left 2px;
}

#sub-nav ul ul li a {
	display:inline;
	border:none;
	padding:0;
}

#sub-nav ul li.expanded ul li a {
	background:none;
	color:#666;
}

#sub-nav ul li.expanded ul li.selected a,
#sub-nav ul li.expanded ul li.selected a:hover {
	color:#e50;
	background:none;
}

#sub-nav ul li.expanded ul li a:hover {
	color:#e50;
	background:none;
}

/*
////////// FORMS //////////
*/

/* ----------- SUBMIT BUTTON -----------*/

button {
	display:block;
	background: #f72 url(../imgs/generic/grad_orange_bg.gif) 0 50% repeat-x;
	cursor:pointer;
    border:0;
	color:#fff;
  	font: normal normal 0.75em/1.3 arial, verdana, sans-serif;
	padding:6px 7px 6px 7px; /* Links */
}

button{
    width:auto;
    overflow:visible;
    padding:2px 7px 2px 7px; /* IE6 */
}
button[type]{
    padding:5px 7px 5px 7px; /* Firefox */
}
*:first-child+html button[type]{
    padding:4px 0px 4px 0px; /* IE7 */
    border:0;
}

/* ----------- BUTTON ROUNDED CORNERS -----------*/

div.btn-corner {background: #f72 url(../imgs/generic/grad_orange_bg.gif) 0 50% repeat-x;}

div.btn-corner div.tl {background: transparent url(../imgs/generic/cr_orange_tl.png) no-repeat left top; margin-top:1px;}
div.btn-corner div.tr {background: transparent url(../imgs/generic/cr_orange_tr.png) no-repeat right top;}
div.btn-corner div.bl {background: transparent url(../imgs/generic/cr_orange_bl.png) no-repeat left bottom;}
div.btn-corner div.br {background: transparent url(../imgs/generic/cr_orange_br.png) no-repeat right bottom; padding:0 5px;}


/*
////////// HEADER LINKS //////////
*/

/* ----------- GENERAL -----------*/

#headlinks {
	position:absolute;
	top:15px;
	left:25px;
	width:920px;
	z-index:1;
}

ul#head-nav {
	width: 920px;
	position:absolute;
}

ul#head-nav li {
	margin: 0 0 0 10px;
	padding: 2px;;
	color: #fff;
	float: right;
	list-style: none;
	background:none;
}

ul#head-nav li a.selected {color:#348;}

div.header-item {
	width:558px;
	position:absolute;
	left:362px;
	top:25px;
	/*display:none;*/
}

div.header-item h4 {
	color:#333;
}

/* ----------- CASE STUDY - HEAD LINK PANEL -----------*/



#casestudy
{
display:none;
}

.display
{ display:block !important;
}



#casestudy h4 {
	float:left;
	padding:0;
	margin:0;
	color:#333;
	font: normal 0.75em/1.2 arial, verdana, sans-serif;
}

#casestudy ul {
	width:auto;
	padding:0;
	background:none;
	margin-left:8em;
	font: normal 0.75em/1.2 arial, verdana, sans-serif;
}

#casestudy ul li {
	float:none;
	padding:0;
	padding-bottom:2px;
	margin:0;
	background:none;
}

#casestudy ul li a {
	padding:0;
	margin:0;
}

/* ----------- QUICK LINKS - HEAD LINK PANEL -----------*/

#quicklinks {
	width:200px;
	left:720px;
	visibility:hidden;
}

/* ----------- SEARCH - HEAD LINK PANEL -----------*/

#search {
	width:348px;
	height:47px;
	left:572px;
	visibility:hidden;
}

#search .bd .c {
	padding:6px 10px 7px;
}

#search table#headerSearch td {
	text-align:left;
	padding:0;
	background:none;
	vertical-align:top;
}

#search div.searchIcon {
	
	background: #fff url(../imgs/generic/search_icon.gif) 2px 2px no-repeat;
	border: 1px solid #dde;
	padding:3px;
	padding-left:30px;
}

#search input.search-field {
	width:210px;
	border: 1px solid #fff;
	color:#666;
	font: normal normal 0.875em/1 arial, verdana, sans-serif;
}

div.submit-button {
	background-color:#222;
	padding:0;
}


/*
////////// LIGHT GREY SQUARE WITH BORDER CSS //////////
*/

div.grey-corner .hd .c,
div.grey-corner .ft .c {
 font-size:1px; /* ensure minimum height */
 height:5px;
}

div.grey-corner .ft .c {
 height:5px;
}

div.grey-corner .hd {
 background: transparent url(../imgs/generic/cr_grey_tl.png) no-repeat left top;
 margin-right:5px; /* space for right corner */
}

div.grey-corner .hd .c {
 background: transparent url(../imgs/generic/cr_grey_tr.png) no-repeat right top;
 margin-right:-5px; /* pull right corner back over "empty" space (from above margin) */
}

div.grey-corner .bd {
 background-color:#eff1f6;
 border:1px solid #dde;
 border-width:0 1px;
 overflow:hidden;
 height:1%;
}

div.grey-corner .bd .c {
 padding:10px 15px;
}

div.grey-corner .ft {
 background: transparent url(../imgs/generic/cr_grey_bl.png) no-repeat left bottom;
 margin-right:5px;
}

div.grey-corner .ft .c {
 background: transparent url(../imgs/generic/cr_grey_br.png) no-repeat right bottom;
 margin-right:-5px;
}

/* for page meet-board */
.meet-board {
	float:right;
	display:inline;
	width:740px;
	margin:0 -20px 0 0;
	overflow:hidden;
}
.meet-board ul {
	margin:8px 0 0;
	padding:0;
	list-style:none;
}
.meet-board li {
	float:left;
	width:165px;
	padding:0;
	margin:0 20px 15px 0;
}
.meet-board li img {
	display:block;
	margin:0 0 6px;
}
.meet-board li strong {
	display:block;
	font-size:1.2em;
	line-height:1.16em;
	font-weight:normal;
	color:#ff7420;
}
.meet-board li span {
	display:block;
	color:#4c4c4c;
	font-size:1.2em;
	line-height:1.16em;
}

/* for page network-mag */
.right-part-network {
	width:364px;
	float:right;
	padding:42px 0 70px 0;
}
.grey-box {margin:0 0 16px;}
.center-part {
	margin:0 0 70px 15px;
	padding:1px 0 0;
	width:329px;
}
.center-part p strong {
	display:block;
	margin:9px 0 3px;
	font-size:1.3em;
	line-height:1.25em;
	font-weight:normal;
}
.magazine-title {
	width:100%;
	overflow:hidden;
	border-top:1px solid #d6dbe8;
	padding:9px 0 0;
	margin:10px 0 0;
}
.magazine-title img {
	float:left;
	margin:0 8px 0 0;
}
.magazine-title div {
	float:right;
	width:271px;
	padding:0 20px 0 0;
	margin:-4px 0 0;
}
.magazine-title p {
	margin:-5px 0 -3px;
	padding:0;
	line-height:1.3em;
	color:#333;
}
.center-part .arrow {
	font:0.7em/1em Arial, Helvetica, sans-serif;
	color:#e50;
	border-style:none;
}
.center-part .arrow:hover {
	border-style:none;
	text-decoration:underline;
	color:#348;
}
.sign-up {
	width:100%;
	overflow:hidden;
}
.sign-up div {
	width:100%;
	overflow:hidden;
	margin:0 0 3px;
}
.sign-up div label {
	float:left;
	width:122px;
	color:#333;
	font:0.7em/2.2em Arial, Helvetica, sans-serif;
}
.sign-up div input {
	float:left;
	width:188px;
	padding:2px 5px 0;
	height:20px;
	font:0.7em/2em Arial, Helvetica, sans-serif;
	border:1px solid #d6dbe8;
}
* html .sign-up div input {
	padding-top:0;
	height:22px;
}
.btn-submit {
	float:right;
	margin:6px 10px 0 0;
}
.grey-box img {
	float:left;
	margin:5px 0 0;
}
.text-block {
	float:left;
	width:185px;
	margin:0 0 0 18px;
	padding:0 0 10px;
}
.list-simple li a {
	border-style:none;
	color:#333;
}
.list-simple li a:hover {
	border-style:none;
	text-decoration:underline;
	color:#348;
}

/* for page extended */
.content-extended {
	width:920px !important;
	margin-left:0 !important;
	overflow:hidden;
}
.great-part {
	float:left;
	display:inline;
	width:525px;
	margin:0 0 0 19px;
	padding:0 0 22px;
}
.country-name {
	padding:8px 0 0;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #d6dbe8;
}
.general-location {
	width:540px;
	margin:0 -20px 0 0;
	overflow:hidden;
}
.location {
	float:left;
	width:140px;
	padding:0 40px 17px 0;
}
.country-name h3 {
	margin:4px 0 0;
}
.location h3 {
	padding-top:3px;
	color:#333;
}
.location ul {margin:8px 0 5px;}
.location li {
	background:none;
	line-height:1.32em;
	padding:0;
}
.location li a {border-style:none;}
.location li a:hover {
	text-decoration:underline;
	border-style:none;
}
.location address {
	display:block;
	width:100%;
	margin:0 0 10px;
}
.location address em {
	display:block;
	font:normal 0.7em/1.35em Arial, Helvetica, sans-serif;
}
.location .arrow {
	border-style:none;
	font:0.7em/1em Arial, Helvetica, sans-serif;
}
.location .arrow:hover {
	border-style:none;
	text-decoration:underline;
}
/* for page document library */
#main-body .doc-title {
	margin-right:-7px;
	width:336px;
}
#main-body .doc-title ul {
	margin-top:13px;
	border-top:1px solid #dde;
	list-style:none;
	font-size:0.75em;
	width:336px;
}
#main-body .doc-title ul li {
	width:336px;
	background:none;
	padding:0;
}
#main-body .doc-title ul li a {
	border:none;
	display:block;
	width:336px;
	color:#ff7420;
	border-bottom:1px solid #dde;
	padding:3px 0;
	background:url(../imgs/generic/icon-orange-arrow.gif) no-repeat 99% 50%;
	text-align:left;
}



#main-body .doc-title ul li.expanded a,
#main-body .doc-title ul li a:hover {
	color:#002367;
	background:#E6E9F1 url(../imgs/generic/icon-black-arrow.gif) no-repeat 99% 50%;
}

/* for page glossary */
.alphabet {
	margin:11px 0 0 -2px;
	padding:0 0 8px;
	width:100%;
	overflow:hidden;
}
.alphabet li {
	display:inline;
	margin-left:-2px;
	padding:0 3px 0 6px;
	background:url(../imgs/generic/sep-alphabet.gif) no-repeat 0 55%;
}
.alphabet li a {border-style:none;}
.alphabet li a:hover {
	text-decoration:underline;
	border-style:none;
}
.alphabet-titles {
	padding:6px 0 0;
	width:475px;
	overflow:hidden;
}

.back-to-top a {
	border-style:none;
	font:0.7em/1em Arial, Helvetica, sans-serif;
}
.back-to-top a:hover {
	border-style:none;
	text-decoration:underline;
}
.back-to-top {
	padding:0 10px 0 0;
	line-height:1em;
	background:url(../imgs/generic/icon-arrow-rotate.gif) no-repeat 100% 60%;
}

/* for page site plan */
.site-map {
	width:880px;
	padding:0 20px 30px;
	overflow:hidden;
}
.inner-columns {
	margin:10px 0 0;
	float:left;
	width:176px;
}
.inner-columns h3 {color:#333;}
.inner-columns ul {margin-bottom:4px;} 
.inner-columns ul li {background:url(../imgs/generic/bullet_grey.gif) no-repeat 0 4px;}
.inner-columns ul li a {border-style:none;}
.inner-columns ul li a:hover {
	border-style:none;
	text-decoration:underline;
}
.inner-columns ul ul {
	padding-bottom:0;
	font:1em Arial, Helvetica, sans-serif;
}
.inner-columns ul li li {background:url(../imgs/generic/icon-mines.gif) no-repeat 0 50%;}
.inner-columns ul li li a {border-style:none;}
.inner-columns ul ul a:hover {
	border-style:none;
	text-decoration:underline;
}