/* 
--------------------------------------------------
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
--------------------------------------------------*/ 


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

	text-align: center;
	background: url(images/bgr_main.gif) repeat-y 50% 0px;
	height:100%;
}
html {
	height:100%;
}
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(/images/grey_dot_line.gif) repeat-x bottom;
}


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

#leftcolumn {
	/*position: absolute;
	left: 10px;
	top: 125px;*/
	width: 150px;
	float: left;
	margin-left: 9px;
	display: inline;
}

#content {
	position: relative;
	top: 0px;
	margin-left: 160px;
	margin-right: 160px;
}
#content2column,
#content2columnNews {
	/*position: relative;
	top: 0px;
	left: 160px;*/
	float: left;
	width: 610px;
	padding-bottom: 10px;
}
#oneColumn {
	width: 750px;
	margin: 0 10px;
}
#rightcolumn {
	position: absolute;
	left: 620px;
	width: 140px;
	top: 125px;
}

/* suppress the image underline if link is set up */
div.bucket ul#storyres li.storythumb,
a#storythumbroll {
	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;
}
div.bucket ul#storyres li.roll {
	margin-left: 15px;
}
#storythumbroll {
	padding-left: 100px;
	text-indent:-100em;
	text-decoration:none;
	display:block;
	width:270px;
	height:45px;
	background-image: url(../NewsCenter/images/kenya_270x40.jpg);
	background-repeat: no-repeat;
}

#storythumbroll:hover { 
	background-position: bottom left; 
}



#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(/images/box_grey_bg.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(/images/grey_dot_line.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(/images/white_arrow.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: 0 0 5px 20px;
	background: #FFFFFF url(/images/sub_arrow.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(/images/home/rbox_bg1.gif) repeat-x;
	color: #333;
}


#leftcolumn #resources li {
	margin: 0px;
	list-style: none;
	height: auto;
	background: url(/images/grey_dot_line.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(/images/white_arrow.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,
#oneColumn p {
	margin: 10px 0px 15px 0px;
}

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

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

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

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

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

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


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

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

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

#content ol,
#content2column ol,
#oneColumn 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(/NewsCenter/images/bucket_bg.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(/NewsCenter/images/bucket_ttl_bg.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 #CCCCCC;
	background: url(/images/box_grey_right_bg.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(/images/grey_dot_line.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(/images/white_arrow.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(/images/sub_arrow.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;
}
#rightcolumn #boxGreyRight ul.small li,
#rightcolumn .boxGreyRight ul.small li {
	font-size: 7pt;
	line-height: 130%;
}
#rightcolumn #boxGreyRight ul.small li a:link,
#rightcolumn #boxGreyRight ul.small li a:visited,
#rightcolumn .boxGreyRight ul.small li a:link,
#rightcolumn .boxGreyRight ul.small li a:visited {
	text-decoration: none;
	color: #2A54A9;
	border-bottom: 1px dashed #2A54A9;
}
#rightcolumn #boxGreyRight ul.small li a:hover,
#rightcolumn .boxGreyRight ul.small li a:hover {
	text-decoration: none;
	color: #A52A2A;
	border-bottom: 1px dashed #A52A2A;
}



/* 
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(/images/grey_dot_line.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;
}
.imgBorder {
	border: 1px solid #336699;
}
.dottedbreak {
		width: auto;
		background: url(/images/grey_dot_line.gif) repeat-x bottom;
}

.FirstPara { 
		font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 0px 11px;
		background: url(/images/grey_dot_line.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;
}
/* 
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;
}