@charset "utf-8";
/* CSS Document */

/* top story & highlights */
#body-row01 {
	width:880px;
	height:350px;
	margin:10px 0px 0px 0px;
	padding:0px;
	position: absolute;
	top: 150px;
	left: 10px;
	
	}

/* top story */
#body-row01-col01 {width:620px;height:200px;margin:10px 20px 0px 0px;padding:0px;background-color:#fff;float:left;}
html>body #body-row01-col01 {
	width:880px;
	height:338px;
	min-width:620px;
	min-height:200px;
	margin:0px 0px 0px 0px;
	padding:0px;
	position: absolute;
	top: 0px;
	background-color:#999999
	
	
}
.top-story-photo {
	margin:20px 20px 10px 10px;
	float:right;
}
#videoPlayer {margin:0px 20px 10px 10px;padding:0px;float:left;height:278px;width:290px;}
dl.top-story-text {
	line-height:18px;
	margin-top: 20px;
	margin-right: 455px;
	margin-bottom: 0px;
	margin-left: 30px;
}
dl.top-story-text dt, dl.top-story-text dd {margin:0px;padding:0px;}
.top-story{
	width:880px;
	background-image: url(/new/images/flashback.jpg);
	height: 346px;
}
/* highlights */
#body-row01-col02 {width:290px;height:200px;margin:0px;padding:0px;background:#fff url('/images/2009/bkg-highlights-tile.gif') repeat-x;float:left;}
html>body #body-row01-col02 {width:290px;height:auto;min-width:290px;min-height:200px;margin:0px;padding:0px;background-color:#fff;float:left;}
#body-row01-col02 h3 {margin:10px;}
dl#ask-the-ambassador, dl#policy-podcast {margin:0px 10px 10px 10px;padding:0px;line-height:18px;}
dl#ask-the-ambassador dt, dl#ask-the-ambassador dd, dl#policy-podcast dt, dl#policy-podcast dd  {margin:0px;padding:0px;}

/* body-row02 - previous and next buttons - positioning */
#body-row02 {
	width:930px;
	height:28px;
	margin:0px 10px 0px 10px;
	padding:0px;
	background:url('/test/images/2009/bkg-bezier02.gif') no-repeat bottom center;
}
#body-row02-col01 {width:620px;margin:0px 20px 0px 0px;padding:0px;float:left;}
#top-story-prev-next {
	margin:0px 6px 0px 390px;
	padding:0px;
	float:left;
	background-color: #EFEFEF;
	position: absolute;
	left: -209px;
	top: 292px;
	z-index: 1001;
}
#body-row02-col02 {width:290px;margin:0px;padding:0px;float:left;}
#highlights-prev-next {margin:0px 6px 0px 0px;padding:0px;float:right;}

/* in other news & 4-up matrix */
#body-row03 {width:930px;height:auto;margin:10px 10px 0px 10px;padding:0px;background:url('/images/2009/bkg-body01.gif') repeat-y;}

/* in other news */
#body-row03-col01 {width:620px;height:200px;margin:10px 20px 0px 0px;padding:0px;background-color:#fff;float:left;}
html>body #body-row03-col01 {width:620px;height:auto;min-width:620px;min-height:200px;margin:10px 20px 0px 0px;padding:0px;background-color:#fff;float:left;}

/* in other news - inner panels */
#in-other-news-row01 {margin-top:10px;}
#body-row03-col01 h3 {margin:0px 10px 0px 10px;float:left;}
#in-other-news-row02 {margin:10px 0px 0px 0px;}
#in-other-news01, #in-other-news02, #in-other-news03, #in-other-news04 {width:310px;margin:10px 0px 0px 0px;padding:0px;float:left;}
.in-other-news-photo {margin:0px 10px 10px 10px;padding:0px;float:left;}
dl.in-other-news-text {margin:0px 10px 0px 10px;padding:0px;line-height:12px}
dl.in-other-news-text dt, dl.in-other-news-text dd {margin:0px;padding:0px;}

