BODY {
	margin: 0;
	padding: 10px 40px;
	background-color: #69C;
	color: #000;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
}

IMG {
	border: 0;
}


A:link {
	color: #1A74AA;
	text-decoration: underline;
}
A:visited {
	color: #000080;
}
A:hover,
A:active {
	color: #393;
}


H1 {
	margin: 0 0 -0.8em;
	padding: 0.8em 0 0;
	font-size: 120%;
	color: #4DB24D;
}
H2 {
	margin: 0;
	padding: 0.8em 0 0.4em;
	font-size: 140%;
	color: #1A74AA;
}
H3 {
	margin: 0;
	padding: 0.8em 0 0.4em;
	font-size: 120%;
	color: #1A74AA;
}
H4 {
	margin: 0;
	padding: 0.2em 0 0.6em;
	font-size: 100%;
	color: #4DB24D;
	font-weight:bold;
	Xfont-style: italic;
}
P {
	margin: 0;
	padding: 0.2em 0 0.6em;
	font-size: 100%;
}
UL {
	margin: 0;
	padding: 0.2em 0 0.6em;
}
UL LI,
OL UL LI {
	margin: 0;
	padding: 0 0 0.6em 1.8em;
	background: transparent url(../img/i_arrow.gif) no-repeat 7px 5px;
	list-style: none;
}
OL {
	margin: 0 0 0 0.8em;
	padding: 0.2em 0 0.6em 1em;
}
OL LI {
	margin: 0;
	padding: 0 0 0.1em;
}

HR {
	height: 1px;
	margin: 0.8em 0;
	padding: 0;
	border: 0;
	background-color: #1A74AA;
}




FORM {
	margin: 0;
	padding: 0;
}
FIELDSET {
	margin: 0;
	padding: 0;
	border: 0;
}
.sidebar TEXTAREA {
	display: block;
}



.green {
	color: #4DB24D;
}
.button {
	margin: 0.4em 0;
}


.volunteer {
	padding: 1em 0 0;
}
.volunteer LABEL, [hack],
.volunteer INPUT, [hack] {
	margin: 0.2em 0;
}
.volunteer LABEL.sep {
	clear: both;
	float: left;
	width: 12em;
}
.volunteer P {
	clear: both;
	padding-top: 1.5em;
}



.dual {
	clear: both;
	float: left !important;
	float /**/: none;
	width: 100%;
}
.dual UL.l {
	clear: left;
	float: left;
	width: 50%;
}
.dual UL.r {
	clear: right;
	float: right;
	width: 50%;
}



#upa-project {
	float: right;
	width: 110px;
	margin: 0.2em 0 15px 25px;
	font-size: 90%;
	font-weight: bold;
}
#upa-project IMG {
	display: block;
	margin-top: 5px;
}

#facts {
	float: right;
	width: 30%;
	Xmargin: -4em 0 15px 25px;
	margin: 0 0 15px 25px;
	Xborder-top: 1px solid #2375A8;
	border-top: 2px solid #4DB24D;
	Xborder-bottom: 1px solid #2375A8;
	padding: 10px 5px 5px 5px;
	color: #1A74AA;
	font-size: 90%;
	background-color: #EDFBFB;
}
#facts H3 {
	padding-top: 0;
}



/* Header
------------------------------ */

#header,
#header .wrap {
	float: left;
	width: 100%;
	height: 80px;
}
#header/* */ {
	min-width: 690px;
}
#header {
	background: #FFF url(../img/bg_header.jpg) no-repeat 100% 0;
}
#header .wrap {
	background: transparent url(../img/bg_header_l.gif) no-repeat 0 0;
}
#header H1 {
	position: relative;
	float: left;
	width: 330px !important;
	width /**/: 354px;
	height: 50px !important;
	height /**/: 71px;
	padding: 21px 0 0 24px;
	overflow: hidden;
}
#header H1 SPAN {
	position: absolute;
	top: 21px;
	left: 24px;
	width: 330px;
	height: 50px;
	background: transparent url(../img/Logo300x50_esES.gif) no-repeat 0 0;
}
#header IMG {
	float: right;
	width: 147px;
	height: 39px;
	margin: 23px 28px 0 0;
}
#header A {
	cursor: pointer;
}


/* Bread Crumbs Navigation
------------------------------ */

