/* This where home specific elements are defined */

/* --- Column Structure --- */
#maincol {
	/*position: relative;
	top: 1px;
	left: 5px;*/
	float: left;
	width: 560px;
	padding: 0;
	margin: 0 0 0 7px;
	z-index: 0;
	display: inline;
}

#rightcol {
	width: 192px;
	/*float: right;
	margin: 5px 5px 0 0;*/
	padding: 0;
	float: left;
	margin: 5px 0 0 7px;
	background-color: transparent;
	display: inline;
}
/** html #rightcol {
	width: 192px;
	float: left;
	padding: 5px 2px 0 0;
	background-color: transparent;
}*/
#mainimage {
	position: relative;
	width: 560px;
	height: auto;
	margin: 0;
	padding: 0;
}

#mainimage #menu {
	height: 22px;
}

#mainimage #textbox {
 	margin-left: 0px;
	height: 170px;
	width: 269px;
	background:url(/images/home/banner_left.jpg) no-repeat;
	
}

#mainimage #textbox h3 {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	margin: 0px 5px 0px 15px;
	/*padding-top: 23px;*/
	display: none;
	
}

* html #mainimage #textbox h3 {
	margin: 0px 5px 0px 15px;
	padding: 0px;
	}

#mainimage #textbox p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 5px 0px 17px;
	padding-top: 20px;
}


#mainimage #textbox ul {
	margin: 5px 0;
	padding: 0;
	/*padding: 3px 5px 0px 0px;*/
}

* html #mainimage #textbox ul {
	margin: 8px 5px 0px 5px;
}


#mainimage #textbox li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 0 0 45px;
	padding: 0 0 5px 0;
}

#mainimage #textbox li a:link,
#mainimage #textbox li a:visited {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

#mainimage #textbox li a:hover {
	border-bottom: 1px solid #F3FB26;
	color: #F3FB26;
}

#mainimage #changeimgbox {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 269px;
	top: 27px;
	height: 170px;
	width: 162px;
	display: inline;
}
div#safety {
	position:absolute; 
	left:147px; 
	top:98px; 
	width:133px; 
	height:13px; 
	z-index:5;
	border: 0px;
}

div#science {
	position:absolute; 
	left:147px; 
	top:111px; 
	width:133px; 
	height:14px; 
	z-index:6;
	border: 0px;
}

div#safeguards {
	position:absolute; 
	left:147px; 
	top:124px; 
	width:133px; 
	height:13px; 
	z-index:7;
	border: 0px;
}


div#subbox {
	position: relative;
	width: 560px;
	background: #F0F4FC url(/images/home/subbox_bg.gif) repeat-x;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

div#subbox a.rss{
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	background: url(/css/images/ico-rss.gif) no-repeat;
	text-indent: -9999em;
	border: 0;
	position: absolute;
	top: 4px;
	right: 10px }



div#ScolL {
	/*position: relative;*/
	width: 281px;
	background: url(http://www.iaea.org/images/home/blue_dots_vert.gif) repeat-y right;
	margin: 0px;
	padding: 10px 0 20px 0px;
}

div#ScolR {
	position: absolute;
	width: 279px;
	top: 29px;
	left: 281px;
	background-color: transparent;
	margin: 0px;
	padding: 10px 0px;
}




div#subbox div#bloglink {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 143px;
	top: 0px;
	right: 2px;
}
div#subbox div#bloglink img {
	border: none;
}

/* --- End Column Structure --- */

/* --- Main Col Styles --- */

#maincol #mainimage {
	padding-top: 5px;
}

/* main header slideshow */
#mainimage #slideshow img {
	border: none;
	padding: 0;
}
#mainimage #slideshow a {
	text-decoration: none !important;
	border: none !important;
}
#mainimage #slideshow {
	margin-bottom: 5px;
	height: 200px;
}

#maincol h1{
	font: 18px Arial, Helvetica, sans-serif;
	color: #a52a2a;
	background: url(http://www.iaea.org/images/grey_dot_line.gif) repeat-x bottom;
	margin: 0px;
	padding: 0px 0px 5px;

}

#maincol h2 {
	color: #336699;
	padding-bottom: 2px;
	margin: 0px 0px 0px 0px;
}
#maincol #subbox h2 {
	margin-left: 9px;
}

#maincol h2#firstpara{
	padding: 8px 0px;
}

#maincol h2 a:link,
#maincol h2 a:visited,
#maincol h2 a:hover {
	border: none;
}

#maincol a:link,
#maincol a:visited {
	color: #336699;
	background-color: transparent;
	border-bottom: 1px dashed #336699;

}

#maincol a:hover
{
	color: #a52a2a;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid #a52a2a;
}

