@import url("headerfooter.css");
@import url("home_lg.css");

/* 
--------------------------------------------------
IAEA.org Body Style
Version: 2003-17-December
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
--------------------------------------------------*/


/* 
I.  Defines HTML Elements
--------------------------------------------------*/ 
body {
		background-color: #fff;
		color: #333333;
		margin: 0px;
		padding: 0px; /* MR 12-1 */
}

img { 
		border: 1px;
}

p {
		font: 10pt/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

h1 {
		margin: 0px;
		font: 130% Arial, Helvetica, sans-serif;
}

h2 { 
		margin: 0px;
		font: bold 100% Arial, Helvetica, sans-serif;
}

h3 {
		margin: 0px;
		font: bold 90% Arial, Helvetica, sans-serif;
}

h4 {
		margin: 0px;
}

h5 {
		margin: 0px;
}


table {
		font-size: 10pt;
}

dl, dt, dd { 
		font: 9pt/1.5em Verdana, Arial, Helvetica, sans-serif;
		margin-left: 5px;
}

ul {	list-style: outside square; 
		font: 10pt/1.5em Verdana, Arial, Helvetica, sans-serif;
}

ol {
		list-style-position: outside; 
		font: normal 10pt/1.5em Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited  { /* --- link styles generic --- */ 
		color: #2A54A9;
		font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		background-color: transparent;
}   

a:hover { /* --- hover generic ---  */
		color: #a52a2a;
		font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		background-color: transparent;	
} 

table {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}


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


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

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

#content {
	position:absolute;
	top: 128px;
	left: 10px;
	width: 70%;
	margin-left: 160px;
	margin-right: 10px;
}

#content td, li {
	font: 8.5pt/1.5em Verdana, Arial, Helvetica, sans-serif;
}

* html #content { /* --- hack for IE --- */
	position: relative;
	top: 0px;
}

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

#rightcolumn {
	position: absolute;
	top: 0px;
	width: 140px;
	left: 550px;}
	/*right: 10px;margin-left: 10px;/*


/* 
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 #ccc;
	background-color: #cccccc;
	color: #333;
}

#leftcolumn #boxGrey ul,
#leftcolumn .boxGrey ul { 
	margin: 0px;
	padding: 0px; /* MR 12-1 */
}

* html #leftcolumn #boxGrey ul,
* html #leftcolumn .boxGrey ul { /* --- hack for IE --- */
	margin: 0px;
}

#leftcolumn #boxGrey li,
#leftcolumn .boxGrey li {
	margin: 0px;
	list-style: none;
	height: auto;
	background: url(../images/grey_dot_line.gif) repeat-x bottom;
	padding: 0px 5px 5px;
}

#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 3px 12px;
	color: #fff;
	font-weight: bold;
	background: url(../images/white_arrow.gif) no-repeat 5px 8px;
	background-color:#666666;
}

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

#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-color: #DAE4f8;
}

#leftcolumn #boxGrey li.subnav,
#leftcolumn .boxGrey li.subnav { /* --- Defines the sub-navigation in the left box --- */
	font-size: 9px;
	padding-left: 20px;
	background: #fff url(../images/sub_arrow.gif) no-repeat 6px 5px;
	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 --- */
	background-color: transparent;
	color: #333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}


#leftcolumn #boxGrey li.subnav a:hover,
#leftcolumn .boxGrey li.subnav a:hover {
	color:#3366cc;
	background-color: 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;
}

* html #leftcolumn #resources ul { /* --- hack for IE --- */
	margin: 0px;
}

#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: #CCE6FF;
	color: #fff;
}

#leftcolumn #resources li.title {
	height: 20px;
	margin: 2px;
	padding: 3px 0px 3px 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: #CCE6FF;
}

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





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

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

#content h1, 
#content2column 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 {
	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 {
	font: bold 80% Verdana, Arial, sans-serif;
	margin: 0px;
	color: #666666;
	width: 100%;
}

#content h5,
#content2column h5 {
	font: bold 80% Verdana, Arial, sans-serif;
	margin: 3px 0px 3px;
	color: #999999;
	width: 100%;
}

#content h6,
#content2column h6 {
	font: normal 70% Verdana, Arial, sans-serif;
	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 ul,
#content2column ul {
	list-style: outside square;
	line-height: 1.8em;
	margin: 0px;
}

#content ul ul,
#content2column ul ul {
	list-style: outside disc;
	line-height: 1.8em;
	margin: 0px;
}
*/
#content ol,
#content2column ol {
	list-style-position: outside; 
	font: normal 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
}




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

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

#content2column .bucket {
	float: right;
	width: 175px;
}

#content2column .bucket ul {
	background-color: #F7FAFC;
	padding: 0px;
	margin-left: 0px;
	border: 1px solid #ccc;
	color: #333;
}

#content2column .bucket li#title {
	border-bottom: 1px solid #8CB2CB;
	background-color: #CBE0FA;
	height: 20px;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #336699;
	padding: 2px 0px 0px 5px;
	list-style: none;
}

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

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

#rightcolumn #boxGreyRight,
#rightcolumn .boxGreyRight {
	width: 140px;
	height: auto;
	border: 1px solid #ccc;
	background-color: #cccccc;
	color: #333;
}
#rightcolumn #boxGreyRight ul,
#rightcolumn .boxGreyRight ul {
	margin: 0px;
	padding: 0px; /* MR 12-1 */
}

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

#rightcolumn #boxGreyRight li#title,
#rightcolumn .boxGreyRight li.title {
	margin: 2px;
	padding: 3px 0px 3px 10px;
	color: #fff;
	font-weight: bold;
	background: url(../images/white_arrow.gif) no-repeat 3px 8px;
	background-color:#666666;
}

#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 {
	font-size: 9px;
	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;
}





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

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

.smallfont1 {
		font: 7pt Verdana, Arial, Helvetica;
}
.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;
}

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

.FirstPara { 
		font: 9pt/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%;
} 



/* 
VIII.  Defines Special IDs
--------------------------------------------------*/ 

strong#red,
strong.red {
	color: #a52a2a;
	background-color: transparent;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}