#breadcrumbs {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #1A74AA;
	border-bottom: 1px solid #1A74AA;
	background-color: #E2EFFD;
	font-size: 70%;
}
#breadcrumbs/* */ {
	min-width: 690px;
}
#breadcrumbs .wrap {
	float: left;
	padding: 0.4em 25px;
	color: #1A74AA;
}
#breadcrumbs #page-view {
	float: right;
	padding: 0.4em 25px;
	white-space: nowrap;
}
#breadcrumbs A,
#breadcrumbs STRONG {
	margin: 0 0.4em;
	color: #1A74AA;
}


/* Main area
------------------------------ */

#main {
	float: left;
	width: 100%;
	padding: 10px 0 20px;
	background-color: #FFF;	
	font-size: 80%;
}
#main/* */ {
	min-width: 690px;
}

.sidebar {
	clear: left;
	float: left;
	width: 30%;
}
.sidebar .wrap {
	padding: 0 25px 10px;
}

.content {
	float: right;
	width: 70%;
}
.content .wrap {
	padding: 0 25px 10px 15px;
}

.wide {
	float: left;
	width: 100%;
}
.wide .wrap {
	padding: 0 25px 10px 25px;
}


/* Tabs and boxes
------------------------------ */

.tab {
	clear: both;
	float: left;
	margin: 1em 0 0;
	padding: 0;
	color: #FFF;
	font-size: 110%;
	line-height: 1em;
}
.tab SPAN {
	display: block;
	padding: 0.5em 15px;
	background: transparent url(../img/tab_ba_r.gif) no-repeat 100% 0;
}

H2.tab {
	background: #6AA5C8 url(../img/tab_ba_l.gif) no-repeat 0 0;
	white-space: nowrap;
}

H2.wide {
	width: 100% !important;
	width /**/: auto;
}

.sidebar H2.tab {
	font-size: 100%;
}

UL.tab {
	width: 100% !important;
	width /**/: auto;
}
UL.tab LI {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	background: #EDFBFB url(../img/tab_b_l.gif) no-repeat 0 0;
	font-weight: bold;
	list-style: none;
}
UL.tab LI SPAN {
	background-image: url(../img/tab_b_r.gif);
}
UL.tab LI.active {
	background: #6AA5C8 url(../img/tab_ba_l.gif) no-repeat 0 0;
}
UL.tab LI.active SPAN {
	background-image: url(../img/tab_ba_r.gif);
}
UL.tab LI A {
	color: #1A74AA !important;
	text-decoration: none;
}
UL.tab LI STRONG A {
	color: #FFF !important;
}

/* Tabs and boxes - green */

H2.tabgrn {
	background: #4DB24D url(../img/tab_g_l.gif) no-repeat 0 0;
}
H2.tabgrn SPAN {
	background-image: url(../img/tab_g_r.gif);
}
DIV.tabgrn {
	border-color: #4DB24D;
	background-color: #F2FAF2;
}
DIV.tabgrn DL DT {
	color: #4DB24D !important;
}

/* Box */

.tabbox {
	clear: both;
	padding: 10px 15px 15px;
	border: 1px solid #1A74AA;
	background-color: #EDFBFB;
}
.tabbox DL {
	margin: 0;
	padding: 0.2em 0 0.6em;
}
.tabbox DL DT {
	margin: 0;
	padding: 0.4em 0 0;
	font-weight: bold;
	color: #1A74AA;
	font-size: 100%;
}
.tabbox DL DD {
	margin: 0;
	padding: 0.4em 0;
}

/* Box - Text area */

DIV.text {
	background-color: #FFF;
}

/* Box - Content area */

.content .tabbox DL DT {
	font-size: 110%;
}
.content .tabbox DL DD {
	padding: 0.4em 0 0.2em;
}

/* Box - Content area - Subject Areas block on homepage */

.content .subj-areas {
	float: left;
	width: 100% !important;
	width /**/: 90%;
	padding: 0;
}

.content .subj-areas .l {
	clear: left;
	float: left;
	width: 50%;
}
.content .subj-areas .r {
	clear: right;
	float: right;
	width: 50%;
}

.l2 {
	clear: left;
	float: left;
	width: 40%;
}
.r2 {
	clear: right;
	float: right;
	width: 40%;
	margin-left:10%;
}


.content .subj-areas DL {
	padding: 5px 20px 15px;
}
.content .subj-areas DL DT {
	padding: 1em 0 0.2em 8px;
	background: transparent url(../img/i_arrow.gif) no-repeat 0 1.3em;
}
.content .subj-areas DL DD {
	padding: 0.2em 0 1.2em;
	border-bottom: 1px dotted #818887;
}
.content .subj-areas DL DD.last {
	border-bottom: 0;
}

