/*
     FILE ARCHIVED ON 11:47:08 Jun 9, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:49:20 Jul 27, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
	/* 
--------------------------------------------------
IAEA.org Body Style
Version: 18-March-2005
The styles are arranged as follows:
		I.    HTML Elements
		II.   Column Structure
		III.  Left Column Boxes
		IV.   Content Column
		V.    Content 2 Column
		VI.   Right Column Boxes
		VII.  Generic Classes
		VIII. Special IDs

** Needed to add classes to the different boxes so that they will validate properly **
--------------------------------------------------*/


/* 
I.  Defines HTML Elements
--------------------------------------------------*/ 


html, body {
		/*background-color: #E9E9DF;*/
		background: #FFFFFF;
		color: #333333;
		margin: 0px;
		padding: 0px; 
		font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
}

img { 
		border: 1px;
}

h1 {
		font: 190% Arial, Helvetica, sans-serif;
}

h2 { 
		font: bold 130% Georgia, Arial, Helvetica, sans-serif;
		}

* html h2 {
		font: bold 130% Georgia, Arial, Helvetica, sans-serif;
		}

h3 {
		font: bold 110% Georgia, Arial, Helvetica, sans-serif;
		}

h4 {
		font: bold 100% Verdana, Arial, sans-serif;
		}

h5 {
		font: normal 90% Verdana, Arial, sans-serif;
		}


h6 {
		font: normal 100% Verdana, Arial, sans-serif;
		}


h2, h3, h4, h5, h6 { 
		margin: 0;
}

dl, dt, dd { 
		margin-left: 5px;
}

ul {	
		list-style: outside square; 
		}

ol {
		list-style-position: outside; 
}

a:link, a:visited  { /* --- link styles generic --- */ 
		color: #2A54A9;
		text-decoration: none;
		background-color: transparent;
}   

a:hover { /* --- hover generic ---  */
		color: #A52A2A;
		text-decoration: none;
		background-color: transparent;	
} 

/*hr {
	height: 5px;
	width: 100%;
	background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
}


/*  
II. Defines Column Structure 
--------------------------------------------------*/ 

#leftcolumn {
	position: absolute;
	left: 10px;
	width: 150px;
	top: 125px;
}

#content {
	position: relative;
	top: 0px;
	margin-left: 160px;
	margin-right: 160px;
}

#content2column,
#content2columnNews {
	position: relative;
	top: 0px;
	left: 160px;
	width: 610px;
	padding-bottom: 10px;
}

/* suppress the image underline if link is set up */
div.bucket ul#storyres li.storythumb {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
div.bucket ul#storyres li.storythumb img {
	border: 2px solid #cacaca;
	vertical-align: middle;
}
div.bucket ul#storyres li.storythumb a:link, div.bucket ul#storyres li.storythumb a:hover, div.bucket ul#storyres li.storythumb a:visited {
  	background-color: transparent;
	text-decoration: none;
   	border: none;
	padding: 0;
	margin: 0;
}

#rightcolumn {
	position: absolute;
	left: 620px;
	width: 140px;
	top: 125px;
}





/* 
III.  Defines Left Column Boxes/Navigation Elements 
--------------------------------------------------*/

	
/* 
Defines styles for the left grey box containing 
the secondary navigational elements 
------------------------------- */

#leftcolumn #boxGrey,
#leftcolumn .boxGrey {
	width: 140px;
	height: auto;
	border: 1px solid #CCCCCC;
	/*background-color: #DAE4f8;*/
	background: url(7057c4ed2cc69bd8fd437c1957fcd5db60f01519.gif)  repeat-x bottom;
	color: #333;
}

#leftcolumn #boxGrey ul,
#leftcolumn .boxGrey ul { 
	margin: 0px;
	padding: 0px; 
	border: 1px solid #FFFFFF; /* New */
}


#leftcolumn #boxGrey li,
#leftcolumn .boxGrey li {
	margin: 0px;
	list-style: none;
	height: auto;
	background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
	padding: 3px 5px 5px;/* Changed */
	line-height: 1.3em;
}

#leftcolumn #boxGrey li#title,
#leftcolumn .boxGrey li.title { /* --- Defines the left box's title...e.g. About IAEA, Our Work, etc. --- */
	margin: 2px;
	padding: 3px 0px 5px 12px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(cacff710e5f5369cb95290d3297dc2420d354aac.gif)  no-repeat 3px 8px;
	background-color: #5F8EED;
}

#leftcolumn #boxGrey li a,
#leftcolumn .boxGrey li a { /* --- Defines the link color and bg for the left box --- */
	color: #333333;
	border-bottom: 0px;
	background: transparent;
}