#maincol p {
	padding:0px 0px;
	margin: 0px;
}

#maincol img {
	float: left;
	margin: 0px;
	margin-right: 10px;	
}


div#subbox h1 {
	color: #a52a2a;
	background: url(http://www.iaea.org/images/home/blue_dots_hor.gif) repeat-x bottom;
	margin: 0px;
	padding: 4px 5px 4px 8px;
} 

div#subbox h3 {
	margin: 0px;
	padding: 0px 9px 12px;
}

div#subbox h3.newsection {
	background: url(http://www.iaea.org/images/home/blue_dots_hor.gif) repeat-x top;
	margin: 0px;
	padding: 10px 9px 10px;
}
div#subbox .panes h3.newsection {
	background: none;
}

div#subbox p {
	line-height: 1.3em;
	margin: 0px 9px 15px;
}

div#subbox .imgL1 {
	margin: 0px 9px;
}


/* --- Beginning of the Right Column --- */


#rightcol #focus {
	position: relative;
	background: url(/images/home/rbox_bg1.gif) repeat-x;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
	height: auto;
}
#rightcol #focus h1 {
	margin: 0px;
	padding: 2px 5px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	background: url(/images/home/rbox_ttl_bg.gif) repeat-x;
	border-bottom: 1px solid #8CB2CB;
	height: 24px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height: 21px;
	
}

#rightcol #focus p {
	margin: 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

#rightcol #focus p a {
	color: #336699;
}

#rightcol #focus p strong {
	margin: 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#rightcol #focus p img {
	margin-bottom: 5px;
}

#rightcol #focus p.image180x45 {
	margin: 0px;
	padding: 0px;
	left: 4px;
	position: relative;
	width: 180px;
	height:45px;
}
#rightcol #focus p.image180x45 img {
	border: none;
}

#rightcol #focus p img a {
	border: 2px solid #FFFFFF;
}

#rightcol #websites, 
#rightcol #subnav, 
#rightcol #subnav .resources, 
#rightcol #subnav .IAEAPix {
	position: relative;
	/*background: url(/images/home/rbox_bg1.gif) repeat-x;*/
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
}
#rightcol #websites p {
	margin: 7px 2px 0 3px;
	padding: 0;
}
#rightcol #websites select {
	width: 182px;
	margin: 0 3px;
	padding: 0;
}
#rightcol #subnav ul {
	padding: 5px 20px;
	margin: 0;
}
#rightcol #subnav ul li {
	font-size: 1em;
	padding: 1px 0;
}
#rightcol #websites h1, 
#rightcol #subnav h1 {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/home/rbox_ttl_bg.gif) repeat-x;
	border-bottom: 1px solid #8CB2CB;
	color: #336699;
	margin: 0px;
	width: auto;
	padding: 2px 0px 0px 5px;
	height: 24px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height: 21px;
}

#rightcol #websites select {
	position: relative;
	top: 5px;
	left: 7px;
	height: 20px;
	width: 175px;
	background-color: #DEE5ED;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 8px 0px 15px;
	padding: 0px;
}

#rightcol #websites form input {
	position: relative;
	top: 5px;
	height: 19px;
	width: 26px;
}		

#rightcol #subnav img {
	margin-left: 5px;
}

#rightcol #subnav .resources,
#rightcol #subnav .IAEAPix {
	border: none;
}

#rightcol #subnav .resources h1 {
	border-top: 1px solid #CCCCCC;
}

#rightcol #subnav .resources p {
	margin: 0;
	background: url(/images/grey_dot_line.gif) repeat-x bottom;
}

#rightcol #subnav .resources p a {
	position: relative;
	top: -5px;
	left: 10px;
}

#rightcol #subnav .resources p img {
	position: relative;
	left: 0px;
	margin: 0;
}

#rightcol #subnav .IAEAPix {
	border-bottom: 1px solid #CCCCCC;
}

/*#rightcol #subnav .IAEAPix p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 5px;
	
}

#rightcol #subnav .IAEAPix p img {
	margin: 5px 0px 5px;
	border: 2px solid #FFFFFF;
}*/

#rightcol #subnav .IAEAPix p#popup {
	padding: 18px;
	border: 1px dashed #BDBCBC;
	width: 128px;
	background: #F4F4EB;
	color: #FFFFFF;
}

#rightcol #subnav .IAEAPix p#popup a img {
	border: 1px solid #666666;
}

#rightcol #subnav .IAEAPix p#caption {
	margin: 5px 8px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

/*displays video icon*/
div#pageWrapper div#maincol p a.video {
	background: transparent url(/images/icon_video.gif) no-repeat scroll 1px 1px;
	padding: 0 0 0 15px;
}

