@charset "utf-8";
/* CSS Document */
/* Table of Contents

    Universal Page Descriptions - Style guide for site
    Page Containers - Structural divs
    General Divs  - Reusable divs (caption, etc)    
    Specific Divs - Specific containers (used on one page)

*/


/* Universal Page Descriptions */

a:link {
 color:#057280;
}

/*
a[href^="http:"] {
    background: transparent url(/images/Link_Icons/ExternalLink.gif) no-repeat right center;
    padding-right: 14px;
}

a[href^="http://www.ipas.org"], a[href^="http://ipas.org"], a[href^="http://www.mappingourrights.org"], a[href^="http://search.crownpeak.com"], a[href^="http://jobs-ipas.icims.com"] {
    background-image: none;
    padding-right: 0;
}

a[href^="mailto:"] {
    background: transparent url(/images/Link_Icons/Email.gif) no-repeat right center;
    padding-right: 14px;
}
*/

body {
  font-family:Frutiger, Arial, Verdana, Helvetica;
  background: #ffffff; 
  color: #000000;
  margin-top:0px;
  margin-left: 0px;
  margin-right:0px;
  margin-bottom:0px;
  font-size:10px;

  }

/* headings */

h1 {
font-size: 24px;
font-style: normal;
line-height: 20pt;
font-weight: bold;
font-variant: normal;
color: #330066;
}

h2 {
font-size: 20px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #330066;
}

h3 {
font-size: 16px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #330066;
}

h4 {
font-size: 14px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
}

h5 {
font-size: 9pt;
font-style: italic;
font-weight: normal;
font-variant: normal;
color: #330066;
}

h6 {
font-size: 8pt;
font-style: normal;
font-weight: lighter;
font-variant: normal;
color: #000000;
}

/* lists items */

LI
{
margin-top: 5px;
margin-bottom: 6px;
}

/* unordered lists */
OL {
font-size: 10pt;
line-height: 12pt;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 8px;
padding-left: 6px;
list-style-type:decimal;
}

UL {
font-size: 10pt;
line-height: 12pt;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 8px;
padding-left: 6px;
list-style-type: disc;
}


UL UL {
list-style-type: circle;
}

UL UL UL {
list-style-type: square;
}

UL UL UL UL {
list-style-type: disc;
}

/*
hr {
color: #330066;
height: 2px;
width: 100%;
}
*/
p {
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
}

/*  Page Containers */
/* Stylesheet def header v2 */
			/**#template is a placeholder for the table that builds the page; this can be removed **/
			#template {margin-top:0; padding-top:0;}
			/**anything that begins #banner is a container used to position the banner elements **/
			#bannerWrapper {position:relative; height:125px;width:768px; padding:0; margin:0; background: url('/images/bg_header.gif') repeat-x top right; }
			#bannerLogo {height:95px; width:592px;padding: 0; margin: 0;}
			#bannerBottom {height:30px; padding: 0; margin: 0;}
			#bannerLeft {width:592px; height: 125px; padding: 0; margin: 0;}
			#bannerRight {float:right; width:176px; height:125px; background-image:url(); background-repeat:no-repeat;}
			/** The class bannerLinks handles the image replacement for all graphic based links **/
			a.bannerLinks {text-decoration:none; background-repeat:no-repeat;}
			a.bannerLinks img {border:none;}
			/** Formatting for the bits and pieces of the banner **/
			#logo {position:absolute; top:0; left:0; background-image:url(/images/Header_v2/Ipas_Logo_En.jpg); height:95px; width:432px;}
			#ladyHead {float:right; height:125px; width:176px;}			
			#facebook, #youtube {float:right; padding:0 10px 0 0;}
			#facebook, #youtube {margin:100px 0 0 0; text-indent:-9999px; height:20px; width:55px;}
			#facebook {background-image:url(/images/Header_v2/Facebook_Banner.jpg);}
			#youtube {background-image:url(/images/Header_v2/YouTube_Banner.jpg);}
			a#language  {color:#fff; font-family:Frutiger, Arial, Verdana, Helvetica, sans-serif; font-size:13px; position:absolute; top:102px; left:15px;}
			a#language:hover {color:#dfdfdf;}
			#searchForm {margin:95px 0 0 0; height: 30px; padding: 0;}
			#searchInput {color:#8F8581 !important; font-weight:bold; font-size:10px; padding:2px; margin: 4px 0 0 10px; width:120px; height:14px;}
			#searchButton {background-image:url(/images/Header_v2/Search_Button.jpg); background-repeat:no-repeat; width:22px; height:22px; text-indent:-9999px; border: none; }
			#searchButton:hover {background-image:none; border: none; }
			#searchButton:hover {background-image:url(/images/Header_v2/Search_Button_Hover.jpg); border: none; }
			
			/** #donateNow css is used to handle the rollover on the Donate Now Button. You should be able to remove the float:right; for the Ipas template. **/
			#donateNow {background-image:url(/images/donate-new-eng.jpg); text-indent:-9999px; float:right; width:170px; height:32px;}
			#donateNow:hover {background-image:none;}
			#donateNow:hover {background-image:url(/images/donate-new-eng-hover.jpg); }

			#donateNowES {background-image:url(/images/donate-new-es.jpg); text-indent:-9999px; float:right; width:170px; height:32px;}
			#donateNowES:hover {background-image:none;}
			#donateNowES:hover {background-image:url(/images/donate-new-es-hover.jpg); }


