body { 
	background: #cfc6bf; 
	font-family: 'Lucida Grande',Verdana, Sans-serif;
	font-weight: normal; 
	padding: 0px; 
	height: 100%; 
	width: 100%; 
	margin: 0px; 
	min-width: 950px; 
	text-align: left;
}

div,span,ul,h1,h2,h3,h4,h5,form,table,input,textarea,li { 
	padding: 0; 
	margin: 0; 
}

img { 
	border: 0; 
}

a:link {
	color: #1da623;
}

a:visited {
	color: #377341;
}

a:hover {
	color: #c3ca1a;
	text-decoration: none;
}

p  {
	color: #4c4c4c;
}

div.mainouter {
	background-image: url(../art/p_mainbg.jpg);
	background-repeat: no-repeat;
}

div.main {
	padding: 20px 80px 20px 45px;
}

div.top {
	height: 23px;
	padding: 75px 0 0 47px;
	background: #87705f url(../art/p_toparea.jpg) no-repeat;
	background-position: 0 45px;
}

div.navouter {
	background: #87705f url(../art/p_navbg.jpg) repeat-x;
}

div.onetime {
	background: #87705f url(../art/p_onetime.jpg) no-repeat;
	height: 30px;
}

div.nav {
	height: 14px;
	padding:  25px 15px 5px 0;
	text-align: right;
	background-image: url(../art/p_nav.jpg);
	background-repeat: no-repeat;
}

p.question, p.questiontop {
	font-weight: bold;
}

p.question {
	margin-top: 35px;
}

#videospace {
	background-color: #000;
	height: 30px;
	margin: 0;
}


div._comments_outer {
	background-color: #fff;
	border-top: 0;
}

div.commentouter {
	background-color: #fff;
	border-top: 3px solid #c7a58d;
	padding: 0 30px 0 45px;
	margin-bottom: -20px;
}

div.nav li {
	display: inline;
	list-style-type: none;
}

div.nav li a {
	text-decoration: none;
}

div.bottom p.global { margin: 9px 9px 9px 0; padding: 5px 5px 5px 0; }

h1 {
	width: 500px;
	padding: 10px 5px 5px 5px;
	margin: 0 5px 5px 47px;
	font-size: 20px;
	line-height: 20px;
}

h2, h2.nopad {
	margin: 35px 0 9px -17px;
	padding: 1px 0 1px 14px;
	font-size: 20px;
	border-left: 3px solid #c7a58d;
}

h2.nopad {
	margin: 9px 0 9px -17px;
}	

h3, h3.nopad {
	margin: 35px 0 9px -17px;
	padding: 1px 0 1px 14px;
	font-size: 17px;
	border-left: 3px solid #c7a58d;
}

h3.nopad {
	margin: 9px 0 9px -17px;
}	

hr {
	border: 0;
	clear: both;
	margin: 20px 0 20px 0;
	border-bottom: 1px dotted #9f7015;
}

div.bottom {
	padding: 10px 50px 10px 47px;
	background-color: #d9d2ce;
	border-top: 1px solid #c7b89d;
}

div.bottom p {
	font-size: .9em;
	color: #777;
}

b, p.question, p.questiontop {
	color: #715a4b;
}

div.lefthighlights {
	width: 210px;
	float: left;
	margin: 10px 30px 10px -47px;
}

* html div.lefthighlights {
	width: 210px;
	float: left;
	margin: 10px 30px 10px -23px;
}

div.lefthighlights li {
 	list-style-type: none;
	margin-bottom: 1px;
	padding: 3px 9px 3px 9px;
	background-color: #e7ded8;
}

div.lefthighlights li:hover {
	background-color: #dee7d8;
	color: #67d021;
}

div.lefthighlights li.spacer, div.righthiglights li.spacer:hover {
	border-right: 0;
	height: 10px;
	background: transparent;
}

div.lefthighlights li a {
	text-decoration: none;
}

div.lefthighlights li.hitop, div.lefthighlights li.hitop:hover {
	background-color: #87705f;
	color: #cfc6bf;
	letter-spacing: 3px;
	padding: 10px 9px 3px 9px;
	font-size: 1.1em;
}

div.lefthighlights li.li {
 	list-style-type: none;
	margin-bottom: 1px;
	padding: 3px 9px 3px 9px;
	color: #9ea067;
	font-size: 1em;
	background-color: #eee;
	border-left: 5px solid #1da623;
}

div.lefthighlights li.li:hover {
	background-color: #f1f2d7;
	border-left: 5px solid #f1fa00;
}

div.lefthighlights li.li:hover a, div.lefthighlights li:hover a, div.lefthighlights li:hover a {
	color: #67d021;
}

div.lefthighlights li.li a.head {
	font-size: 1.2em;
}

div.lefthighlights li.litop, div.lefthighlights li.litop:hover {
	background-color: #9459bd;
	color: #fff;
	letter-spacing: 3px;
	padding: 10px 9px 3px 9px;
	font-size: 1.1em;
}

div.intbio span.intvid {
	padding: 7px 0 2px 15px;
	color: #fff;
	letter-spacing: 3px;
	background-color: #87705f;
	display: block;
}

div.intbio {
	width: 402px;
	margin: 12px -60px 20px 20px;
	background-color: #e7ded8;
	float: right;
}

* html div.intbio {
	margin: 6px -30px 10px 10px;
}
	
div.intbio p {
	padding: 7px 10px 7px 10px;
	margin: 0;
	border-bottom: 1px dotted #c7b89d;
	line-height: 1.4em;
	font-size: 1em;
}