/* New DG's Corner Icon and items parsed from the RSS feed */
ul#dgc_para {
	padding: 0 0 5px 5px;
	margin: 0;
}
ul#dgc_para li {
	font: normal 10px/130% Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 9px;
	list-style: none;
	background:transparent url(http://www.iaea.org/images/double_arrow_red.gif) no-repeat scroll 0px 9px;
}
#websites img {
	border: none;
}


/*  DGs Corner Banner */
#dgcbanner, #transitionbanner, #amanobanner {
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:182px;
	height:56px;
	background-color: white;
	background-repeat: no-repeat;
}
#dgcbanner { background-image: url(../About/DGC/images/DGC_182x56.jpg); }
#transitionbanner { background-image: url(../css/images/transition_182x56.jpg); }
#amanobanner { background-image: url(../css/images/amano_182x56.jpg); }

#dgcbanner:hover, #transitionbanner:hover, #amanobanner:hover { 
	background-position: bottom left; 
}



/* embedded video - swfobj2 */
#ScolR object {
	margin-left: 12px;
	margin-bottom: 5px;
}



/* lists subbox */
div#ScolL ul.newslist,
div#ScolR ul.newslist {
	padding-left: 10px;
	padding-bottom: 15px;
	list-style: none;
	margin: 0;
}
div#ScolL ul.newslist li,
div#ScolR ul.newslist li {
	line-height: 120%;
	padding: 0 5px 5px 10px;
	background: url(images/raquo-blue.gif) no-repeat 0 5px;
}
div#ScolL ul.newslist li,
div#ScolR ul.newslist li {
	color: #ccc;
}
div#ScolL ul.newslist li a:link,
div#ScolL ul.newslist li a:visited,
div#ScolL ul.newslist li a:active,
div#ScolR ul.newslist li a:link,
div#ScolR ul.newslist li a:visited,
div#ScolR ul.newslist li a:active,
div#ScolL div p strong a:link,
div#ScolL div p strong a:visited,
div#ScolL div p strong a:active,
div.multimedia #tabPanes p strong a:link,
div.multimedia #tabPanes p strong a:visited,
div.multimedia #tabPanes p strong a:active {
	text-decoration: none;
	border: none;
}


/* rssfeeds icon */
div#rssfeeds {
	float: right;
	top: 3px;
	position: relative;
}
div#rssfeeds img {
	border: none;
}


/* TABS video, photo, audio */
div#multimedia {
	padding: 0;
	margin: 0;
}
/* initially all panes are hidden */
.tabPanes > div { 
	display: none;
} 

ul#tabs {
 	margin: 5px 10px 0 5px; 
 	padding: 0 5px;
}
ul#tabs li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#tabs li a {
	display: inline;
	border:  1px solid #ccc;
	padding: 3px 10px 5px 10px;
	margin: 0 0 0 2px;
	background: #f0f4fc url(images/tab-gradient.png) repeat-x;
	text-decoration: none;
	font-size: 11px;
}
ul.tabs li a:focus {
	outline: none;
}
#tabs a.tab:link, #tabs a.tab:hover, #tabs a.tab:visited {
   /*background-color: transparent;*/
   border-bottom: none;
}

ul#tabs li a.tab:hover,
ul#tabs li a.current {
	background: none;
	background-color: #F0F4FC;
	border-bottom: 1px solid #f0f4fc;
	z-index: 1;
}
.tabPanes {
	background-color: #F0F4FC;
	padding: 10px 0;
	margin: 3px 0 0 0;
	border-top: 1px solid #ccc;
}


/* main content columns */
#mcontent-col-left, #mcontent-col-right {
	margin: 15px 0 0 0;
	padding: 0;
	width: 275px;
}
#mcontent-col-left {
	float: left;
}
#mcontent-col-right {
	float: right;
}
.clear {
	clear: both;
}
#maincol #mcontent-col-left p, #maincol #mcontent-col-right p {
	margin-bottom: 15px;
}

/* 4 thumbs front page */
.galleryContainer {
	float:left;
	margin:0 5px 5px 0;
	padding:0;
}
.galleryContainer .image-unit {
	clear:none;
	float:left;
	height:100x;
	overflow:hidden;
	padding:0;
	position:relative;
	width:136px;
}
.last {
	margin-right: 0;
}
.galleryContainer .image-unit div a.overlay {
	padding:2px;
	width:136px;
}
.galleryContainer .image-unit .image {
	position:relative;
	z-index:1;
}
#maincol .galleryContainer .image-unit .image {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#maincol .galleryContainer .image-unit a:hover {
	opacity: 1;
}
.galleryContainer .image-unit div {
	bottom:0;
	display:block;
	left:0;
	position:absolute;
	text-align:left;
	z-index:2;
}
#maincol .galleryContainer .image-unit div a {
	background-color:#000000;
	color:#FFFFFF;
	border: none;
}


