/* Classes used for Resources Section 
*/

body {
	font-size: 11px;
	line-height: 1.3em;
	}


/* 
I.  Defines Resources for All Breadcrumbs Elements
--------------------------------------------------*/ 

#resbreadcrumbs {
	background-color: #ffffff;
	height: 27px;
	width: 756px;
	display: none;
	
}

#resbreadcrumbs a:link, 
#resbreadcrumbs a:visited {
	background-color: black;
	position: absolute;
	top: 196px; /* Parsed by IE 5.5 */
	voice-family:"\"}\"";
	voice-family:inherit;
	top: 197px;  /* Parsed by IE 6 and other browsers */
	}

#resbreadcrumbs a:hover {
	background-color: #a52a2a;
}

.bcres, 
.bcwomen, 
.bcpress, 
.bcyouth, 
.bcmember {
	height: 27px;
	float: left;
}

.bcres {	
	width: 104px;
	background-color: #cc3333;
}
			
.bcwomen {
	width: 64px;
}
			
.bcpress {
	width: 70px;
}
			
.bcyouth {
	width: 76px;
}
			
.bcmember {
	width: 116px;
}

.bcwomen a img, .bcpress a img, .bcyouth a img, .bcmember a img {
	border: none;
} 


/* 
II.  Defines Main Top Row with Main Image and Elements
--------------------------------------------------*/ 
		
#maintop {
	width: 756px;
	height: 188px;
	display: none;
}
			
#maintop .leftpicture {
	position: absolute;
	left: 0px;
	height: 188px;
	width: 377px;
	voice-family:"\"}\"";
	voice-family:inherit;
	top: 125px; /* Parsed by IE 6 */
}
		
#maintop .rightpicture {
	position: absolute;
	left: 377px;
	height: 188px;
	width: 378px;
	voice-family:"\"}\"";
	voice-family:inherit;
	top: 125px; /* Parsed by IE 6 */
}
			
#maintop .rightpicture h3 {
	margin: 81px 0px 0px 10px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	background: transparent;
			}
			
#maintop .rightpicture h4 {
	margin: 3px 0px 0px 10px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
			}
			
#maintop .rightpicture p {
	margin: 5px 0px 0px 10px;
	padding-right: 30px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/*
Defines Generic Row Classes
--------------------------------------------------*/ 

.row,
.row1 {
	margin: 0px 0px 10px 0px;
	width: 756px;
	float: left;
	border-top: 4px solid;
}

.row .column1of1,
.row1 .column1of1 {
	width: 720px;
	padding: 5px 5px 20px 15px;
}

.row .column1of2,
.row1 .column1of2 {
	width: 350px;
	float: left;
	padding: 5px 5px 5px 15px;
}


.row .column2of2,
.row1 .column2of2 {
	width: 350px;
	float: left;
	padding: 5px 5px 5px 15px;
}


.row .column1of3,
.row1 .column1of3 {
	width: 235px;
	float: left;
	padding-left: 15px;
}


.row .column2of3,
.row1 .column2of3 {
	width: 235px;
	float: left;
	padding-left: 15px;
}

.row .column3of3,
.row1 .column3of3 {
	width: 235px;
	float: left;
	padding-left: 15px;
}

.row .column1of4,
.row1 .column1of4 {
	width: 170px;
	float: left;
	padding-left: 15px;
}

.row .column2of4,
.row1 .column2of4 {
	width: 170px;
	float: left;
	padding-left: 15px;
}

.row .column3of4,
.row1 .column3of4 {
	width: 170px;
	float: left;
	padding-left: 15px;
}

.row .column4of4,
.row1 .column4of4 {
	width: 170px;
	float: left;
	padding-left: 15px;
}



/*
-------------------------------- */
.row h2,
.row1 h2 {
	font: bold 15px Georgia, "Times New Roman", Times, serif;
	margin: 10px 5px 5px 15px;
	color: #993333;
}

.row h3,
.row1 h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 5px 5px 0px;
}

.row p img,
.row1 p img {
	border: 1px solid;
	margin-right: 5px;
	float: left;
}

.row a,
.row1 a {
	border-bottom: 1px dashed;
}

.row p.para,
.row1 p.para {
	width: 720px;
	padding: 0px 15px 0px 15px;
}


/*
Specific CSS styles for the Women Section
--------------------------------------------------*/



#resWomen #contentmain {
	position: relative;
	top: 0px;
	left: 9px;
	width: 750px;
	padding-bottom: 10px;
}

#resWomen #contentmain h1 { 
	color: #B83933;
	padding-bottom: 3px;
	margin: 0px 0px 15px 0px;
}

#resWomen #contentmain h3 {
	color: #D07524;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

#resWomen #resbreadcrumbs {
	border-bottom: 1px solid #d37b21;
}

#resWomen #maintop .rightpicture {
	background-image: url(/images/women_bg.jpg);
	background-repeat: no-repeat;
}

#resWomen #maintop h3 {
	margin-top: 41px;
	color: #b83933;
	background: transparent;
}


#resWomen #maintop h4 {
	color: #d07524;
	background: transparent;
}

