/* Global Formatting */
html, body{ width:100%}
body, ul, li, ol, p, big, dl, dt, dd{ padding:0px; margin:0px;}
body {	
	height: 100%;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#333333;
}
a {
	color: #000000;
	text-decoration: none;
	outline:none;
}

#top{height:7px; width:978px; margin:0 auto; background:url(images/bodybg.jpg) 0% 0% no-repeat; line-height:1px; font-size:1px;}
#headerbg{ width:100%; background:url(images/headerbg.jpg) top center no-repeat;}
ul, ol, li{ list-style:none;}

/* This bit makes the content be centered in both IE and FF */

#container {
	clear:both;
	width: 962px;
	margin:0 auto;
	text-align: left;
	overflow:hidden;
	background:url(images/body.png) 0% 0% repeat-y;
}

/* Misc Formatting */

.code {
	color: #000000;
	background-color: #F0F0F0;
	border-left: medium double #154ead;
	font-size: 10pt;
	font-family: "Courier New", Courier, mono;
	margin: 10px;
	padding-left: 1em;
}
blockquote {
	border-top: 1px solid #154ead;
	border-bottom: 1px solid #154ead;
	font-size: 10pt;
	margin: 10px;
	padding-left: 1em;
}
/* Header Formatting */
#header {
	width:954px;
	margin:0 auto;	
	height:170px;
	position:relative;
	text-align:left;	
}
body.innerbg #header{ height:150px;}
body.innerbg #headerbg{ background:url(images/innerheaderbg.jpg) top center no-repeat;}
body.innerbg ul.primary-links{ position:absolute; top:62px; right:0px; border:0px;}
#header #logo{ position:absolute; top:20px; left:10px;}
#header #links { position:absolute; right:20px; top:10px; color:#3B0000; font-weight:bold; font-size:14px;}
#header #links a, #adminpage #header #links a{ color:#ffffff;}
#adminpage #header #links a:hover,#header #links a:hover{ text-decoration:underline;  color:#ffffff;}
body.innerbg #header #logo{ top:10px;}
ul.primary-links{ position:absolute; top:72px; right:0px; border:0px;}
.innerbg ul.primary-links{ position:absolute; top:66px; right:20px; border:0px;}
ul.primary-links li{ vertical-align:top; font-size:20px; line-height:24px; padding:0px 23px; display:block; float:left; background:url(images/smallpx.gif) 0% 0% no-repeat; height:24px;}
ul.primary-links li span img{ float:left;}
ul.primary-links li.first{ background:none;}
ul.primary-links li.last{ display:none}
ul.primary-links li.active-trail a, ul.primary-links li a:hover, ul.primary-links li a.act{ color:#3b0000; font-weight:bold;}
ul.primary-links a{ color:#FFFFFF}

/***** Fixed Width Top Menu ****/
ul.primary-links li{ text-align:center; padding:0px; background:url(images/smallpx.gif) 0% 100% no-repeat; padding-bottom:2px;}
ul.primary-links li.menu-114{ width:91px;}
ul.primary-links li.menu-111{ width:85px;}
ul.primary-links li.menu-116{ width:98px;}
ul.primary-links li.menu-112{ width:64px;}
ul.primary-links li.menu-117{ width:135px;}
ul.primary-links li.menu-113{ width:92px;}
ul.primary-links li.menu-115{ width:128px;}
ul.primary-links li.menu-114{ width:104px;}
ul.primary-links li.menu-118{ width:92px;}
ul.primary-links li.menu-179{ width:80px;}
ul.primary-links li.menu-157{ width:103px;}
ul.primary-links li.menu-174{ width:158px;}
ul.primary-links li.menu-507 { width:130px; }

.contactpart{ font-size:14px;}
.contactpart ul{ margin-bottom:10px; overflow:hidden; _height:1%}
#contact-mail-page{ font-size:14px; padding-left:10px;}
.contactpart ul, .contactpart ul li{ list-style:none;}
.contactpart ul li span.clr{ color:#0081C6}
.contactpart ul li{ margin:0px 0px 10px 10px}
.contactpart p{ margin-bottom:10px;}
#header h1 {
	font-weight: bold;
	font-size: 30px;
	padding: 0px;
	margin: 0px;
}
#banner{ width:978px; margin:0 auto; background:url(images/bodybg1.jpg) 0% 0% repeat-y; text-align:center;}
body.innerbg #banner{ height:10px; line-height:1px; font-size:1px;}
#banner #bannerleftcnt{ width:309px; float:left;}
#banner a{ color:#e0880b; text-decoration:underline;}

.gallerylist{ width:680px; float:left; overflow:hidden; border-bottom:1px solid #CCCCCC; padding:0px 0px 10px;}
.gallerylist .galleryimg{ width:200px; float:left; text-align:center;}
.gallerylist .galleryimg img{ margin-top:10px;}
.gallerylist .gallerycnt{ width:480px; float:left; overflow:hidden;}

#banner div.valign01{ display: table; height:168px; width:952px; overflow: hidden; margin:0 auto;}
#banner	div.valign02{ display: table-cell; vertical-align: middle;}
#bannerleftcnt ul{ width:100%; text-align:center; overflow:hidden; margin-bottom:12px;}
#bannerleftcnt ul.last{ margin-bottom:0px;}
#bannerleftcnt ul li{ display:inline; margin-right:12px;}
#bannerleftcnt ul li.last{ margin-right:0px;}
#banner #bannerrightcnt{ width:643px; float:left;}
#bannerrightcnt p{ color:#FFFFFF; text-align:left; font-size:14px; line-height:24px;}
#bannerrightcnt p big{ font-size:22px; font-weight:normal; margin-bottom:15px; display:block;}
.gap{ clear:both; margin:0 auto; background:url(images/smallline.gif) 0% 0% no-repeat; width:962px; height:26px;}
body.innerbg .gap{ height:22px;}

p#subtext {
	border-bottom: 3px solid #154ead;
	padding: 0px;
	margin: 0px;
}

/* Content Formatting */

#content {
	padding-left:41px;
  	float: left;
	margin-top:5px;
  	width: 709px;
  	border-right:1px solid #cbcbcb;
  	overflow: hidden;
}
.breadcrumb{ padding:0px; color:#3b0000; font-size:10px;}
.breadcrumb a{ color:#3b0000;}
#content .breadcrumb a:hover{ background:none; text-decoration:underline; color:#3b0000;}
#content .player{ width:495px; padding-left:4px; float:left; background:url(images/video_bck.png) 0px 2px no-repeat; margin-bottom:25px;}
#content .rightCnt{ float:left; width:209px; margin-top:6px;}
#content .rightCnt p{ margin:0px 0px 3px 0px;; }
#content .rightCnt p.mar01{ margin:0px 0px 6px 0px;}
.rightCnt dl dt{ color:#3b0000; font-weight:bold;}
.rightCnt dl dd{ padding:10px 0px 34px 8px;}

#content a {
	color: #000000;
	text-decoration: none;
}
.links {
	text-align: right;
	border-top: 1px solid #154ead;
}
#content .node h2 {
	border-bottom: 1px solid #154ead;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 30px;
}
#mission {
	padding: 12px;
	background-color: #f9f9f9;
}
#content .node h2 a {
	font-size: 18px;
	border-bottom: 0px;
	font-weight: normal;
	text-transform: capitalize;
}
.title {
	border-bottom: 1px solid #154ead;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 150%;
	height: 30px;
	text-transform: capitalize;
}
div.dashboard-panel-head {
	background-color: #154ead;
	color: #FFFFFF;
	font-weight: bold;
}

