@charset "utf-8";
/* Global Reset and bug fixer */
img { display: block; }

body { text-align: center; background:#ffffff;	font-family:arial,verdana,helvetica,sans-serif;	padding: 0px; margin:0px; font-size:12px;  }
div span { position:relative; }
/*******************************
 Body
*******************************/
#template_body {  width: 739px; min-width:739px; text-align: left; margin: auto; } /* Container Div: Page width and top margin */

#template_body a, #template_body a:link, #template_body a:visited { text-decoration: none;  } /* All Links */
#content a, #content a:hover { text-decoration: underline; } /* hover for all links in the center or content */
h1 {font-size: 18px; font-family:  Arial, Helvetica, sans-serif; color: #000066; margin-bottom: 5px; text-align: left; border-bottom: 1px solid #6699CC;}
h2 {font-size: 13px; font-weight: bold; font-family:  Arial, Helvetica, sans-serif; color: #355d65; margin-bottom: 0px; padding-top: 0px;}
h3 {font-size: 18px; font-weight: bold; font-family:  Arial, Helvetica, sans-serif; color: black; margin-bottom: 0px;}
h4 {font-size: 10px; font-weight: bold; font-family:  Arial, Helvetica, sans-serif; color: black;}  
h5 {font-size: 12px; font-family:  Arial, Helvetica, sans-serif; color: black; margin-bottom: 0px; text-align: left;}
h6 {font-size: 13px; font-weight: bold; font-family:  Arial, Helvetica, sans-serif; color: black;}  

p { font-family: Arial, Helvetica, sans-serif; color: black; font-size:12px; }

#content img { display:inline; }


/*******************************
 Header
*******************************/
/* Top Text */
#template_header #topText { height:15px; margin: 0px 6px 0px 4px } /* Bar height and right/left margins */
#template_header #topText a { font-size: 10px; color: #000000; } /* Links */
#template_header #topText a:hover { text-decoration: underline; } /* Link hover properties */
#template_header #topText #leftText { float: left; } /* Advanced Search | Search Help */
#template_header #topText #rightText { float: right; display:none; } /* Contact US | Site map */

/* Top Border */
#template_header #topBorder { height:29px; overflow:hidden; }
#template_header #headerCenterBackground { background:url(/global/templates/sites/default/images/headerTopBG.gif) 20px repeat-x; height:29px; margin-left:20px; margin-right:18px; } /* Div to populate the center background */

#template_header #headerLeftBorder { float:left; width:390px; margin-top: -29px; height:29px;} /* Left border with IDB Name */
#template_header .english { background:url(/global/templates/sites/default/images/headerTitleEnglish.gif) 0px no-repeat; } /* IADB title in English */
#template_header .spanish { background:url(/global/templates/sites/default/images/headerTitleSpanish.gif) 0px no-repeat; } /* IADB title in Spanish */
#template_header .portuguese { background:url(/global/templates/sites/default/images/headerTitlePortuguese.gif) 0px no-repeat; } /* IADB title in Portuguese */
#template_header .french { background:url(/global/templates/sites/default/images/headerTitleFrench.gif) 0px no-repeat; } /* IADB title in French */

#template_header #headerRightBorder { background:url(/global/templates/sites/default/images/headerCornerRight.gif) right no-repeat; width:18px; height:29px; float:right; margin-top: -29px; } /* Top right border */

/* Search box */
#template_header #globalSearch { float:right; height:29px; text-align: right; padding:7 10px 0 0; margin:-30px 0 0 0; font-size:10px; color:#000000; }
* html #template_header #globalSearch { margin-right: -20px; }
#template_header #globalSearch input { font-size:10px; height:18px; width:100px; margin-left:8px; margin-right:2px;}
#template_header #globalSearch a { color:#000000;}

/* GlobalNavigation */
#template_header #globalNavigation { background:#000066; padding-top:1px;  height:17px;  white-space: nowrap; width:100%; display:block; } /* Background */
* html #template_header #globalNavigation { height:18px; } /* IE HACK - needs to be 1px more than FF, otherwise the hover changes globalNav height*/
#template_header #globalNavigation span { text-align:center; float: left; }
.english span#GlobalNav1    { width:13%; } .english span#GlobalNav2    { width:15%;  } .english span#GlobalNav3    { width:9%; } .english span#GlobalNav4     { width:13%; } .english span#GlobalNav5    { width:9%; } .english span#GlobalNav6    { width:12%; } .english span#GlobalNav7    { width:13.8%; } .english span#GlobalNav8    { width:15%; } 
.spanish span#GlobalNav1    { width:10%; } .spanish span#GlobalNav2    { width:17%;  } .spanish span#GlobalNav3    { width:10%; } .spanish span#GlobalNav4    { width:11%; } .spanish span#GlobalNav5    { width:9%; } .spanish span#GlobalNav6    { width:11%; } .spanish span#GlobalNav7    { width:16.8%; } .spanish span#GlobalNav8    { width:15%; } 
.portuguese span#GlobalNav1 { width:12%; } .portuguese span#GlobalNav2 { width:17%;  } .portuguese span#GlobalNav3 { width:10%; } .portuguese span#GlobalNav4 { width:10%; } .portuguese span#GlobalNav5 { width:9%; } .portuguese span#GlobalNav6 { width:11%; } .portuguese span#GlobalNav7 { width:16.8%; } .portuguese span#GlobalNav8 { width:14%; } 
.french span#GlobalNav1     { width:15%; } .french span#GlobalNav2     { width:20%;  } .french span#GlobalNav3     { width:9%; } .french span#GlobalNav4      { width:8%; } .french span#GlobalNav5      { width:11%; } .french span#GlobalNav6    { width:11%; } .french span#GlobalNav7     { width:10.8%; } .french span#GlobalNav8     { width:15%; } 

#template_header #globalNavigation a { font-weight:bold;font-size:13px; color:#FFFFFF; text-decoration:none; width:100%; display:block; } /* Font properties and spacing between links */
#template_header #globalNavigation a:hover{ background:#000000; color:#FFFFFF; text-decoration:none; } /* Link hover properties */

/* Banner */
#template_header #banner { clear:both; width:100%; } /* Banner background color */

/*******************************
 Center part
*******************************/
#template_center { background:#ffffff; border-left: solid 1px rgb(0, 51, 102); border-right: solid 1px rgb(0, 51, 102); } /* Right and left border colors (can be RGB or #xxxxxx) */

/* Header Bar (Breadcrumb and language selector) */ 
#template_center #headerBar {background:#f8f9ee; font-size:10px; height: 18px; padding:0px 6px 0px 6px } /* Background color, font-size, height and margins */
#template_center #headerBar a:hover { text-decoration:underline } /* Link hover */

/* Breadcrumb properties */
#template_center #breadCrumb {float:left; padding-top:2px; color:#000080;} /* BreadCrumb properties */
#template_center #breadCrumb a { color:#000080;} /* BreadCrumb properties */
#template_center #breadCrumb a.noLinkItem { color:#000080;} /* BreadCrumb last item properties */
#template_center #breadCrumb a.noLinkItem:hover { text-decoration:none;} /* BreadCrumb last item properties */
#template_center #breadCrumb a.lastItem { color:#666666;} /* BreadCrumb last item properties */
#template_center #breadCrumb a.lastItem:hover { text-decoration:none; } /* BreadCrumb last item properties */

/* Language Selector properties */
#template_center #languageSelector { color:#000080; float:right; padding-top:2px; } /* Text color */
#template_center #languageSelector a { color:#000080 } /* Link color */

/* Inner Center */
#template_center #innerCenter { width:100%; overflow: hidden; display:block; } /* Properties for layout purpose */
* html #template_center #innerCenter { width:100%; overflow:visible; display:block; } /* IE FIx */

/* Left Bar */
#template_leftBar { width: 170px; background:#FFFFFF; font-size: 10px; float:left; clear:both; } /* Left bar width, background color and font size */

/* Content bar */
#template_center #topBar { height:18px; padding-top:3px; padding-right:3px; width:100%; }
* html #template_center #topBar { width:564px; } /* IE bug fix. We have to define the width of the bar that holds the print button. Increase this value if the content area is increased. */
#template_center #topBar #printButton { float: right; }
#template_center #topBar #printButton a { display:block; margin:1px; padding:1px; color:#666666; font-size:10px; }
#template_center #topBar #printButton a:hover { background-color:#EEEEEE; display:block; border: solid 1px #999999; margin:0px; }
#template_center #topBar #printButton .general { padding-top:0px;padding-bottom:0px;padding-left:2px; padding-right:4px; }
#template_center #content {position:relative; width:564px; z-index:1; float:right; overflow:hidden}
#template_center #content.noMenu {width:100%;}

/* Bottom Border */
#template_Bottom #bottomBorder { height:18px; } /* Bottom border container */
#template_Bottom #bottomCenterBackground { background:url(/global/templates/sites/default/images/bottomCenterBG.gif) 20px repeat-x; height:18px; margin-left:20px; margin-right:18px; } /* Div to populate the center background */
#template_Bottom #bottomLeftBorder { background:url(/global/templates/sites/default/images/bottomCornerLeft.gif) left no-repeat; width:20px; height:18px; float:left; margin-top: -18px;} /* bottom left border */
#template_Bottom #bottomRightBorder { background:url(/global/templates/sites/default/images/bottomCornerRight.gif) right no-repeat; width:20px; height:18px; float:right; margin-top: -18px; } /* Bottom right border */

/* Copyrights */
#template_Bottom #copyRights { width:445px; padding-top:2px; width:100%; text-align:center}
#template_Bottom #copyRights div { width:400px; margin:auto; height:25px; background: url(/global/templates/sites/default/images/idb_logo.gif) 5px top no-repeat; padding-top:6px; color: #000033; font-size:10px; padding-left:40px; white-space: nowrap; }
#template_Bottom #copyRights div a  { color: #000033; text-decoration:none; }
#template_Bottom #copyRights div a:hover { text-decoration:underline; }

/* ================== MENU ITEMS ======================== */
/* Menu All items */
#templateMenu * { z-index: 10000; }
#templateMenu .notItemsListInPath { display:none; }
#templateMenu .itemsListInPath { }
#templateMenu ul {  background-color:#f8f9ee; border-bottom: solid 1px #BFCACE; list-style-type:none; margin:0; padding:0; } /* Background color, separator color */
#templateMenu li a { font-size:10px; outline:none; }
* html #templateMenu li a { width:100%; } /* IE6 Hack to make the whole menu item area clickable */
#templateMenu li a.parentSelected { background-color:#f8f9ee; } /* Parents selected link background - The order that the css for all links is displayed here matters! */
#templateMenu li a:hover { background-color:#EBEBC9; } /* Hover background change */
#templateMenu li a.parentSelected:hover { background-color:none; }
#templateMenu li a.selected { background-color:#EBEBC9; } /* Selected link background */

/* Menu First level */
#templateMenu ul li { color: #000066; border-top:1px solid #BFCACE; } /* Inserts the gray line between items on the first level items */
#templateMenu ul li a.parentSelected { color: #000066; } /* Parents selected link background - The order that the css for all links is displayed here matters! */
#templateMenu ul li a.selected { background-color:#EBEBC9; } /* Selected link background */
#templateMenu ul li a { background: url(/global/templates/sites/default/images/MenuBullet.gif) 5px 2px no-repeat; color:#000066; text-decoration:none; margin: 1px 0px 1px 0px; padding: 4px 0px 4px 22px; display:block; } /* Left image, text color and properties */

/* Menu second levels */
#templateMenu ul ul { margin-left:15px; border-bottom: 0px; } /* Shifts the sub items to the right and removes a blank line in the bottom of each set of items */
#templateMenu ul ul li{ margin-bottom:-1px; border:0px; } /* Removes the gray line separating the items */
#templateMenu ul ul li a.parentSelected { background-color:#f8f9ee; } /* Parents selected link background - The order that the css for all links is displayed here matters! */
#templateMenu ul ul li a.selected { color: #006699; background-color:#EBEBC9; } /* Selected link background */
#templateMenu ul ul li a { background: url(/global/templates/sites/default/images/MenuBullet2.gif) 5px no-repeat; padding-bottom:1px; padding-top:1px } /* Changes the image and the height of the link */

/* Menu third levels */
#templateMenu ul ul ul{ margin-left:15px; border-bottom: 0px; } /* Shifts the sub items to the right and removes a blank line in the bottom of each set of items */
#templateMenu ul ul ul li{ margin-bottom:-1px; border:0px; } /* Removes the gray line separating the items */
#templateMenu ul ul ul li a.parentSelected { background-color:#f8f9ee; } /* Parents selected link background - The order that the css for all links is displayed here matters! */
#templateMenu ul ul ul li a.selected { background-color:#EBEBC9; } /* Selected link background */
#templateMenu ul ul ul li a { background: url(/global/templates/sites/default/images/MenuBullet3.gif) 5px no-repeat; padding-bottom:1px; padding-top:1px } /* Changes the image and the height of the link */
/* =============== END MENU ITEMS ======================= */