/* 
--------------------------------------------------
IAEA.org Body Style
Version: 
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 {
	margin: 0;
	padding: 0; 
	font: 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
}

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

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;
		}

h2, h3, h4 { 
		margin: 0;
}

dl, dt, dd { 
		xmargin-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;	
} 

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

#leftcolumn {
  padding: 1px;
}

#content {
  padding: 3px;
}

#rightcolumn {
  padding: 1px;
}

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

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

#leftcolumn .boxGrey {
	margin: 5px 0 5px 0;
	color: #333;
}

#leftcolumn .boxGrey ul { 
	margin: 0;
	padding: 1px; 
  list-style: none;
}

#leftcolumn .boxGrey li {
	margin: 0px;
	padding: 0px 0px 0px 1.2em;
	background: url(images/sub_arrow.gif) no-repeat 2px 3px;
}

#leftcolumn .boxGrey li.title { /* --- Defines the left box's title...e.g. About IAEA, Our Work, etc. --- */
  color: #5F8EED;
	font-weight: bold;
  margin-left: 0;
  padding-left: 0;
  background: none;
}

#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 { /* --- 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 { /* --- Defines the sub-navigation in the left box --- */
	padding-left: 1.6em;
	background: #FFFFFF url(images/sub_arrow.gif) no-repeat 6px 7px;
	color: #333;
}

#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 {
	color:#3366CC;
	background: transparent;
}

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


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

#content p {
	margin: .3em 0;
}

#content h1 {
  font-size: larger;
	color: #23468D;
	background: url(images/grey_dot_line.gif) repeat-x bottom;
	padding-bottom: 3px;
  margin: .3em 0;
}

#content h2 {
  font-size: 1em;
  font-weight: bold;
	color: #A52A2A;
	padding-bottom: 3px;
	margin: .3em 0;
}

#content h3 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
	color: #336699;
	padding-bottom: 3px;
	margin: .3em 0;
}

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

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

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

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

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

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

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

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


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

#rightcolumn .boxGreyRight {
	margin: 10px 0 0 0;
	color: #333333;
}

#rightcolumn .boxGreyRight ul {
  margin: 0;
	padding: 1px;
  list-style: none;
}

#rightcolumn .boxGreyRight li {
  margin-left: 0;
	padding: 0px 0px 0px 1.2em;
	background: url(images/sub_arrow.gif) no-repeat 2px 3px;
}

#rightcolumn .boxGreyRight li.title {
	color: #5F8EED;
	font-weight: bold;
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}

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

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

#rightcolumn .boxGreyRight li.subnav {
	padding-left: 1em;
}

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

.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 /* MR 01-26-04 */
 {
	color: #A52A2A;
	background-color: transparent;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

td {
	xfont-size: 11px;
}