/* 
--------------------------------------------------
IAEA.org Header/Footer Style
Version: 2004-26-January 
The styles are arranged as follows:
		I.    Page Wrapper 
		II.   Header Elements
		III.  Tab Navigation Elements
		IV.   Breadcrumbs Navigation Elements
		V.    Footer
--------------------------------------------------*/





/* 
I.  Defines the Page Wrapper 
(Keeps page width of the body at a certain width)
--------------------------------------------------*/ 

#pageWrapper {
	width: 770px;
	background-color: #fff;
}



/* 
II.  Defines Header Elements
--------------------------------------------------*/ 
#header {
	height: 66px;
	background-color: #fff;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #D7E2F8;
}


/* 
Defines styles for the IAEA.org Logo 
------------------------------- */

#header #logo {
	background: url(../images/working_ban7a.jpg) no-repeat; 
	background-color: transparent;
	color: #fff; 
	float: left;
	width: 873px;
	height: 77px;
	z-index: 0;
}

#header #logo a { /* MR 12-1 */
	display: block;
	width: 270px;
	height: 66px;
}

#header #logo img {
	visibility: hidden;
}


/* 
Defines styles for the right side of the header 
------------------------------- */


/*#header #right {
	background: url(../images/right_bg.jpg) no-repeat;
	background-color: transparent;
	color: #fff; 
	float: right;
	width: 215px;
	height: 66px;
	z-index:7;
}*/

/* 
Defines styles for the Meta-navigation 
------------------------------- */


#header #metanav {
	position: absolute;
	top: 3px;
	left: 468px; /* MR 12-1 */
	margin: 0px;
}

#header #metanav ul {
	margin: 0px;
	padding: 0px; /* MR 12-1 */
}

#header #metanav li  {
	display: inline;
	list-style: none;
}

#header #metanav li a:link, 
#header #metanav li a:visited {
	color: #fff;
	text-decoration: none;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#header #metanav li a:hover {
	text-decoration: underline;
}

/* 
Defines styles for the search box and drop-down menu
------------------------------- */

#header form {
	position: absolute;
	top: 25px;
	left: 400px;
	margin: 0px;
	width: auto;
	height: 30px;
	background-color: transparent;
	padding: 5px 0px 0px 10px;
}

* html #header form {
	position: absolute;
	top: 20px;
}

#header form input, 
#header form select {
	position: relative;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
	width: 127px;
	height: auto;
}

#header form #go {
	position: absolute;
	top: 4px;
	width: 26px;
	height: 19px;
	background-color: #999;
	color: #fff;
}

* html #header form #go {
	position: relative;
	right: 0px;
}

/* hack to hide following css from Mac IE 5.2 \*/
* html #header form #go {
	position: relative;
	right: 18px;
}


/* 
III.  Defines the Tab Navigation Elements
--------------------------------------------------*/ 

#tabnav {
	position: relative;
	height: 30px;
	margin: 0px;
	background: url(../images/tab_bg.gif) repeat-x;
	border-bottom: 1px solid #333;
	left: -1px;

}

#tabnav ul {
	position: absolute;
	top: 8px; /* MR 12-1 */
	left: 140px;
	height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 500px; /* MR 12-1 */
}


/* hack for Mac IE 5.2 to ignore following rules \*/
#tabnav ul {
	position: absolute;
	top: 10px; /* MR 12-1 */
}

* html #tabnav ul {
	position: absolute;
	top: 9px; /* MR 01-26-04 */
	t\op: 10px;
}/* End of rule that Mac IE 5.2 ignores */

#tabnav li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	width: auto; /* MR 12-1 */
}

#tabnav a:link, 
#tabnav a:visited,
#tabnav li strong {
	float: left;
	background: #DAE4f8;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 7px 4px;
	margin-right: 4px;
	border: 1px solid #333;
	text-decoration: none;
	color: #333;
}

#tabnav a:link .active,
#tabnav a:visited .active,
#tabnav li strong {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}

#tabnav a:hover {
	color: #333;
	background-color: #fff;
}


/* 
Defines styles for the date
------------------------------- */

#tabnav #date {
	position: relative;
	top: 10px;
	/*left: 28px;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}


/* 
Defines styles for the Themes
------------------------------- */

#tabnav #themes {
	position: relative;
	top: 10px;
	left: 28px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}


/* 
Defines styles for the Font Resize Buttons
------------------------------- */


#tabnav #fontsize {
	margin: 0px;
	position: absolute;
	background: url(../images/font_size_img.gif) no-repeat 5px 3px;
	top: 5px;
	left: 630px;
	padding-left: 65px;	
}

#tabnav #fontsize a {
	position: relative;
	top: 2px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}





/* 
IV.  Defines the Breadcrumbs Navigation Elements
--------------------------------------------------*/ 

#breadcrumbs {
	position: relative;
	top: 4px;
	height: auto;
	width: 900px;
	background: transparent;
	color: #000;
}

* html #breadcrumbs {
	top: 0px;
}

#breadcrumbs a {
	border-bottom: 0px;
}

#breadcrumbs ul {
	font: normal 8.5pt/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px; /* MR 12-1 */
}


#breadcrumbs li {
	display: inline;
	position: relative;
	left: 10px;
	margin: 0px;
	line-height: 2.5em;
}

#breadcrumbs li#child,
#breadcrumbs li#child a,
#breadcrumbs li.child {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/double_arrow.gif) no-repeat 2px 3px;
}

#breadcrumbs li a:link, 
#breadcrumbs li a:visited {
	text-decoration: none;
	color: #a52a2a;
	background-color: transparent;
}

#breadcrumbs li a:hover {
	text-decoration: underline;
	color: #a52a2a;
	background-color: transparent;
}


/* 
V.  Defines styles for the Footer
--------------------------------------------------*/ 

#footer {
	border-top: 1px dashed #333;
	font: 10px/1.3em Verdana, Arial, Helvetica;
	position:relative;
	top: 5px;
	width: 535px;
	text-align: center;
	padding: 5px;
	
}
/*p;z-index: 0;
	bottom: 20px;*/
#footer a:link, #footer a:visited {
	font: 10px
	border-bottom: 1px dashed #3366cc;
}

#footer a:hover {
	font: 10px
	border-bottom: 1px solid #a52a2a;
}
/* 
CSS Credits:
Thanks to the following persons:

- Doug Bowman | Stopdesign.com for inspiring us 
through his creation of www.wired.com and www.adaptivepath.com.  
We have learned immensely from his CSS coding style and 
technique and have adapted some of it in this site.

- Dan Cederholm | Simplebits.com for his great tutorials on which
 we based the main tab navigation of this site.

- Dan Shafer | Sitepoint.com for his excellent book 
"HTML Utopia: Designing without Tables"  This has been our 
bible ever since we've decided to take the XHTML/CSS plunge.

- Jeffrey Zeldman | A List Apart for the great resources in 
this site that greatly fast-tracked our learning curve 
of XHTML/CSS. 

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