/* 
--------------------------------------------------
IAEA.org Header/Footer Style
Version: 
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 {

}

/* 
II.  Defines Header Elements
--------------------------------------------------*/ 
#header {
  background: #386CCF;
  min-height: 33px;
  height: 33px;
  position: relative;
}

/* Defines styles for the IAEA.org Logo */
#header img#logo {
  height: 33px;
  width: 140px;
}

/*  Meta Navigation */
#header #metanav {
  position: absolute;
	display: inline;
  right: 2px;
  top: 1px;
	color: #acbfe0;
	background-color: transparent;
  margin: 0;
  font-size: smaller;
}

#header #metanav ul {
  margin: 0;
  padding: 0;
  border: 1px solid red;
}

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

#header #metanav li a:link, 
#header #metanav li a:visited {
	color: #acbfe0;
	background-color: transparent;
	text-decoration: none;
	border: none;
}

#header #metanav li a:hover {
	color: #fff;
	background-color: transparent;
	border: none;
}

/*
TABBED NAVIGATION
--------------------------------------------------*/
#tabnav_container {
  padding: 2px 3px;
  background: #689AFC;
  font-size: smaller;
}

#tabnav_container #tabnav ul {
  margin: 0;
  padding: 0;
}

#tabnav_container #tabnav ul li {
  padding:0 .3em;
  display: inline;
}

#tabnav_container #tabnav ul li a {
  color: white;
  text-decoration: underline;
}

#tabnav_container #tabnav ul li.active {
  xbackground: white;
}

#tabnav_container #tabnav ul li.active a {
  xcolor: black;
  font-weight: bold;
  text-decoration: none;
}


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

#breadcrumbs {
  margin: 0 2px;
  padding: 1px 1px;
  border-bottom: 1px solid #CCC;
  font-size: smaller;
  color: #333;
}

#breadcrumbs ul  {
  list-style: none;
  margin: 0;
  padding: 0;
}

#breadcrumbs ul li {
  display: inline;
}

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

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

#footer {
	border-top: 1px solid #CCCCCC;
	font-size: smaller;
	padding: 2px 2px;
  margin: 2px;
	clear: both;
  color: #333;
  text-align: center;
}

#footer a:link, #footer a:visited {
	xborder-bottom: 1px dashed #3366cc;
}

#footer a:hover {
	xborder-bottom: 1px solid #a52a2a;
}