/* CSS Document */
/*****************************
Description: CSS file for exfo website
Layout: Estuardo Zelaya
Created: 2007-02-20
******************************/

.ibody {
margin-top:0px; background:transparent url(../../index/assets/bodybackfinal.jpg) repeat-x top left;
}

.iwrapper {
width:770px; height:423px; margin-right:auto; margin-left:auto; background-color:transparent; border:1px solid #5A4931; margin-top:100px;
}

#iheader {
width:770px; height:71px; clear:both; background-image:url(assets/exfoheader.jpg); background-repeat:repeat-x; background-position:top left;
}

.isearcher {
width:400px; height:55px; float:right; background-color:transparent; text-align:right; padding-right:10px; padding-top:10px;
}

#imenu {
width:770px; height:18px; clear:both; background:transparent url(assets/menuback.jpg) repeat-x top left; text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica; font-size:0.7em; font-weight:bold; padding-top:1px; 
}

.igreen {
width:770px; height:15px; clear:both; background-color:#78AE0A;
}

.icontent {
width:770px; height:294px; clear:both; background:transparent url(assets/centerback.jpg) repeat-x top left;
}

.ibanner {
width:360px; height:294px; float:left; text-align:left;
}

#ioptions {
width:302px; height:294px; float:left; display:inline;
}

#iespecies {
width:302px; height:97px; clear:both;
}

#iespecies > img {
margin-top:6px; margin-bottom:1px;
}


.iespeciesbanner {
width:262px; height:58px; clear:both; padding-left:40px;
}

.iasesorias {
width:302px; height:97px; clear:both;
}

.iasesorias > img {
margin-top:5px; margin-bottom:1px;
}

#iasesoriasbanner {
width:262px; height:58px; clear:both; padding-left:40px;
}

#isostenibilidad {
width:302px; height:97px; clear:both;
}

#isostenibilidad > img {
margin-top:5px; margin-bottom:1px;
}

#isostenibilidadbanner {
width:262px; height:58px; clear:both; padding-left:40px;
}

.itree {
width:103px; height:294px; background-color:#CCCCCC; float:left; background:transparent url(assets/backtree.jpg) no-repeat top left; margin-left:2px;
}

#ifooter {
width:770px; height:20px; clear:both; background-color:#5A4931; background:#5A4931 url(assets/backfooter.jpg) no-repeat top right; color:#ffffff; font:bold 0.7em Arial, Helvetica, sans-serif; text-align:center; padding-top:5px;
}


/****************************************/
/* links for the menu */
a, a:active {
font-family:  Arial, Helvetica, sans-serif; color:#494121; text-decoration:none;
}

a:hover {
font-family:  Arial, Helvetica, sans-serif; color:#003300; text-decoration:none;
}
/* end of links for the navigation menu   */
/* ************************************** */



/*****************************************/
/* links for the menu */
a.mmenuLinks, a.mmenuLinks:active {
font-family:  Arial, Helvetica, sans-serif; color:#494121; text-decoration:none
}

a.mmenuLinks:hover {
font-family:  Arial, Helvetica, sans-serif; color:#003300; text-decoration:none
}

a.mmenuLinksActive {
font-family:  Arial, Helvetica, sans-serif; color:#003300; text-decoration:none
}
/* end of links for the navigation menu   */
/* ************************************** */

/***************************************** /
/* links for the top menu */

a.mmenuTopLinks, a.mmenuTopLinks:active {
font:bold 0.7em Arial, Helvetica, sans-serif; color:#494121; text-decoration:none
}

a.mmenuTopLinks:hover {
font:bold 0.7em Arial, Helvetica, sans-serif; color:#003300; text-decoration:none
}

/* end of links for the top navigation menu */
/* **************************************** */