/*** Iner Page Content *****/
#content .node-content p{ margin:0px 20px 10px 0px; font-size:14px; line-height:18px;}
#content .node-content h2{ color:#333333; font-size:14px; border:0px;}
#content .node-content p.viewalign01{line-height:16px;}
#content .node-content p img{ margin-top:20px;}
#content p a{ color:#0081C6; text-decoration:underline}
#content p.link a{ color:#0081C6;}
#content p.line{ padding:0px; margin: 0px; clear:both; line-height:1px; font-size:1px;}
#content p.link a{ color:#0081C6; text-decoration:underline; }
#content .node-content p .notes{ color:#003300;}
ul.disc02{ margin:0px 20px 25px 18px; font-size:14px;}
ul.disc01{ margin:0px 20px 0px 18px; font-size:14px; line-height:18px;}
ul.disc01 li, ul.disc02 li{ list-style:disc}
ul.disc02 li{ margin:0px 0px 10px 20px;}
ul.disc01 li ul{ margin:8px 0px 20px 20px;}
ul.disc01 li ul li{ list-style:square}
ul.disc01 li ul li.content{ list-style:none; margin:8px 0px 15px;}
#content ul.disc01 a, #content ul.disc02 a{ color:#0081C6; text-decoration:underline}
#content .node-content .exploretext{ color:#6B6308;}

