/* 
--------------------------------------------------
IAEA.org Body Style
Version: 2004-13-February
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: #fff;
            color: #333333;
            margin: 0px;
            padding: 0px; /* MR 12-1 */
            height: 100%;
	    width: 100%;
}


img { 
            border: 1px;
}

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


h6{
position: absolute;
      left: 250px;
      top:13px;
      color:#a52a2a;
            margin: 0px;
            font: bold 160% Arial, Helvetica, sans-serif;

}

h1 {
      color: #336633;
            
            padding-bottom: 3px;
            margin: 0px 0px 15px 0px;
            font: bold 140% Arial, Helvetica, sans-serif;
            background: url(../images/grey_dot_line.gif) repeat-x bottom;

}

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

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

h4 {
            margin: 0px;
            font: 100% Verdana, Helvetica, sans-serif;
}

h5 {
            margin: 0px;
}


table {
            font-size: 8pt;
}

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

ul {  list-style: outside square; 
            font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

pre, pre a:link {
	    font: bold 15px monospace;
}

table {
      font: 11px 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;
      left: 10px;
      width: 150px;
      top: 105px;
}

#content {
      position: absolute;
      width: 750;
      top: 100px;
      margin-left: 160px;
      margin-right: 160px;
}

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

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

#rightcolumn {
      position: absolute;
      /*left: 620px;*/
      left: 950px;
      width: 140px;
      top: 100px;
}






/* 
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: #f6f6f6;
      color: #33FF3F;
      font-family: Arial, Helvetica, sans-serif;
}

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


#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: #32a14c;
}


#leftcolumn #boxGrey li a,
#leftcolumn .boxGrey li a { /* --- Defines the link color and bg for the left box --- */
      color: #333333;
      border-bottom: 0px;
      font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
      background-color: #f6f6f6;
}

#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: #339933;
      border-bottom: 0px;
      font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
      background-color: ##f6f6f6;
}

#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: #33FF3F;
      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: #CCFFe6;
      color: 333;
      font-family: Arial, Helvetica, sans-serif;
      
}

#leftcolumn #resources ul { 
      margin: 0px; /* MR 12-1 */
      padding: 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: #CCFFe6;
      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: #66cc99;
}

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

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

/* 
IV.  Defines Content Column Styles
--------------------------------------------------*/
/*
#content form {
      position: absolute;
      top: 60px;
      left: 0px;
      margin: 0px;
      width: 100;
      height: 30px;
      background-color: transparent;
      padding: 5px 0px 0px 10px;
}
*/

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

#content h1, 
#content2column h1 {
      color: #006633;
      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 65% Verdana, Arial, sans-serif;
      margin: 3px 0px 3px;
      color: #666666;
      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 #339933;
}

#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: #f6f6f6;
      color: #33FF3F;
}

#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: #32a14c;
}

#rightcolumn #boxGreyRight li a,
#rightcolumn .boxGreyRight li a {
      color: #333333;
      border-bottom: 0px;
      font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
      background-color: transparent;
}

#rightcolumn #boxGreyRight li a:hover,
#rightcolumn .boxGreyRight li a:hover {
      color: #339933;
      border-bottom: 0px;
      font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
      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: #33FF3F;
      font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#rightcolumn #boxGreyRight li#subnav a:hover,
#rightcolumn .boxGreyRight li.subnav a:hover {
      color:#33cc66;
      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;
}

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

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

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