#resWomen .row,
#resWomen .row1 {
	border-color: #FFCC66;
}

#resWomen .row ul li,
#resWomen #contentmain ul li,
#resWomen .row1 ul li {
	list-style-image: url("/images/orange_bullet2.gif");
	line-height: 150%;
	margin-left: -12px;
}


#resWomen .row ol li,
#resWomen #contentmain ol li,
#resWomen .row1 ol li {
	line-height: 2.2em;
	margin-left: 20px;
	list-style-position:inside;
}

#resWomen .row p img, 
#resWomen .row h3,
#resWomen .row1 p img, 
#resWomen .row1 h3 {
	color: #D07524;
}


/*
Specific CSS styles for the Press Section
--------------------------------------------------*/

#resPress #contentmain {
	position: relative;
	top: 0px;
	left: 158px;
	width: 605px;
	padding-bottom: 10px;
}

#resPress #contentmain h3 {
	color: #A42D27;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

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

#resPress #contentmain a:hover {
	border-bottom: 1px solid #a52a2a;
}

#resPress #resbreadcrumbs {
	border-bottom: 1px solid #3a5dc1;
}

#resPress #maintop .rightpicture {
	background-image: url("/images/press_bg.jpg");
	background-repeat: no-repeat;
}

#resPress #maintop h3 {
	color: #234992;
	background: transparent;
	margin-top: 10px;
}

#resPress #maintop .rightpicture .red {
	color: #af2429;
	background: transparent;
}

#resPress #maintop .rightpicture .toplink {
	margin-top: 85px;
	background: transparent;
}

#resPress .row,
#resPress .row1 {
	border-color: #9accff;
}

#resPress .row p img, 
#resPress .row h3,
#resPress .row1 p img, 
#resPress .row1 h3 {
	color: #234992;
}


#resPress .row .column2of3,
#resPress .row .column3of3,
#resPress .row1 .column2of3,
#resPress .row1 .column3of3 {
	padding-top: 20px;
}

* html #resPress .row .column2of3,
* html #resPress .row .column3of3,
* html #resPress .row1 .column2of3,
* html #resPress .row1 .column3of3 {
	padding-top: 45px;
}


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

#resPress #leftcolumnpress {
	position: absolute;
	left: 9px;
	width: 150px;
	top: 115px;
}


#resPress #leftcolumnpress #boxGrey,
#resPress #leftcolumnpress .boxGrey {
	width: 140px;
	height: auto;
}

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


#resPress #leftcolumnpress #boxGrey li,
#resPress #leftcolumnpress .boxGrey li {
	margin: 0px;
	list-style: none;
	border-bottom: 1px solid #9ACCFF;
	padding: 3px 5px 5px;
}

#resPress #leftcolumnpress #boxGrey li#title,
#resPress #leftcolumnpress .boxGrey li.title { /* --- Defines the left box's title...e.g. About IAEA, Our Work, etc. --- */
	margin: 2px;
	padding: 3px 0px 3px 3px;
	color: #022E8D;
	font-weight: bold;
	background-color: #fff;
	border-top: 4px solid #9ACCFF;
}

#resPress #leftcolumnpress #boxGrey li a,
#resPress #leftcolumnpress .boxGrey li a { /* --- Defines the link color and bg for the left box --- */
	color: #2A54A9;
	border-bottom: 0px;
	background-color: #fff;
}

#resPress #leftcolumnpress #boxGrey li a:hover,
#resPress #leftcolumnpress .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: #fff;
}

#resPress #contentmain #videobox,
#resPress #contentmain .videobox {
	border-style:solid;
	border-width:2px;
	border-color:#99CCFF;
	border-bottom-width:2px;
	border-right-width:2px;
	padding-right:4px;
	padding-left:8px;
	padding-top:10px;
	height:195px;
	width:580px;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

#resPress #contentmain #videobox h2,
#resPress #contentmain .videobox h2{
	color: #932628;
	padding-top: 15px;
	margin: 0px 0px 2px 0px;
}

#resPress #contentmain h1,
#resPress #contentarchive h1 {
	color: #2A54A9;
	padding-bottom: 3px;
	margin: 0px 0px 15px 0px;
}

#resPress #contentmain #videobox img {
	border:none;
	padding-left:5px;
	padding-right:6px;
	padding-bottom: 6px;
}

#resPress #contentmain #videobox .floatleft {
	float:left;
}

#resPress #contentmain #videobox .floatright {
	float:right;
}


/*
Specific CSS styles for the Member States Section
--------------------------------------------------*/

#resMember #resbreadcrumbs {
	border-bottom: 1px solid #375E72;
}


#resMember #maintop .rightpicture {
	background-image: url(/images/mstates_bg.jpg);
	background-repeat: no-repeat;
}



#resMember #maintop h3 {
	color: #336073;
	background: transparent;
}


#resMember #maintop h4 {
	color: #548EA2;
	background: transparent;
}


#resMember .row,
#resMember .row1 {
	border-color: #BBD3E0;
}