/* Right Sidebar Formatting */
#right {
	float: right;
	width: 174px;
	padding: 5px 20px 5px 17px;
}

/* Menu Formatting */
#right ul li, #right ul {
	margin: 0px;
	padding: 0px;	
	list-style: none;
}
#right ul li a {
	text-transform: capitalize;	
}

/* Footer Formatting */
.sitecredit{ clear:both; height:56px; padding-right:8px; text-align:right; width: 946px; margin:0 auto;}
#footer { clear: both; color:#FFFFFF; font-size:10px; padding:7px 0px 4px; margin:0 auto; background:#1b191a; border-left:1px solid #595859; border-right:1px solid #595859; width:952px; text-align: center; }
#footer a{ color:#FFFFFF;}
#footer ul.links li a:hover, #footer ul.links li.active{ text-decoration:underline;}
#footer ul.links{ border:none; text-align:center; display:inline;}
#footer ul.links li{ padding:0px 6px 0px 7px; background:url(images/smallpx01.gif) 0px 2px no-repeat;}
#footer ul.links li.first{ background:none; padding-left:2px;}


/****** Menu  ***********/
#right ul.menu li{ width:100%; float:left; line-height:normal;}
#right ul.menu li a{ display:block; width:151px; color:#FFFFFF; font-weight:bold; padding:0px 0px 0px 10px; line-height:25px; padding-bottom:11px;}
#right ul.menu li.expanded, #right ul.menu li.expanded li, #right ul.menu li.leaf{ list-style-image:none;}
#right ul.menu li.expanded ul{ display:none; margin-bottom:4px; list-style-image:none;}
#right ul.menu li.expanded.active-trail ul{ display:block}
#right ul.menu li.expanded a{ padding-bottom:7px;}
#right ul.menu li.expanded ul a:hover{ background:none; }
#right ul.menu li ul.menu{ margin-top:0px; float:left;}
#right ul.menu li ul.menu li{ margin-bottom:0px; list-style:none;}
#right ul.menu li ul.menu li a{ color:#333333; font-weight:normal; padding:0px; width:171px;}
#right ul.menu li ul.menu li a:hover{ text-decoration:underline}
#right ul.menu li ul.menu li a.active:hover{ text-decoration:none}
#right ul.menu li a.level-Visitar{ background:url(images/visit.jpg) 0% 0% no-repeat;}
#right ul.menu li a.level-Ver{ background:url(images/view.jpg) 0% 0% no-repeat; }
#right ul.menu li a.level-Educar{ background:url(images/educate.jpg) 0% 0% no-repeat;}
#right ul.menu li a.level-Explorar{ background:url(images/explore.jpg) 0% 0% no-repeat;}
#right ul.menu li a.level-Unirse{ background:url(images/join.jpg) 0% 0% no-repeat;}
#right ul.menu li a.level-Contactar{ background:url(images/contact.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded a.visit{background:url(images/visitOver.gif) 0% 0% no-repeat;}
#right ul.menu li a.level-Programas{ background:url(images/programma.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded.active-trail a.level-Visitar, #right ul.menu li.expanded.trail a.level-Visitar{ background:url(images/visitOver.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded.active-trail a.level-Ver, #right ul.menu li.expanded.trail a.level-Ver{ background:url(images/viewOver.jpg) 0% 0% no-repeat; }
#right ul.menu li.expanded.active-trail a.level-Educar, #right ul.menu li.expanded.trail a.level-Educar{ background:url(images/educateOver.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded.active-trail a.level-Explorar, #right ul.menu li.expanded.trail a.level-Explorar{ background:url(images/exploreOver.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded.active-trail a.level-Unirse, #right ul.menu li.expanded.trail a.level-Unirse{ background:url(images/joinOver.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded.active-trail a.level-Contactar, #right ul.menu li.expanded.trail a.level-Contactar{ background:url(images/contactOver.jpg) 0% 0% no-repeat;}
#right ul.menu li.expanded.active-trail a.level-Programas, #right ul.menu li.expanded.trail a.level-Programas{ background:url(images/programmaOver.jpg) 0% 0% no-repeat;}
#right ul.menu li a.level-Shop, #right ul.menu li a.level-Hacer{ display:none;}

