/* CSS layout */
html, body { margin: 0;
padding: 0;
padding-left: 8px; }
#contact_info p { line-height: 6px;
font-size: 14px;
color: #8f8d8e;
font-family: Verdana, Arial, Helvetica, sans-serif;}
#container { float: left;
width: 1180px; }
#block { margin: 0;
padding: 0;
width: 1180px;
float: left;
}
#col1 { float: left;
width: 280px;
margin-left: 0px;
margin-top: 0px;
}
#col2 { float: left;
width: 800px;
margin-left: 10px;
margin-top: 40px;
border-left: 1px solid #c0c0c0;
padding-left: 8px;
}
#logo { float: left;
width: 80px;
height: 80px;
padding: 8px 4px 0 0; }
#logo a img { border: 0; }
#title { margin: 0;
width: 240px;
position: absolute;
top: 65px;
left: 100px; }
#title a{
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 18px;
font-weight: bold;
word-spacing: 0em;
letter-spacing: 2px;
padding: 0px;
margin: 0px;
color: #808080;
}
#title p { padding: 0px;
margin: 0px;
}
#title a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
word-spacing: 0em;
letter-spacing: 2px;
color: #606060;
}
#nav { margin: 60px 0 0 86px;
padding: 0;
background-color: #fff;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
word-spacing: 0em;
letter-spacing: 1px;
width: 640px;
border-top: 2px solid #aaa097;
padding-left: 24%;
}
#nav a {
color: #a0a0a0;
display: inline;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 0 0 1px 0;
padding: 2px 10px 2px 10px;
}
#nav ul, #nav li, #sub_nav ul, #sub_nav li { margin: 0;
padding: 0;
list-style-type: none;
display: inline;
text-decoration: none;
}
#nav li a:hover {
color: #fff;
background-color: #aaa097;
display: inline;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 0 0 1px 0;
padding: 2px 10px 2px 10px;
}
#nav a.active { color: #fff;
background-color: #aaa097;
text-align: center; }
.nav1 { border-right: 1px solid #a0a0a0;
margin: 0;
padding: 0;
}
#sub_nav {
width: 200px;
margin-left: 80px;
margin-top: 4px;
font-size: 0.9em; }
#sub-nav li a:hover {
color: #fff;
background-color: #aaa097;
display: inline;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 0 0 1px 0;
padding: 2px 10px 2px 10px;
}
#name { position: absolute;
width: 200px;
top: 42px;
left: 100px;
padding: 2px 0;
margin: 0;
background-color: #aaa097;
}
#name p { margin: 0px;
padding: 0px;
font-size: 14px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#name span { font-size: 14px;
color: #383838;
font-family: Arial, Helvetica, sans-serif; }
#container2 { float: left;
width: 400px;
border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px;
margin-top: 30px;
}
#container3 { width: 250px;
float: left;
margin-top: 260px;
margin-left: 40px;
border-left: 1px solid #c0c0c0;
padding-left: 4px;
padding-top: 4px;
}
#container3 h3 { color: #606060;
margin: 0;
margin-bottom: 3px;
}
#container3 img { border: none;
float: left;
margin-right: 8px;
padding: 0; }
#container3 p { width: 100%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
}
#container3 a { text-decoration: none; }
#container_left { width: 280px;
margin-top:100px; }
#left_image { width: 258px;
margin-left: 20px; }
#left_image p { margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%;
}
#left_title { margin-top: 0px;
width: 100px;
margin-left: 20px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
#left_title a { text-decoration: none;
color: #fff;
}
#left_title a:hover { text-decoration: none;
color: #383838;
}
#info {
width: 70%;
margin-top: 40px;
margin-left: 40px;
}
#info p { width: 100%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-right: 10px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
}
#info a {
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
body.home #container_left { width: 90%;
margin-top:100px;
margin-left: 10px;
border-left: 1px solid #c0c0c0;
padding-left: 4px; }
body.home #container_left h3 { color: #808080;
margin: 0;
margin-bottom: 3px;
font-size: 16px;
}
body.home #container_left img { border: none;
float: left;
margin-right: 8px;
padding: 0; }
body.home #container_left p { width: 100%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
}
body.home #container_left a { text-decoration: none;
font-size: 12px; }
body.home #container3 { width: 200px;
margin-top: 180px;
margin-left: 30px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
body.home #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.home #left_title {
margin-top: 0px;
width: 100px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.home #info { width: 70%;
margin-top: 20px;
margin-left: 40px; }
body.photographer #container2 { width: 470px;
}
body.photographer #container2 h2 {
margin-top: 14px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
}
body.photographer #container2 p {
width: 470px;
font-size: 11px;
line-height: 18px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #606060;
font-family: Arial, Helvetica, sans-serif;
}
body.photographer #container3 { width: 200px;
margin-top: 200px;
margin-left: 20px;
border: none;
}
body.photographer #container3 p { text-align: left; }
body.photographer #container3 h2 { margin-bottom: 4px;
margin-left: 0px;
margin-right: 0px;}
body.photographer #container3 h3 span { font-size: 16px; }
body.photographer #container3 a { color:#85898A;
text-decoration: underline;
}
body.photographer #left_image img {
border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px;
width: 250px;
heigth: 172px;
}
body.photographer #left_title { width: 160px; }
body.afghanistan #container2 { width: 670px;
border: none;
margin-top: 120px;
}
body.afghanistan #container2 img { border: none;
float: left;
margin-right: 8px;
padding: 0; }
body.afghanistan #container2 p { width: 180px;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
padding: 0 4px;
}
body.afghanistan #container2 a { text-decoration: none; }
body.afghanistan div.left { float: left;
margin-right: 30px;
border-left: 1px solid #c0c0c0;
padding-left: 4px;}
body.afghanistan .bottom_title {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
body.afghanistan .left_title {
margin-top: 0px;
width: 160px;
margin-left: 0px;
color: #fff;
font-size: 12px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.afghanistan .left_title a { text-decoration: none;
color: #fff;
}
body.afghanistan .left_title a:hover { text-decoration: none;
color: #383838;
}
body.afghanistan #left_image h3 { color: #aaa097;
margin: 0;
margin-bottom: 3px;
}
body.destiny #container2 { width: 450px;
margin-top: -20px;
}
body.destiny #poster img { border: none; }
body.destiny #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
}
body.destiny #destiny_banner {
margin: 0px;
padding: 0px;
width: 300px;
height: 61px;
clear: left;
position: relative;
top: 0px;
left: 12px;
}
body.destiny #destiny_banner img{ padding: 0px;
margin: 0px;
}
body.destiny div.thumbnail { padding-right: 0.4em;
float: left;
}
body.destiny div.thumbnail img { width: 50px;
height: 50px; }
body.destiny div.line1 {margin-left: 50px;
padding-top: 10px;
float: left; }
body.destiny div.line2 {margin-left: 50px;
padding-top: 4px;
float: left; }
body.destiny div.line1 a img{ border: 0px; }
body.destiny div.line2 a img{ border: 0px; }
body.destiny #left_image h3 { color: #aaa097;
margin: 0;
margin-bottom: 3px;
}
body.destiny #container3 { width: 200px;
margin-top: 100px;
margin-left: 30px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
body.destiny #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.destiny #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.china #container2 { width: 500px; }
body.china #poster img { width: 500px;
height: 314px;
border: none; }
body.china #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
}
body.china div.thumbnail { padding-right: 0.4em;
float: left;
}
body.china div.thumbnail img { width: 50px;
height: 50px; }
body.china div.line1 {margin-left: 16px;
padding-top: 10px;
float: left; }
body.china div.line1 a img{ border: 0px; }
body.china div.line2 {margin-left: 16px;
padding-top: 4px;
float: left; }
body.china div.line2 a img{ border: 0px; }
body.china #left_image h3 { color: #aaa097;
margin: 0;
margin-bottom: 3px; }
body.coalmine #sub_nav { width: 240px;
margin-left: 80px;
margin-top: 4px;
font-size: 0.9em; }
body.coalmine #left_image h3 { color: #aaa097;
margin: 0;
margin-bottom: 3px;
}
body.coalmine div.coalmine_image img { width: 300px;
height: 300px;
}
body.coalmine #container2 { width: 450px;
margin-top: 40px; }
body.coalmine #container3 { width: 200px;
margin-top: 166px;
margin-left: 30px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
body.coalmine #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.coalmine #left_title {
margin-top: 0px;
width: 150px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.coalmine div.thumbnail { padding-right: 0.4em;
float: left;
}
body.coalmine div.thumbnail img { width: 50px;
height: 50px; }
body.coalmine div.line1 {margin-left: 16px;
padding-top: 10px;
float: left; }
body.coalmine div.line2 {margin-left: 16px;
padding-top: 4px;
float: left; }
body.coalmine div.line3 {margin-left: 16px;
padding-top: 4px;
float: left; }
body.coalmine div.line1 a img{ border: 0px; }
body.coalmine div.line2 a img{ border: 0px; }
body.coalmine div.line3 a img{ border: 0px; }
body.coalmine #poster img { border: none; }
body.coalmine #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
}
body.delta #container2 { width: 700px;
margin-top: -160px; }
body.delta #container_left { margin-top: 160px; }
body.delta .img_one { float: left; }
body.delta .img_two { float: left; }
body.delta #delta_banner { margin: 0px;
padding: 0px;
width: 300px;
height: 200px;
clear: left;
position: relative;
top: 60px;
left: 260px;
}
body.delta #delta_banner p {
margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #ebebeb;
line-height: 16px;
}
body.delta #delta_banner h3 { color: #fff;
margin: 0;
margin-bottom: 18px;
font-size: 28px;
}
body.delta #left_image { border-left: 1px solid #e1d5ca;
}
body.delta #left_image p {
margin-left: 8px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #808080;
width: 96%;
list-style-type:square; }
body.delta .sub h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #aaa097;
line-height: 22px;
border: 1px solid #e1d5ca;
border-left: 0px;
text-align: left;
padding: 4px 0 2px 10px;
margin-top: 0px; }
body.delta #ittinary .sub h3 { border: 1px solid #e1d5ca;
text-align: left;
padding-left: 10px; }
body.delta #ittinary { width: 440px;
padding-top: 10px;
float: left;
}
body.delta #ittinary p { margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #404040;
line-height: 18px; }
body.delta #ittinary h4 {
margin: 16px 0 0 0;
padding: 0;
font-family: Times, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #404040; }
body.delta #side_right { float: right;
width: 240px;
margin-left: 0px;
padding-top: 10px;
}
body.delta #side_right .sub h3 { border: 1px solid #e1d5ca;
text-align: left;
padding-left: 10px; }
body.delta #side_right .sub { clear: left; }
body.delta #sub_image img { float: left;
margin: 0 8px 0 8px; }
body.delta #side_right p {
margin: 2px 0 8px 8px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #808080;
line-height: 18px; }
body.delta #map { margin-bottom: 10px; }
body.delta #map a { text-decoration: none;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }
body.delta hr { border-top: 1px dotted #b4b3b3; }
body.pakistan #container2 { width: 480px;
margin-top: 20px; }
body.pakistan #poster img { border: none; }
body.pakistan #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
}
body.pakistan div.thumbnail { padding: 0.2em;
float: left;
}
body.pakistan div.thumbnail img { width: 50px;
height: 50px;
}
body.pakistan div.line1 {margin-left: 40px;
float: left;
width: 230px; }
body.pakistan div.line1 a img{ border: 0px; }
body.pakistan div.line2 a img{ border: 0px; }
body.pakistan #left_image h3 { color: #aaa097;
margin: 0;
margin-bottom: 3px;
}
body.pakistan .article { padding-top: 10px;
float: left;
width: 258px;
margin-left: 20px; }
body.pakistan .article p {
margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%; }
body.pakistan hr { border-top: 1px dotted #b4b3b3; }
body.pakistan #container3 { width: 200px;
margin-top: 166px;
margin-left: 40px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
body.pakistan #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.pakistan #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.forbidden #sub_nav { width: 240px;
margin-left: 100px;
margin-top: 4px;
font-size: 0.9em; }
body.forbidden #poster { border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px;
width: 400px; }
body.forbidden #poster img { border: none; }
body.forbidden #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
margin: 0px;
padding: 0 0 6px 0;
}
body.forbidden div.thumbnail { padding: 0 6px 6px 0;
float: left;
}
body.forbidden div.thumbnail img { width: 80px;
height: 80px; }
body.forbidden #line1 { width: 258px;
float: left; }
body.forbidden #line1 a img{ border: 0px;
margin: 0px;
padding: 0px; }
body.forbidden #container3 { width: 258px;
margin-top: 190px;
margin-left: 30px;
border: 1px solid #c0c0c0; }
body.forbidden #container3 h4 {
font-size: 16px;
color: #808080;
margin: 0px;
padding: 14px 0 2px 0;
font-family: Arial, Helvetica, sans-serif; }
body.forbidden #left_image { border-left: 1px solid #e1d5ca;
margin-left: 10px;
width: 92%;
}
body.forbidden .sub { width: 270px;
}
body.forbidden #left_image h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #aaa097;
line-height: 22px;
border: 1px solid #e1d5ca;
border-left: 0px;
text-align: center;
padding: 4px 0 2px 0;
margin-top: 0px; }
body.forbidden #left_image h3 span { font-size: 16px;
color: #b9aea5; }
body.forbidden #left_image h4 {
font-size: 16px;
color: #b9aea5;
margin: 0px;
margin-left: 8px;
padding: 8px 0 2px 0;
font-family: Arial, Helvetica, sans-serif; }
body.forbidden #left_image p { font-size: 13px;
margin-left: 8px;
width: 96%; }
body.forbidden #container2 { border: none; }
body.forbidden #container4 { clear: left;
position: relative;
top: 10px;
left: 0px;
width: 408px;
border: 1px solid #c0c0c0; }
body.forbidden #container4 p {
color: #808080;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 4px;
font-size: 14px;}
body.forbidden .bottom_title a { text-decoration: none; }
body.media #container2 { border: none; }
body.media #reportage1 {
width: 500px;
padding: 6px 6px 6px 6px;
background-color: #999999;
color: #fff;
font-family: Arial, Helvetica, sans-serif; }
body.media #reportage1 h3 { font-size: 16px;
margin: 0 0 12px 0;
padding: 0px; }
body.media #reportage1 p { font-size: 12px;
margin: 4px 0 0 0;
padding: 0px; }
body.media #info { margin-top: 300px; }
body.contact td #mag13 { width: 218px;
height: 300px;
}
body.contact td #mag1 { width: 219px;
height: 300px;
}
body.contact td #mag2 { width: 213px;
height: 300px;
}
body.contact td #mag3 { width: 143px;
height: 300px;
}
body.contact td #mag6 { width: 230px;
height: 300px;
}
body.contact td #mag7 { width: 222px;
height: 300px;
}
body.contact td #mag8 { width: 222px;
height: 300px;
}
body.contact td #mag9 { width: 232px;
height: 300px;
}
body.contact td #mag10 { width: 229px;
height: 300px;
}
body.contact td #mag11 { width: 187px;
height: 300px;
}
body.contact td #mag12 { width: 200px;
height: 300px;
}
body.contact td #mag16 { width: 271px;
height: 300px;
}
body.contact td #mag18 { width: 233px;
height: 300px;
}
body.contact td #mag19 { width: 233px;
height: 300px;
}
body.contact #footer { padding-top: 100px; }
body.contact #left_image { margin-left: 20px;
}
body.contact #left_image #links img { width: 50px;
height: 41px;
margin-top: 4px; }
body.contact #links p { text-align: right; }
body.contact .sub_td { color: #808080;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;}
body.contact #block h4 { color: #aaa097;
margin: 0;
margin-top: 60px; }
body.contact #container2 { float: left;
width: 450px;
border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px;
margin-top: 6px;
}
div#wn {
position: relative;
width:430px;
height:320px;
overflow:hidden;
left: 0px;
padding-right: 0.5em;
padding-left: 0.5em;
}
div#lyr1 td img{ border:0px;
}
div#scrollLinks { margin-left: 200px;
}
#footer { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #aaa097;
text-decoration: none;
width: 160px;
height: 16px;
padding-top: 4px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}