div.pullquote { 
	padding: 5px;
	font-size: 23px;
	color: #715a4b;
	margin: 15px 0 20px 10px;
}


a.comlink {
	text-decoration: none;
	display: block;
	text-align: right;
	float: right;
	letter-spacing: 3px;
	padding: 8px 10px 10px 10px;
	height: 25px;
	z-index: 15;
	position: relative;
}

* html a.comlink {
	text-decoration: none;
	display: block;
	text-align: right;
	float: right;
	letter-spacing: 3px;
	padding: 1px 10px 10px 10px;
	height: 25px;
}

a.comlink span.comt {
	height: 13px;
	float: left;
	margin: 6px 10px 8px 0;
	font-size: 13px;
}

h4.main { overflow: auto; background-color: #eee; display: block; width: 600px; margin: 0 0 0 27px; padding: 4px 16px 4px 24px; color: #87705f; font-weight: normal; font-size: 14px; }

h4.main img { margin: 2px 4px 5px 0; }

span.ednote { padding: 1px; background-color: #fff; }


div.photoleft {
	float: left;
	border-left: 10px solid #c7a58d;
	margin: 9px 20px 20px -20px;
}

div.photoleft p {
	color: #87705f;
	font-size: .9em;
	padding: 4px 20px 4px 15px;
	margin: 0;
	background-color: #eee;
}

div.rellink, div.rellinkr {
	background-color: #e7ded8;
	padding: 6px;
	overflow: auto;
	margin: 0 0 3px -17px;
	border-left: 3px solid #c7a58d;
	padding: 6px 20px 6px 14px;
}

div.rellinkr {
	background-color: #fff;
}

div.rellink a.head {
	font-size: 18px;
	text-decoration: none;
}

a.toplink {
	font-size: 13px;
	display: block;
	padding: 3px;
	border: 1px dotted #c7a58d;
	background-color: #e5d9d1;
	margin: 2px;
	text-decoration: none;
	float: left;
}

div.mapwrap {
	text-align: center;
	margin: 5px -80px 20px -47px;
	background-color: #a7a1a0;
	position: relative;
}

* html div.mapwrap {
	margin: 5px -40px 20px -23px;
}

div.mapwrap div.map {
	width: 900px;
	height: 500px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../art/mapback.jpg);
	position: relative;
	display: block;
}

div.map div.l0,div.mapwrap div.map div.l1, div.mapwrap div.map div.l2, div.mapwrap div.map div.l3 {
	display: block;
	width: 900px;
	height: 500px;
	display: block;
	position: absolute;
}

div.map div.l0 {
	background-image: url(../art/map_l0.png);
	z-index: 10;
}
	
div.map div.l1 {
	background-image: url(../art/map_l1.png);
	z-index: 11;
}
	
div.map div.l2 {
	background-image: url(../art/map_l2.png);
	z-index: 12;
}
	
div.map div.l3 {
	background-image: url(../art/map_l3.png);
	z-index: 13;
}
	
div.map span.kabul {
	position: absolute;
	margin-top: 134px;
	margin-left: 384px;
	z-index: 20;
	background-image: url(../art/map_kabul.png);
	display: block;
	width: 75px;
	background-repeat: no-repeat;
	height: 29px;
}

div.map span.islamabad {
	position: absolute;
	margin-top: 184px;
	background-image: url(../art/map_islamabad.png);
	margin-left: 617px;
	z-index: 21;
	display: block;
	background-repeat: no-repeat;
	width: 125px;
	height: 25px;
}

div.map span.point {
	position: absolute;
	z-index: 22;
	text-align: left;
	display: block;
	background-image: url(../art/map_point.png);
	background-repeat: no-repeat;
	padding: 5px 15px 10px 26px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

div.mapwrap div.info {
	text-align: center;
	color: #fff;
	letter-spacing: 3px;
	padding: 3px;
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	background-color: #777;
}

div.map span.point span.groupname {
	font-size: 14px; color: #715a4b;
	display: block;
}

div.map span.point span.title {
	font-size: 14px; color: #715a4b; display: block; padding: 8px 0 3px 0;
}

div.map span.point span.data {
	font-size: 13px; color: #666;
}

div.map span.point span.common {
	font-size: 11px; color: #fff; background-color: #1da623; letter-spacing: 2px;
	display: block; padding: 3px;
	margin-top: 9px;
}

div.map span.point:hover {
	color: #1da623; 
	background: #fff url(../art/map_pointover.png) no-repeat;
	box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=5, offY=5, positive=true);
}

div.map span.point img {
	float: left;
	width: 120px;
	clear: left;
	margin: 5px 10px 10px 0;
}

div.map div.mainbox {
	position: absolute;
	z-index: 90;
	text-align: left;
	opacity: .96;
	margin-top: 10px;
	font-size: 15px;
	background-color: #eee;
	box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=5, offY=5, positive=true);
	padding: 10px 15px 10px 15px;
	height: 450px;
}

div.map div.mainbox p.boxtitle {
	font-size: 18px;
	color: #715a4b;
	font-weight: bold;
}	

div.map div.mainbox div.videoouter {
	width: 402px;
	height: 257px;
	float: left;
	margin: 0 15px 8px 0;
}	

div.map div.mainbox span.closer {
	position: absolute;
	right: 0;
	display: block;
	background-color: #1da623;
	width: 100px;
	margin-top: -10px;
	text-align: center;
	padding: 3px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}


div.map div.mainbox span.closer:hover {
	color: #1da623;
	background-color: #f1fa00;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	width: 800px;
}

.sIFR-replaced {
	visibility: visible !important;
	width: 800px;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	width: 800px;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	text-align: left;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
}