#leftcolumn #boxGrey li a:hover,
#leftcolumn .boxGrey li a:hover { /* --- Defines the link color and bg for the left box in it's hover state --- */
	color: #3366CC;
	border-bottom: 0px;
	background: transparent;
}

#leftcolumn #boxGrey li.subnav,
#leftcolumn .boxGrey li.subnav { /* --- Defines the sub-navigation in the left box --- */
	padding-left: 20px;
	background: #FFFFFF url(1dca7cbbabb3e31971cd9477b54cc96103bba261.gif)  no-repeat 6px 7px;
	color: #333;
	margin: 0px;
	height: 13px;
}

#leftcolumn #boxGrey li.subnav a,
#leftcolumn .boxGrey li.subnav a { /* --- Defines the links of the sub-navigation in the left box --- */
	color: #333333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
}


#leftcolumn #boxGrey li.subnav a:hover,
#leftcolumn .boxGrey li.subnav a:hover {
	color:#3366CC;
	background: transparent;
}

#leftcolumn #boxGrey li.subnav strong,
#leftcolumn .boxGrey li.subnav strong {
	font-weight: bold;
}



/*
Defines styles for the Resources box 
containing the resources elements
------------------------------- */

#leftcolumn #resources {
	width: 140px;
	height: auto;
	border: 1px solid #999;
	/*background-color: #CCE6FF;
	color: #333;*/
	
}

#leftcolumn #resources ul { 
	margin: 0px; /* MR 12-1 */
	padding: 0px;
	background: url(c5480568bb09c716297f260d842aa3dfde9cd696.gif)  repeat-x;
	color: #333;
}


#leftcolumn #resources li {
	margin: 0px;
	list-style: none;
	height: auto;
	background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
	padding: 0px 0px 2px;
	background-color: transparent;
	color: #fff;
}

#leftcolumn #resources li img {
	border: 0px;
}

#leftcolumn #resources li.title {
	height: 20px;
	margin: 2px;
	padding: 2px 0px 0px 12px;
	color: #fff;
	font-weight: bold;
	background: url(cacff710e5f5369cb95290d3297dc2420d354aac.gif)  no-repeat 5px 8px;
	background-color: #6699cc;
}

#leftcolumn #resources li a {
	position: relative;
	bottom: 6px;
	left: 5px;
	color: #666;
	background-color: transparent;
}

#leftcolumn #resources li a:hover {
	color: #3366cc;
	background-color: transparent;
}

/* 
IV.  Defines Content Column Styles
--------------------------------------------------*/

#content p, 
#content2column p {
	margin: 10px 0px 15px 0px;
}

#content h1, 
#content2column h1 {
	color: #23468D;
	background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
	padding-bottom: 3px;
	margin: 0px 0px 15px 0px;
}

#content h2, 
#content2column h2 {
	color: #A52A2A;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

#content h3, 
#content2column h3 {
	color: #336699;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

#content h4,
#content2column h4 {
	margin: 0px;
	color: #666666;
	width: 100%;
}

#content h5,
#content2column h5 {
	margin: 3px 0px 3px;
	color: #999999;
	width: 100%;
}

#content h6,
#content2column h6 {
	margin: 3px 0px 0px;
	color: #A52A2A;
	width: 100%;
}


#content img, 
#content2column img {
	margin: 0px 10px 5px 0px;
}

#content a:link, 
#content a:visited, 
#content2column a:link, 
#content2column a:visited,
#content2columnNews a:link, 
#content2columnNews a:visited {
	border-bottom: 1px dashed #2A54A9;
}

#content a:hover, 
#content2column a:hover,
#content2columnNews a:hover {
	border-bottom: 1px solid #A52A2A;
}

#content ol,
#content2column ol {
	list-style-position: outside; 
}




/*
V.  Defines Content 2 Column Styles 
--------------------------------------------------*/

#content2column .imgL1 {
	margin: 0px;
	border: 1px solid #ccc;
}

#content2column .bucket {
	float: right;
	width: 175px;
	margin-left: 10px;
	padding-right: 10px;
}

* html #content2column .bucket {
	width: 225px;
	margin-left: -25px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 215px;
}


#content2column .bucket ul {
	background: url(de58fb1317e9f9164d686d218763831ada963340.gif)  repeat-x bottom;
	padding: 0px;
	border: 1px solid #ccc;
}

#content2column .bucket li#title,
#content2column .bucket li.title {
	border-bottom: 1px solid #8CB2CB;
	background: url(fd834592e0be9e615f4cd907db23fba025de92cc.gif)  repeat-x bottom;
	height: 20px;
	text-transform: none;
	color: #336699;
	padding: 2px 0px 0px 5px;
	list-style: none;
	font-weight: bold;
	margin: 0;
}