/* Box - Sidebar - Subject Areas block */

.sidebar .subj-areas {
	padding: 0;
	background-color: #E2EFFD;
	color: #125278;
}
.sidebar .subj-areas UL {
	margin: 0;
	padding: 5px 0 15px;
}
.sidebar .subj-areas UL LI {
	margin: 0;
	padding: 0.5em 15px;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	background-image: none;
}
.sidebar .subj-areas UL LI.active {
	background-color: #EDFBFB;
}
.sidebar .subj-areas UL LI UL {
	padding: 0.4em 0;
}
.sidebar .subj-areas UL LI UL LI {
	padding: 0.2em 15px;
	font-size: 90%;
	font-weight: normal;
}
.sidebar .subj-areas UL LI UL LI.active {
	background: transparent url(../img/i_arrow.gif) no-repeat 5px 0.5em;
}

.sidebar TEXTAREA.text {
	width: 95%;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
}




/* Box - Sidebar - Status Update */

.status {
	color: #1A74AA;
	Xfont-size: 110%;
	Xfont-weight: bold;
}
.world-day {
	margin: 0 -15px; /* For IE 5.0 */
	padding: 10px 0;
	background-color: #FFF;
	text-align: center;
}
.world-day/* */ { /* For IE 5.5 and 6 */
	margin-bottom: -15px;
}
.world-day, [hack] { /* For modern browsers */
	margin-bottom: -14px;
}


/* Footer
------------------------------ */

#footer {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 10px 0 0;
	border-top: 1px solid #1A74AA;
	background: #FFF url(../img/bg_footer_l.gif) no-repeat 0 100%;
	font-size: 70%;
}
#footer/* */ {
	min-width: 690px;
}
.info {
	float: right;
	width: 70%;
	background: #FFF url(../img/bg_footer_r.gif) no-repeat 100% 100%;
}
.info .wrap {
	padding: 0 25px 60px 15px;
}
.info UL {
	font-size: 120%;
	font-weight: bold;
}
.info UL LI {
	display: inline;
	padding: 0 15px 0.5em 0;
	list-style: none;
	background-image: none;
}
.info UL STRONG {
	color: #888;
}

.sponsor {
	clear: left;
	float: left;
	width: 30%;
	color: #888;
}
.sponsor .wrap {
	padding: 0 25px 60px;
}
.sponsor IMG {
	margin-left: 0.4em;
	vertical-align: middle;
}


#alphabetical-index {
	clear: both;
	float: left !important;
	float /**/: none;
	width: 99%;
	margin: 0 0 1.5em;
	padding: 0;
	border: 1px solid #1A74AA;
	color: #AEC3CD;
	background-color: #EDFBFB;
}
#alphabetical-index LI {
	float: left;
	width: 3.8%;
	margin: 0;
	padding: 0.3em 0;
	background: transparent none;
	text-align: center;
}

DL.glossary {
	clear: both;
	float: left !important;
	float /**/: none;
	width: 100%;
	margin: 0;
	padding: 0.8em 0;
	border-bottom: 1px dotted #D8DFE2;
}
DL.glossary DT {
	clear: both;
	float: left;
	width: 28%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
DL.glossary DD {
	float: right;
	width: 69.5%;
	margin: 0;
	padding: 0;
}


/* error messages */
div.error {
	background-color: #ffc;
	margin: 4px 0px 4px -8px;
	padding: 8px;
	border: solid 1px #fc0;
	color: #900;
}

div.error p {
	padding: .5em;
}

div.error h1 {
	width:100%;
	background-color:#900;
	color:#fff;
	margin:0;
	padding:4px;
}

div.error label {
	color: #900;
	display: none;
}

div.error p {
	margin: 0px;
	padding: 0px;
}

div.error a, div.error a:visited, div.error a:active, div.error a:hover {
	color:#c00;
}

div.error ul li {
	background: none;
	list-style: circle;
	margin: 0 0 0 0;
	padding: 0 0 .2em;
	Xborder: solid 1px red;
}

div.error ul {
	margin-left: 1.5em;
	Xpadding: 0.2em 0 0.6em;
	padding: 0;
	Xborder: solid 1px red;
}

div.error p {
	margin: .5em 0 .5em;
}