#container{
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:0px;
align:center;
width:768px;
}

#header {
float:left;
width:768px; height:130px;
}

#LeftMenu{
float:left;
padding:0px;
padding-top:0px;
width:160px;
}

#Center {
position:relative;
float: left;
padding:0px;
width:608px;
}

#foot {
border-top:solid;
border-width:1px;
/* position:relative; */        
float:left;
padding:0px;
font-size:14px;
width:768px; height:70px;
font-size:10px;
margin-top:40px;
}

#divFeaturedLink {
position: absolute;
left: -160px;
top: 360px;           
padding: 0px;
padding-top:0px;
width: 140px;
}

/* General divs */

#Pageheader {
font-size:20px;
/*
color: #006973;
*/
color:#d66b00;
font-weight:bold;
}

#Caption {
font-size:10px;
color: #545454;
font-weight:normal;
}

#PhotoCredit{
font-size: 8px;
color: #545454;
font-weight: normal;
font-style: italic;
}

#Title {
font-size: 14px;
color: #028d9f;
font-weight: bold;
}

#littleheading {
font-size: 9pt;
color: #006973;
font-weight: bold;
font-style: italic;
line-height: 12pt;
cursor:pointer;
}

#bigheading  {
/* font-size: 16px;
color: #006973;
font-weight: bold;
cursor:pointer; */

font-size: 14pt;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #d66b00;
cursor: pointer;
}

#Quote{
font-family: Frutigier, arial, verdana, geneva, helvetica, sans-serif;
float:left;
padding:10px;
line-height:11pt;
font-size: 8pt;
text-align: left;
}

#Quoteatt

{
font-family: Frutigier, arial, verdana, geneva, helvetica, sans-serif;
font-size: 8pt;
font-style: italic;

}

#Related {
float: right;
font-size:12px;
padding-left:5px;
padding-top:5px;

}

#Bibliography {
font-family: Frutigier, arial, verdana, geneva, helvetica, sans-serif;
font-size: 13pt;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #008FA2;
color: #FFFFFF;
width: 100%;
}

/* Specific divs */

#Search {
text-align:right;
filter:alpha(opacity=90);
position:absolute;
left:560px;
top:93px;
height:23px;
width:200px;
}


#Mainstory {

float:left;
padding:0px; 
width:300px;
color: #000000;

}

#News {
float:left;
padding:0px;
width:308px;

}

#News li {
margin-left:0px;
padding:0px;
/*list-style-image:url(../Production Images/bullet.gif); */
list-style-type:circle;
}

#Newscontent {
padding:0px;
padding-top:0px;
width:303px;
float:right;
font-size: 10px;
text-align: left;
margin-left:5px;
margin-right:0px;
}