/* scrolling news */
#scrollup {
	/*position: relative;
	overflow: hidden;
	height: 167px;
	width: 192px;*/
}
.headline {
	/*position: absolute;
	top: 210px;
	left: 5px;
	height: 162px;
	width: 182;*/
}
#rightcol #focus #scrollup p {
	margin: 5px;
	line-height: 1.5;
}
#rightcol #focus #scrollup h3 {
	margin: 5px;
}
#rightcol #focus #scrollup p a {
	background-color:transparent;
	border-bottom:1px dashed #336699;
	color:#336699;
}



/* tabs */
#maincol .news-features-tabs {
	background:transparent url(/css/images/border_news_features_tabs.gif) repeat-x scroll 0 23px;
	height:24px;
	overflow:hidden;
	width:100%;
}
#maincol ul.tabs {
	float:right;
	margin:0;
	padding-right:8px;
}

#maincol ul.tabs li { 
	list-style:none;
	float:left;
}

#maincol ul.tabs li a {
	display:block;
	width:70px;
	height:24px;
	background:transparent url(/css/images/bg_news_features_tabs.gif) repeat-x scroll left top;
	border-bottom:0 none !important;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	cursor:pointer;
	text-align: center;
	margin-right: 2px;
	font: bold 12px Georgia, serif;
	color: #000;
	padding: 5px 0 0 0;
}
#maincol ul.tabs li a.current {
	background:transparent url(/css/images/bg_news_features_tabs.gif) repeat-x scroll 0 -24px;
}




/* styles for new approach - 29 Jan 2010 */
#theme { 
	width: 770px;
	height: 220px;
	overflow: hidden;
	margin-top: 1px;
	z-index: 0;
	/*background: url("/css/images/theme-shadow.jpg") no-repeat bottom;*/
	position:relative;
}
#slideshow {
	width: 770px;
	height: 220px;
	overflow: hidden;
}

#pageWrapper #theme #slideshow div a img {
	border: none;
}
#mcontent-col-left, #mcontent-col-right {
	margin-top:5px;
}

ul#departments {
	padding: 0;
	margin: 0;
}
ul#departments li {
	list-style: none; 
	font: normal 1.2em/150% Verdana, arial, sans-serif; 
	margin: 7px 0;
	padding: 0 0 0 25px;
	background: url("/css/images/arrow-departmenets.png") no-repeat 0 2px;
}
/* Tagline */
a#tagline {
	width: 770px;
	height:45px;
	display: block;
	background: transparent url(/css/images/h2-tagline.png) no-repeat scroll 0 -45px;
	overflow: hidden;
	text-indent: -9999px;
	float:left;
}
a#tagline:hover {
	background: transparent url(/css/images/h2-tagline.png) no-repeat scroll 0 0;
}
/* learn more button */
a.learnmore {
	width: 133px;
	height: 40px;
	position: absolute;
	z-index: 10;
	display: block;
	float: left;
	background: transparent url(/css/images/button-learnmore-small.png) no-repeat scroll 0 -40px;
	overflow: hidden;
	text-indent: -9999px;
}
a.more-nutrition {
	top: 160px;
	left: 434px;
}
a.more-focus {
	top: 150px;
	left: 135px;
}
a.more-olivefly {
	top: 150px;
	left: 482px;
}

a.learnmore:hover {
	background: transparent url(/css/images/button-learnmore-small.png) no-repeat scroll 0 0;
}

#pageWrapper #maincol #mcontent-col-left p {
	margin-bottom: 0;
}
#mcontent-col-left .news-item {
	margin-bottom: 15px;
}
.loading {
    width: 32px;
    height: 32px;
    background-image: url(/css/images/ajax-loader.gif);
    background-repeat: no-repeat;
    /* background-position: 20px 20px; */
}
/* Social media icons */
.social-media {
	overflow:hidden;
	border-bottom: 1px solid #ccc;
}
.social-media a {
	float:left;
}
a#facebook, a#youtube, a#twitter, a#flickr {
	display:block;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	background: url("/css/images/social-media.png") no-repeat;
	cursor: pointer;
}
a#facebook { background-position: 0 -45px; }
a#youtube { background-position: -45px -45px; }
a#twitter { background-position: -90px -45px; }
a#flickr { background-position: -135px -45px; }
a#facebook:hover {background-position: 0 0;}
a#youtube:hover {background-position: -45px 0;}
a#twitter:hover {background-position: -90px 0;}
a#flickr:hover {background-position: -135px 0;}