.in-other-news{width:620px;}
.highlight{width:290px;}
/* 4-up matrix */
#body-row03-col02 {width:290px;height:210px;margin:10px 0px 0px 0px;padding:0px;background-color:#fff;float:left;}
html>body #body-row03-col02 {width:290px;height:auto;min-width:290px;min-height:210px;margin:10px 0px 0px 0px;padding:0px;background-color:#fff;float:left;}
#body-row03-col02 h3 {margin:10px;}

/* 4-up matrix - inner panels */
#matrix-col01 {margin:0px 10px 0px 10px;padding:0px;width:130px;float:left;}
#matrix-col02 {width:130px;float:left;}
#dipnote-blog-row01, #multimedia-row02, #find-it-row01, #quick-links-row02 {width:135px;margin:0px;padding:0px;font-size:11px;font-family:verdana, arial, sans-serif;color:#666;line-height:18px;}
#multimedia-row02, #find-it-row01 {margin:18px 0px 0px 0px;}

#dipnote-blog, #multimedia, #find-it, #quick-links {list-style:none;padding:0;margin:0;}
#dipnote-blog li, #multimedia li, #find-it li, #quick-links li {padding:0;margin:0;}
#dipnote-blog li a, #multimedia li a, #find-it li a, #quick-links li a {margin:0px;color:#000000;}
/*#dipnote-blog li:before, #multimedia li:before, #find-it li:before, #quick-links li:before {content: "- ";}
* html #dipnote-blog li, * html #multimedia li, * html #find-it li, * html #quick-links li {border-left:1px solid black;padding:0 0.4em 0 0.4em;margin:0 0.4em 0 -0.4em;}
* html #dipnote-blog, * html #multimedia, * html #find-it, * html #quick-links {height:1%;}*/

/* body-row04 - previous and next buttons - positioning */
#body-row04 {width:930px;height:28px;margin:0px 10px 10px 10px;padding:0px;background:url('/images/2009/bkg-bezier01.gif') no-repeat bottom center;}
#body-row04-col01 {width:620px;margin:0px;padding:0px;float:left;}
#body-row04-col02 {width:290px;margin:0px;padding:0px;float:right;}
#in-other-news-prev-next {margin:0px 6px 0px 0px;padding:0px;float:right;}

/* traveling, icons, and countries scroller */
#body-row05 {width:930px;height:250px;margin:10px 10px 0px 10px;padding:0px;background:#fff url('/images/2009/bkg-row05-tile.gif') repeat-x bottom center;}
html>body #body-row05 {width:930px;height:auto;min-width:930px;min-height:250px;margin:10px 10px 0px 10px;padding:0px;background:#fff url('/images/2009/bkg-row05-tile.gif') repeat-x bottom center;}

/* traveling */
#body-row05-col01 {width:620px;height:250px;margin:10px 0px 0px 0px 0px;padding:0px;float:left;}
html>body #body-row05-col01 {width:620px;height:auto;min-width:620px;min-height:250px;margin:10px 0px 0px 0px;padding:0px;background-color:#fff;float:left;}
#traveling-row01 {background-color:#fff;}
#traveling-row01 h3 {margin:0px 10px 0px 10px;float:left;}
.traveling-photo {margin:10px 20px 10px 10px;padding:0px;float:left;}
dl.traveling-text {margin:10px 10px 0px 10px;padding:0px;line-height:18px;}
dl.traveling-text dt, dl.traveling-text dd {margin:0px;padding:0px;}

/* body-row05 - previous and next buttons - positioning */
#traveling-row02 {width:620px;height:28px;margin:0px;padding:0px;background:url('/images/2009/bkg-bezier-620x28.gif') no-repeat bottom center;}
#traveling-prev-next {margin:0px 6px 0px 0px;padding:0px;float:right;}

/* icons */
.icn-envelope-small{width:16px;height:11px;float:left;margin-top:1px;}