/***** Under right menu ****/
.support{ clear:both; text-align:center;}
.support img{ padding:14px 0px 4px;}
.donatebtn{ color:#333333; font-size:11px; text-align:center; margin-bottom:17px;}

/****** Under Content  ******/
.collections{ clear:both; width:100%; background:url(images/smallpx02.gif) 0% 0% repeat-x; float:left; color:#333333; }
.collections .sharethis{ width:215px; padding-left:9px; float:left; }
.collections .news{ width:225px; padding-right:20px; float:left; }
.collections .specialevents{ width:226px; float:left;}
.collections .title, .visitcnt .title{ line-height:27px; height:27px; margin:0px 0px 4px; color:#3b0000; font-weight:bold; font-size:12px; border:0px;}
.collections p, .visitcnt p{ font-weight:normal; line-height:18px; padding-left:1px; }
.collections ul{ margin-top:8px;}
.collections ul li{ margin-bottom:10px; line-height:13px;}
#content .collections a, .visitcnt a,#content .rightCnt a{ color:#336699; text-decoration:none; outline:none; border:none;}
#content .collections a:hover, .visitcnt a:hover,#content .rightCnt a:hover{ text-decoration:underline; background:none; color:#336699;}

.collections .sharethis .sharelist{ clear:both}
.collections .sharethis .sharelist .left{ width:40px; margin-bottom:8px; float:left;}
.collections .sharethis .sharelist .left1{ width:37px; padding-left:3px; margin:2px 0px 8px; float:left;}
.collections .sharethis .sharelist .cnt{ width:175px; float:left; padding-top:2px;}
.collections .sharethis .sharelist .cnt1{width:175px; float:left; padding-top:8px;}
.collections .sharethis .sharelist .cnt2{width:175px; float:left; padding-top:9px;}

.visitcnt{ width:675px; background:url(images/smallpx02.gif) 0% 0% repeat-x; color:#333333; float:left; font-size:12px; overflow:hidden;}
.visitcnt .title{ color:#663300}
.visitcnt .align1{ float:left; width:200px; padding:0px 10px 0px 10px}
.visitcnt .align2{ float:left; width:240px; padding-right:10px;}
.visitcnt .align3{ float:left; width:200px}
#admin ul.menu li a
{
	color:#000000;
	line-height:15px;
	padding:0px 3px;
	font-weight:normal;
}
.txtwrap{ padding:35px 15px 30px 35px;}
#researchList{ font-size:14px;}
#researchList .views-field-title, .AccordionPanel .AccordionPanelTab{ cursor:pointer; font-size:14px}
#researchList .views-field-title div, .AccordionPanel .AccordionPanelTab div{ color:#6B6308; margin-left:20px;line-height:24px; text-decoration:underline; font-weight:bold;}
#researchList .views-field-title.panelTab div, .AccordionPanel .AccordionPanelTab.panelTab div{ background:#6B6308; line-height:24px; margin-left:20px; color:#FFFFFF; text-decoration:none;}
#researchList .views-field-title span.field-content, .AccordionPanel .AccordionPanelTab span{background:url(images/plus.png) 0% 7px no-repeat; display:block;}
#researchList .views-field-title.panelTab span.field-content, .AccordionPanel .AccordionPanelTab.panelTab span{ background:url(images/minus.png) 0% 7px no-repeat; display:block;}
#researchList .titlehover{ color:#555555;}
#researchList p{ margin:0px 0px 18px;}
#researchList .views-field-body, .AccordionPanel .AccordionPanelContent{ line-height:18px; margin:0px 0px 15px 25px}
#researchList .views-field-body img{ padding:3px 10px 10px 0px;}
.AccordionPanel{ margin-right:20px;}
.AccordionPanel .AccordionPanelTab{ padding-left:5px;}
.toplinks{ margin:20px 0px; overflow:hidden; _height:1%;}
.backgallery{ clear:both; width:150px; padding:10px 0px 20px; overflow:hidden;}
.toplinks .prev{ float:left; width:90px; text-align:left;}
.toplinks span.arrow{ font-size:16px;}
.AccordionPanel ul.disc01 li{ list-style:disc; margin-bottom:15px;}
#content .toplinks .prev a, #content .toplinks .next a{ color:#0081C6; text-decoration:underline}
.toplinks .next{ float:left; width:116px; text-align:left;}
.toplinks .imggallery{ float:left; width:494px; text-align:center;}
#preload {display:none;}
.tablelist{ width:100%; clear:both; margin-bottom:10px; overflow:hidden;}
.tablelist .leftcnt{ width:14%; padding-left:1%; float:left; font-weight:bold;}
.tablelist .rightcnt{ width:80%; float:left;}

/*** Web Form ****/
.webform-client-form{ font-size:14px;}
.webform-client-form .form-item{ margin:0; padding:1em 0 .5em; overflow:hidden; _height:1%;}
.webform-client-form .form-item label{ width:160px; float:left; font-weight:normal;}
.webform-client-form #edit-submitted-x-amount-wrapper label{ width:153px;}
.webform-client-form .form-item label.error{float:left; font-weight:normal; padding-left:15px}
.webform-client-form .form-item input{ border:1px solid #CBCBCB;  float:left}
.webform-client-form .form-item select{ border:1px solid #CBCBCB; float:left}
.webform-client-form .form-item textarea{ border:1px solid #CBCBCB; float:left}
.webform-client-form .form-item .form-textarea{ border:1px solid #CBCBCB;}
.webform-client-form .textarea-identifier{ margin-left:25%;}
.webform-client-form .field-prefix{ float:left;}
.webform-client-form #edit-submitted-address-wrapper.form-item{ margin-bottom:0;}
.webform-client-form .form-item .description{ clear:both; margin-left:22%; font-size:14px;}
#webform-component-14 label {display:none}
#webform-component-13 {width:auto; float:left}
#edit-submitted-14-wrapper{ padding-top:0px;}
#edit-submitted-14-wrapper input, #edit-submitted-x-card-code-wrapper input{ width:68px;}
#webform-component-14 {width:250px;; float:left; clear:both; padding-left:160px;}
#webform-component-x_card_code{clear:both}
#edit-submit{ margin:10px 0px 0px 160px;}
#content{text-align:left}
.node-content{padding-bottom:30px;}
.field-suffix{ padding-left:6px; float:left}
.req {color:#FF0000; text-align:left;margin:5px;}


/* $Id: system-menus.css,v 1.1 2007/10/05 14:50:25 goba Exp $ */

#adminpage #container p{padding:5px 5px 5px 0px;}
#adminpage #content{padding-bottom:50px;}
table {width:100%;}
.authored{display:none}

.adminpage #edit-submit{margin:10px 0 0 0px;}
.adminpage{padding-bottom:35px;}

/*** Admin Styles  ***/
#adminpage dl.admin-list dt, #adminpage .node-type-list dt{ margin-top:8px;}
#adminpage a, #adminpage #content .breadcrumb a:hover{ color:#336699;}
#adminpage #header a, #adminpage #footer ul.links a{ color:#FFFFFF;}
#adminpage #header a:hover{ text-decoration:none; color:#3B0000;}
#adminpage ul.primary li a{ color:#000000; text-decoration:none;}
#adminpage ul.secondary a:hover, #adminpage ul.secondary li.active a{ border-bottom:4px solid #999999;text-decoration:none;}
#adminpage th a:hover { color:#336699; text-decoration:none;}
#adminpage dl.admin-list dd, #adminpage .node-type-list dd{ margin-left:10px;}
#adminpage #content a:hover{ text-decoration:underline;}
#adminpage div.admin h3{ background:#6B6308; padding:0px 0px 0px 10px; margin:10px 0px; color:#FFFFFF; line-height:20px; font-size:14px;}
ul.secondary li.deactive{display:none}
#block-user-1 { overflow:hidden; _height:1%;}
#block-user-1 ul.menu li a{ background:url(images/admintabs.jpg) 0% 0% no-repeat;}
#block-user-1 ul.menu li.expanded.active-trail ul li a{background:none; padding:0px; margin:0px;}
#block-user-1 ul.menu li.expanded a{background:url(images/admintabsOver.jpg) 0% 0% no-repeat; text-decoration:none;}
#block-user-1 ul.menu li a.hover{text-decoration:none}
#block-user-1 ul.menu li.expanded.active-trail ul li a.active{ font-weight:normal;}
#block-user-1 ul.menu li.expanded.active-trail ul li a{ padding:0 0 0 0px; margin:0px;}
#block-user-1 ul.menu li a {line-height:25px}