#resMember .row p img, 
#resMember .row h3,
#resMember .row1 p img, 
#resMember .row1 h3 {
	color: #548EA2;
}


#resMember .row li,
#resMember .row1 li { 
	list-style-image: url("/images/blue_dark.gif");
	line-height: 2.2em;
	margin-left: -22px;
}


/*
Specific CSS styles for the Youth Section
--------------------------------------------------*/

#resYouth #contentmain {
	position: relative;
	top: 0px;
	left: 158px;
	width: 600px;
	padding-bottom: 10px;
}

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

#resYouth #contentmain a:hover {
	border-bottom: 1px solid #a52a2a;
}

#resYouth #contentarchive {
	position: relative;
	top: 0px;
	left: 9px;
	width: 750px;
	padding-bottom: 10px;
}

#resYouth #contentmain h1,
#resYouth #contentarchive h1 {
	color: #099C00;
	padding-bottom: 3px;
	margin: 0px 0px 15px 0px;
}

#resYouth #contentmain h3,
#resYouth #contentarchive h3 {
	color: #A42D27;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

#resYouth #resbreadcrumbs {
	border-bottom: 1px solid #009900;
}

#resYouth #maintop .rightpicture {
	background-image: url(/images/rightp.jpg);
	background-repeat: no-repeat;
}

#resYouth #maintop h3 {
	margin-top: 60px;
	color: #993333;
	background: transparent;
}

#resYouth #maintop h4 {
	color: #099C00;
	background: transparent;
}

#resYouth .row,
#resYouth .row1 {
	border-color: #CCFF99;
}

#resYouth .row li,
/*#resYouth #contentmain li,*/
#resYouth .row1 li {
	list-style-image: url("/images/green_bullet2.gif");
	line-height: 2.2em;
	margin-left: -22px;
}
#resYouth .row p img, 
#resYouth .row h3,
#resYouth .row1 p img, 
#resYouth .row1 h3 {
	color: #099C00;
}

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

#resYouth #leftcolumnyouth {
	position: absolute;
	left: 9px;
	width: 150px;
	top: 10px;
}



#resYouth #leftcolumnyouth #boxGrey,
#resYouth #leftcolumnyouth .boxGrey {
	width: 140px;
	height: auto;
}

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


#resYouth #leftcolumnyouth #boxGrey li,
#resYouth #leftcolumnyouth .boxGrey li {
	margin: 0px;
	list-style: none;
	height: 15px;
	border-bottom: 1px solid #CCFF99;
	padding: 3px 5px 5px;
}

#resYouth #leftcolumnyouth #boxGrey li#title,
#resYouth #leftcolumnyouth .boxGrey li.title { /* --- Defines the left box's title...e.g. About IAEA, Our Work, etc. --- */
	margin: 2px;
	padding: 3px 0px 3px 3px;
	color: #087E00;
	font-weight: bold;
	background-color: #fff;
	border-top: 4px solid #CCFF99;
}

#resYouth #leftcolumnyouth #boxGrey li a,
#resYouth #leftcolumnyouth .boxGrey li a { /* --- Defines the link color and bg for the left box --- */
	color: #099C00;
	border-bottom: 0px;
	background-color: #fff;
}

#resYouth #leftcolumnyouth #boxGrey li a:hover,
#resYouth #leftcolumnyouth .boxGrey li a:hover { /* --- Defines the link color and bg for the left box in it's hover state --- */
	color: #66CC33;
	border-bottom: 0px;
	background-color: #fff;
}



/*
-------------------------------- */

#footer {
	background-position: bottom;
	border: none;

}



/* style sheets added for youth pages at Nov 16, 2006 for story image and resources
----------------------------------------------------------------------------------- */
#pageWrapper #resYouth #contentmain .bucket {
	float: right;
	width: 300px;
	margin-left: 10px;
}
#pageWrapper #resYouth #contentmain .bucket p.caption {
	font-size: .9em;
	line-height: 1.5em;
	padding: 5px;
	margin: 0px;
}
#pageWrapper #resYouth #contentmain .bucket #imgbox {
	background: url(/NewsCenter/images/box_bg.gif) repeat-x bottom;
	color: #333333;
	border: 1px solid #cccccc;
	margin: 0px;
}
#pageWrapper #resYouth #contentmain .bucket ul {
	list-style: none;
	background: url(/NewsCenter/images/box_bg.gif) repeat-x bottom;
	padding: 0 0 8px 0;
	margin: 15px 0 0 0;
	border: 1px solid #CCC;
	color: #333;
}
#pageWrapper #resYouth #contentmain .bucket ul li {
	padding: 10px 0 0 25px;
	background: url(/images/green_bullet2.gif) no-repeat 10px 0px;
}
#pageWrapper #resYouth #contentmain .bucket ul li.title {
	border-bottom: 1px solid #8CB2CB;
	background: url(/NewsCenter/images/bucket_ttl_bg.gif) repeat-x bottom;
	height: 24px;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 4px 0px 0px 5px;
	list-style: none;
	voice-family :"\"}\"";
	voice-family :inherit;
	height: 20px;
}