#Product {
float:left;
width:150px;
height:150px;
text-align:center;
padding-right:0px;
cursor:pointer;
}

#Mission {
position:relative;
float:left;
padding:0px;
width:180px;
height:340px;
color: #006973;
padding-left:20px;
font-size: 10pt;
}

#Position {
position:relative; 
float:left;
padding:0px;
padding-bottom:10px;
width:200px;
height:170px;
cursor:pointer;
text-align:right;
}

#Country {
float:left;
width:300px;
height:160px;
padding-bottom:10px;
}

#rightRose {
font-family: Frutigier, arial, verdana, geneva, helvetica, sans-serif;
font-size: 9pt;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 4px;
background-color: #993399;
color: #ffffff;
}

#rightRose a {
color: #ffffff;
}

#rightRose a:visited {
color: #ffffff;
}

.littleheading {
font-size: 9pt;
color: #006973;
font-weight: bold;
font-style: italic;
line-height: 12pt;
cursor:pointer;
text-decoration:none;
}

.inputSearchBox {
height: 14px;
font-size: 12px;      
}

.navHead {
font-family: Frutigier,arial, verdana, geneva, helvetica, sans-serif;
font-size: 9pt;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #008FA2;
color: #FFFFFF;

}
.navBody
{
font-family: Frutigier,arial, verdana, geneva, helvetica, sans-serif;
font-size: 9pt;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #3DAAB8;
color: #ffffff;
}

.date {
font-size: 9pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #330066;
}

.newsitemdate {
font-size: 9pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #ffffff;
background-color: #3DAAB8;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

.listitem {
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
}

.bigLine {
font-family: Frutigier,arial, verdana, geneva, helvetica, sans-serif;
font-size: 13pt;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #008FA2;
color: #FFFFFF;
width: 100%;
}

.pageSectionTitle {
font-family: Frutigier,arial, verdana, geneva, helvetica, sans-serif;
font-size: 9pt;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
/*
background-color: #3DAAB8;
*/
background-color:#408f96;
font-style:bold;
color: #ffffff;
border-top: 1px solid #006973;
}

.ddHeaderLine {
background-color: #408f96;   
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;     
border-top: 1px solid #006973;       
}

.ddListLineA {
background-color: #fbecd9;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;  
}        

.ddListLineB {
background-color: #f6d6ae;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;                  
}

a.audioLink {
   padding-right: 14px;
   background: transparent url(/images/Link_Icons/Audio.gif) no-repeat center right;
}

a.ddListAnchor {
   font-family: Frutigier, arial, verdana, geneva, helvetica, sans-serif;
   text-decoration:none;
   color:#000000;
   font-size:9pt;
   font-style:bold;
}

a.dsphead{
   text-decoration:none;
   color:#ffffff;
   font-size:9pt;
   font-style:bold;
/*   margin-left:1.5em; */        
}


/* 
a.dsphead:hover{
   text-decoration:underline;
}
*/

a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;
}

.dspcont{
   display:none;
   margin-left:1.5em;
}