#content2column .bucket li {
	position: relative;
	line-height: 1.3em;
	padding: 0px 0px 5px 0px;
	margin: 5px 5px 5px;
	list-style: inside square;
}





/* 
VI.  Defines Right Column Boxes/Navigation Elements
--------------------------------------------------*/

#rightcolumn #boxGreyRight,
#rightcolumn .boxGreyRight {
	float: left;
	width: 140px;
	margin: 10px 0 0 0;
	height: auto;
	border: 1px solid #ccc;
	background: url(64bd861ab115965a41b70e6fb96fabe46b0e5db9.gif)  repeat-x bottom;
	color: #333333;
}

#rightcolumn #boxGreyRight ul,
#rightcolumn .boxGreyRight ul {
	margin: 0px;
	padding: 0px; /* MR 12-1 */
	border: 1px solid #FFFFFF;
}

#rightcolumn #boxGreyRight li,
#rightcolumn .boxGreyRight li {
	margin: 0px;
	list-style: none;
	height: auto;
	background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
	padding: 3px 5px 5px;
}

#rightcolumn #boxGreyRight li#title,
#rightcolumn .boxGreyRight li.title {
	margin: 2px;
	padding: 3px 0px 3px 10px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(cacff710e5f5369cb95290d3297dc2420d354aac.gif)  no-repeat 3px 8px;
	background-color: #5F8EED;
}

#rightcolumn #boxGreyRight li.popup,
#rightcolumn .boxGreyRight li.popup {
	margin-top: 10px;
}

#rightcolumn #boxGreyRight li.popup #caption,
#rightcolumn .boxGreyRight li.popup #caption {
	margin-top: -25px;
}

#rightcolumn #boxGreyRight li a,
#rightcolumn .boxGreyRight li a {
	color: #333333;
	border-bottom: 0px;
	background-color: transparent;
}

#rightcolumn #boxGreyRight li a:hover,
#rightcolumn .boxGreyRight li a:hover {
	color: #3366cc;
	border-bottom: 0px;
	background-color: transparent;
}

#rightcolumn #boxGreyRight li#subnav,
#rightcolumn .boxGreyRight li.subnav {
	padding-left: 20px;
	background: #fff url(1dca7cbbabb3e31971cd9477b54cc96103bba261.gif)  no-repeat 6px 5px;
	color: white;
	margin: 0px;
	height: 13px;
}

#rightcolumn #boxGreyRight li#subnav a,
#rightcolumn .boxGreyRight li.subnav a {
	background-color: transparent;
	color: #333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#rightcolumn #boxGreyRight li#subnav a:hover,
#rightcolumn .boxGreyRight li.subnav a:hover {
	color:#3366cc;
	background-color: transparent;
}

#rightcolumn #boxGreyRight li#subnav strong,
#rightcolumn .boxGreyRight li.subnav strong {
	font-weight: bold;
}

#rightcolumn > a img {
	padding-bottom: 20px;
	margin: 0px;
}





/* 
VII.  Defines Generic Classes
--------------------------------------------------*/

.smltxt {
		font: 7pt Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
}

.smallfont1 {
		font: 7pt Verdana, Arial, Helvetica, sans-serif;
}
.dotted {
		width: auto;
		padding: 0px 0px 3px;
		background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
}

.imgL1 {
		float: left;
		margin: 0px;
		border: 1px solid #000;
}

.imgL2 {
		float: left;
		border: 1px solid #000;
		margin: .4em .8em .4em 1.2em;
}

.imgL3 {
		float: left;
		border: 0px;
		margin: .4em .8em .4em 1.2em;
}

.imgThumb {
		float: left;
		margin: 0px auto;
		border: 1px solid #333;
}

.dottedbreak {
		width: auto;
		background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
}

.FirstPara { 
		font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 0px 11px;
		background: url(e6879facfe4e4da7aedcd3742e4976638e8c07d4.gif)  repeat-x bottom;
}


.center {
		text-align: center;
} 

.blockquote {
		padding: 0px 5%;
}


.red {/* MR 12-2 */
	color: #A52A2A;
	background-color: transparent;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.redbold {/* MR Aug. 10-04 */
	color: #FF0000;
	background-color: transparent;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.videoicon {
	background: url(ad6f16ff9fd9be87119651215480bc53a1d20d5e.gif)  no-repeat 0px 1px;	
	padding-left: 14px;
}
/* 
VIII.  Defines Special IDs
--------------------------------------------------*/ 

strong#red,
strong.red /* MR 01-26-04 */
 {
	color: #A52A2A;
	background-color: transparent;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

td {
	font-size: 11px;
}