#body-row05-col02 {width:50px;height:250px;margin:10px 0px 0px 0px;padding:0px;float:left;}
html>body #body-row05-col02 {width:50px;height:auto;min-width:50px;min-height:250px;margin:10px 0px 0px 0px;padding:0px;float:left;}

/* traveling icon nav - setup */
#traveling-icon-nav {margin:0px;padding:0px;position:relative;height:46px;list-style:none;border:none;}
#traveling-icon-nav li {margin:0px 0px 5px 0px;padding:0px;position:relative;height:46px;overflow:visible;}
#traveling-icon-nav li.last {margin:0px;}
#traveling-icon-nav li a {position:relative;height:46px;display:block;overflow:visible;}
#traveling-icon-nav li a span {display:none;}

/* traveling icon nav - rollovers */
#traveling-icon-nav a#passports {width:39px;background:url(/images/2009/btn-passports.gif) no-repeat 0 100%;}
#traveling-icon-nav li:hover a#passports {background:url(/images/2009/btn-passports.gif) no-repeat 0 0;}
#traveling-icon-nav a#visas {width:39px;background:url(/images/2009/btn-visas.gif) no-repeat 0 100%;}
#traveling-icon-nav li:hover a#visas {background:url(/images/2009/btn-visas.gif) no-repeat 0 0;}
#traveling-icon-nav a#packing {width:39px;background:url(/images/2009/btn-packing.gif) no-repeat 0 100%;}
#traveling-icon-nav li:hover a#packing {background:url(/images/2009/btn-packing.gif) no-repeat 0 0;}
#traveling-icon-nav a#travel-tips {width:39px;background:url(/images/2009/btn-travel-tips.gif) no-repeat 0 100%;}
#traveling-icon-nav li:hover a#travel-tips {background:url(/images/2009/btn-travel-tips.gif) no-repeat 0 0;}
#traveling-icon-nav a#students {width:39px;background:url(/images/2009/btn-students.gif) no-repeat 0 100%;}
#traveling-icon-nav li:hover a#students {background:url(/images/2009/btn-students.gif) no-repeat 0 0;}

/* scroller */
#body-row05-col03 {width:250px;height:250px;margin:10px 0px 0px 0px;padding:0px;float:left;}
html>body #body-row05-col03 {width:250px;height:auto;min-width:250px;min-height:250px;margin:10px 0px 0px 0px;padding:0px;float:left;}

#body-row05-col03 h3 {margin:0px 0px 10px 0px;}

#scroller {width:250px;height:225px;font-size:11px;font-family:verdana, arial, sans-serif;color:#666;line-height:18px;background-color:#efefef;overflow:auto;}
#scroller-content {list-style:none;margin:0px 0px 0px 10px;padding:0px;}
#scroller-content li {margin:0px;padding:0px;}
#scroller-content li a {margin:0px;color:#000000;}
/*#scroller-content li:before {content: "- ";}
* html #scroller-content li {border-left:1px solid black;padding:0 0.4em 0 0.4em;margin:0 0.4em 0 -0.4em;}
* html #scroller-content {height:1%;}*/

/* tier 2 links */
#body-row06 {width:930px;height:auto;margin:10px 10px 0px 10px;padding:0px;background-color:#fff;border-bottom:1px solid #c8c8c8;}
#body-row06-row01 {width:930px;margin:0px 0px 0px 10px;padding:0px;}
#t2-press-col01, #t2-travel-col02, #t2-careers-col03 {width:290px;margin:10px 20px 0px 0px;float:left;font-size:11px;font-family:verdana, arial, sans-serif;color:#666;line-height:18px;}
#t2-press-col01 h3, #t2-travel-col02 h3, #t2-careers-col03 h3 {border-bottom:1px solid #efefef;}
#body-row06-row02 {width:930px;margin:0px 0px 0px 10px;padding:0px;}
#t2-business-col01, #t2-youth-and-education-col02, #t2-about-state-col03 {width:290px;margin:10px 20px 10px 0px;float:left;font-size:11px;font-family:verdana, arial, sans-serif;color:#666;line-height:18px;}
#t2-business-col01 h3, #t2-youth-and-education-col02 h3, #t2-about-state-col03 h3 {border-bottom:1px solid #efefef;}
#t2-press, #t2-travel, #t2-careers, #t2-business, #t2-youth-and-education, #t2-about-state {list-style:none;padding:0;margin:0;}
#t2-press li, #t2-travel li, #t2-careers li, #t2-business li, #t2-youth-and-education li, #t2-about-state li {padding:0;margin:0;}
#t2-press li a, #t2-travel li a, #t2-careers li a, #t2-business li a, #t2-youth-and-education li a, #t2-about-state li a {margin:0px;color:#000000;}