.class1 A:link {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #dc6c00; font-weight: bolder;}
.class1 A:visited {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px;color: #dc6c00; font-weight: bolder;}
.class1 A:active {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #dc6c00; font-weight: bolder;}
.class1 A:hover {
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #dc6c00;
font-weight: bolder;
}
 .class1 UL {
 color: #dc6c00;
 }
 
 
.class2 A:link {text-decoration: none; font-size: 12px; color: #ffffff;}
.class2 A:visited {text-decoration: none; font-size: 12px; color: #ffffff;}
.class2 A:active {text-decoration: none;  font-size: 12px; color: #ffffff;}
.class2 A:hover {text-decoration: none; font-size: 12px; color: #ffffff; 
}
 
.class3 A:link {text-decoration: none; font-size: 16px; color: #dc6c00;}
.class3 A:visited {text-decoration: none;  font-size: 16px; color: #dc6c00;}
.class3 A:active {text-decoration: none;  font-size: 16px; color: #dc6c00;}
.class3 A:hover {text-decoration: none;  font-size: 16px; color: #dc6c00; 
}
.class4 A:link {text-decoration: none;  font-size: 12pt; color: #46a3ab;font-weight: bolder;}
.class4 A:visited {text-decoration: none;  font-size: 12pt; color: #46a3ab;font-weight: bolder;}
.class4 A:active {text-decoration: none;  font-size: 12pt; color: #46a3ab;font-weight: bolder;}
.class4 A:hover {
text-decoration: none;
font-size: 12pt;
color: #46a3ab;
font-weight: bolder;
}
/* these are the text styles*/
.whiteheader{
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}

.black {
font-size: 12px;
color: #000000;
}
.white{
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
}
.citation {
font-size: 8px;
color: #000000;
font-weight: normal;
}
.blackheader{
font-size: 14px;
color: #000000;
font-weight: bolder;

}
.MASectionTitle{
color: #46a3ab;
font-size: 14px;
font-weight: bolder;

}
.MAFeatureImage{
border-color: #46a3ab;
margin-top: 5px;
width: 200px;
}
.orange {
color: #dc6c00;
font-size: 12px;
font-weight: normal;
}
.orangeheader{
color: #dc6c00;
font-size: 16px;
font-weight: bolder;
}

.orangeheader A:link {text-decoration: none; color: #dc6c00;}
.orangeheader A:visited {text-decoration: none; color: #dc6c00;}
.orangeheader A:active {text-decoration: none;  color: #dc6c00;}
.orangeheader A:hover {text-decoration: none; color: #dc6c00;
}
.orangetitle{
color: #dc6c00;
font-size: 20px;
font-weight: bold;
}
/* Code for rounded corners on boxes*/

/* Light teal box hex# 7ebac2 */

.roundedcornr_box_562955 {
   background: #7ebac2;
}
.roundedcornr_top_562955 div {
   background: url(/images/ma/roundedcornr_562955_tl.png) no-repeat top left;
}
.roundedcornr_top_562955 {
   background: url(/images/ma/roundedcornr_562955_tr.png) no-repeat top right;
}
.roundedcornr_bottom_562955 div {
   background: url(/images/ma/roundedcornr_562955_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_562955 {
   background: url(/images/ma/roundedcornr_562955_br.png) no-repeat bottom right;
}

.roundedcornr_top_562955 div, .roundedcornr_top_562955, 
.roundedcornr_bottom_562955 div, .roundedcornr_bottom_562955 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_562955 {
margin: 0 10px;
}

/* medium purple box hex# a771a2 */
.roundedcornr_box_190759 {
   background: #a771a2;
}
.roundedcornr_top_190759 div {
   background: url(/images/ma/roundedcornr_190759_tl.png) no-repeat top left;
}
.roundedcornr_top_190759 {
   background: url(/images/ma/roundedcornr_190759_tr.png) no-repeat top right;
}
.roundedcornr_bottom_190759 div {
   background: url(/images/ma/roundedcornr_190759_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_190759 {
   background: url(/images/ma/roundedcornr_190759_br.png) no-repeat bottom right;
}

.roundedcornr_top_190759 div, .roundedcornr_top_190759, 
.roundedcornr_bottom_190759 div, .roundedcornr_bottom_190759 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_190759 {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}

/* medium teal box hex# 46a3ab */
.roundedcornr_box_894983 {
   background: #46a3ad;
}
.roundedcornr_top_894983 div {
   background: url(/images/ma/roundedcornr_894983_tl.png) no-repeat top left;
}
.roundedcornr_top_894983 {
   background: url(/images/ma/roundedcornr_894983_tr.png) no-repeat top right;
}
.roundedcornr_bottom_894983 div {
   background: url(/images/ma/roundedcornr_894983_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_894983 {
   background: url(/images/ma/roundedcornr_894983_br.png) no-repeat bottom right;
}

.roundedcornr_top_894983 div, .roundedcornr_top_894983, 
.roundedcornr_bottom_894983 div, .roundedcornr_bottom_894983 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_894983 {
color: #FFF;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}

/* hr new color - overrides master stylesheet*/

hr {
color: #46a3ab ;
height: 2px;
width: 100%;
}
IMG {border-color: #46a3ab;
}