/* Home styles. Last edited on 04-27-10
----------------------------------------------- */ 

#homebanner { background: #fff url(../css-images/home-banner-bg.jpg) no-repeat; width: 978px; height: 223px; float: left; clear: both; margin: 0; padding: 0 1px 1px; white-space: nowrap; }
#homebanner #leftbanner { width: 625px; height: 216px; float: left; clear: none; margin: 0; padding: 0; }
#homebanner #pagebanner { width: 625px; height: 216px; float: left; clear: none; margin: 0; padding: 0; }
#homebanner #rightbanner { width: 315px; height: 213px; float: right; clear: none; margin: 0; padding: 3px 20px 0 0; white-space: normal; }

#homebanner #rightbanner p { color: #41525c; font: 12px/18px Arial, Helvetica, sans-serif; }
#homebanner #rightbanner p.right { text-align: right; }

/* l2 Overview banners --- */
#homebanner.system { background: #fff url(../css-images/home-banner-bg-l2.jpg) no-repeat 0 bottom; height: 90px; overflow: hidden; padding-bottom: 8px; }
#homebanner.system #leftbanner { width: 625px; height: 90px; }
#homebanner.system #rightbanner { height: 90px; }
#homebanner.system #rightbanner p { color: #41525c; font: 14px/21px Arial, Helvetica, sans-serif; margin-top: 1px; padding-top: 10px; }



/* body-col content 
---------------------------- */


/* Home Magazine Covers list items --------- */

#body-col .mag-covers { background: url(../css-images/ubi-home-bottom.png) repeat-x 0 bottom; width: 625px; height: auto; position: relative; float: left; clear: both; margin: 0 -13px -1px -35px; padding: 0 0 15px; }
* html #body-col .mag-covers { margin-left: -18px; padding: 0; }

#body-col .mag-covers.about { background: url(../css-images/spacer.gif) }

#body-col .mag-covers h3 { margin-left: 35px; }

#body-col ul.covers { font: 11px/16px Arial, Helvetica, sans-serif; text-align: center; float: left; clear: both; width: 100%; margin: 0; padding: 10px 0 0 12px; }
#body-col ul.covers li { background: url(../css-images/spacer.gif); text-align: center; list-style-type: none; list-style-image: url(../css-images/spacer.gif); width: 85px; float: left; clear: none; min-height: 130px; margin: 0; padding-left: 13px; white-space: normal; display: inline; }

#body-col ul.covers li a { width: 85px; padding-top: 105px; padding-bottom: 10px; text-align: center; height: auto; display: block; white-space: normal; }
#body-col ul.covers li a:link, #body-col ul.covers li a:visited { color: #333; text-decoration: none; border-style: none; }
#body-col ul.covers li a:hover, #body-col ul.covers li a:active { color: #bf2e1a; text-decoration: none; border-style: none; }

#body-col ul.covers li a.mosquitoes { background: url(../css-images/mag-bgs-m-mosquitoes.png) no-repeat center 0; }
#body-col ul.covers li a.invivo { background: url(../css-images/mag-bgs-In-vivo.png) no-repeat center 0; }
#body-col ul.covers li a.auto { background: url(../css-images/mag-bgs-auto-islet.png) no-repeat center 0; }
#body-col ul.covers li a.sample { background: url(../css-images/mag-bgs-sample-handling.png) no-repeat center 0; }
#body-col ul.covers li a.nematode { background: url(../css-images/mag-bgs-nematode.png) no-repeat center 0; }
#body-col ul.covers li a.nucleic { background: url(../css-images/mag-bgs-nucleic-acids.png) no-repeat center 0; }


/* END Styles ----------------*/