/* previous and next buttons - setup */
#top-story-prev-next a, #highlights-prev-next a, #in-other-news-prev-next a, #traveling-prev-next a {
	position:relative;
	height:21px;
	display:block;
	overflow:visible;
	float:left;
	background-image: url(/test/images/2009/btn-previous.gif);
}

/* previous and next buttons - rollovers */
#top-story-prev-next a.previous {
	width:45px;
	margin:0px 2px 0px 0px;
	background-image: url(/test/images/2009/btn-previous.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
#top-story-prev-next a.previous:hover {
	background:url(/test/images/2009/btn-previous.gif) no-repeat 0 0;
}
#top-story-prev-next a.next {
	width:45px;
	margin:0px 2px 0px 0px;
	background:url(/test/images/2009/btn-next.gif) no-repeat 0 100%;
}
#top-story-prev-next a.next:hover {
	background:url(/test/images/2009/btn-next.gif) no-repeat 0 0;
}

#highlights-prev-next .previous {width:45px;margin:0px 2px 0px 0px;background:url(/images/2009/btn-previous.gif) no-repeat 0 100%;}
#highlights-prev-next .previous:hover {background:url(/images/2009/btn-previous.gif) no-repeat 0 0;}
#highlights-prev-next .next {width:45px;margin:0px 2px 0px 0px;background:url(/images/2009/btn-next.gif) no-repeat 0 100%;}
#highlights-prev-next .next:hover {background:url(/images/2009/btn-next.gif) no-repeat 0 0;}

#in-other-news-prev-next .previous {width:45px;margin:0px 2px 0px 0px;background:url(/images/2009/btn-previous.gif) no-repeat 0 100%;}
#in-other-news-prev-next .previous:hover {background:url(/images/2009/btn-previous.gif) no-repeat 0 0;}
#in-other-news-prev-next .next {width:45px;margin:0px 2px 0px 0px;background:url(/images/2009/btn-next.gif) no-repeat 0 100%;}
#in-other-news-prev-next .next:hover {background:url(/images/2009/btn-next.gif) no-repeat 0 0;}

#traveling-prev-next .previous {width:45px;margin:0px 2px 0px 0px;background:url(/images/2009/btn-previous.gif) no-repeat 0 100%;}
#traveling-prev-next .previous:hover {background:url(/images/2009/btn-previous.gif) no-repeat 0 0;}
#traveling-prev-next .next {width:45px;margin:0px 2px 0px 0px;background:url(/images/2009/btn-next.gif) no-repeat 0 100%;}
#traveling-prev-next .next:hover {background:url(/images/2009/btn-next.gif) no-repeat 0 0;}

/*#top-story-list div, #in-other-news-list div, #highlight-list div, #country-list div{display:none;}*/
#top-story-list div div, #in-other-news-list div div, #highlight-list div div, #country-list div div{display:;
  /*where the image goes for the background.  we will need to play with the indexing size and margins here */}

.fade-mask{
	position:absolute;
	background-color:#fff;
	z-index:5;
	top:0;
	left:0;
}
#newscontainer {
	background-color: #BEC2C3;
	position: absolute;
	height: 366px;
	width: 900px;
	top: 160px;
	left: 0px;
}