/* shorty additions */ /* set up your fonts etc. in your body style longers! (never in the tag) */ body { font-family:Verdana, Helvetica, sans-serif; font-size:72%; line-height:1.4em; color:#565656; background:#d6f088; margin:0; padding:0; text-align:center; } /* you'll need this class as a general tool for clearing your floated elements and giving your container elements a height */ .clr { display:block; clear:both; line-height:0; height:0px; margin:0; padding:0; overflow:hidden; background:000; background:none } /* get rid of top margins in headers */ h1, h2, h3, h4, h5, h6, h7 { margin:0 0 1em; } h2 { font-size:1.6em } h3 { font-size:1em } a { color:#c97200; text-decoration:none } a:hover { text-decoration:underline } a:active, a:focus, a:hover, a { outline:none } #contentwrapper { width:945px; text-align:left; margin:20px auto 0 auto; padding:0; } #shadowsides { background:url(../images/sitewide/shadow.jpg) repeat-y; } #shadowtop { background:url(../images/sitewide/shadow_top.jpg) no-repeat top; } #shadowbottom { background:url(../images/sitewide/shadow_bot.jpg) no-repeat bottom; padding:0 23px; } #content { zoom:1; position:relative; background:url(../images/sitewide/lhs_bg.jpg) repeat-y left; padding:1px 0 1px 10px; } .hassidebar #content { background:url(../images/sitewide/lhs_bg_sidebar.jpg) repeat-y left; } #header { float:right; width:713px; height:84px; background:url(../images/sitewide/header.jpg) no-repeat top right; padding-top:79px; } .hassidebar #header { background-image:url(../images/sitewide/header_sidebar.jpg); margin-bottom:0; } #logo { float:left; margin-top:10px; background-image:url(../images/sitewide/logo.png); width:175px; height:143px; z-index:20 } * html #logo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sitewide/logo.png',sizingMethod='crop'); } h1 { background:url(../images/sitewide/bar_bg.jpg) repeat-y right; border:0; border-style:solid none; color:#fff; text-align:right; text-transform:uppercase; font-size:2.2em; letter-spacing:-1px; font-weight:normal; margin:0; font-family:"Trebuchet MS", Verdana, sans-serif; } .smallfont { font-size:70%; } #mainwrapper { background:url(../images/nav/navcol-bg.gif) repeat-y left; } #nav { float:left; width:155px;} #nav ul { list-style:none; margin:0; padding:0; background:#83a51b; } #nav ul li { border-bottom:solid 1px #fff; } /* turn off second level navs */ #nav ul li ul { display:none } /* turn on second level navs where their parent

is .on */ #nav ul li.on ul { display:block; margin-bottom:.6em } #nav ul li a { display:block; color:#fff; text-transform:uppercase; text-decoration:none; text-indent:-9999px; height:30px; } #nav ul li a:hover { background-color:#c97200; color:#fff; } #nav ul li.on, #nav ul li.on ul { background:#c97200 } #nav ul li.on li { border-bottom:none; zoom:1 } #nav ul li.on li a { text-indent:0; height:auto; text-transform:none; color:#e3e3e3; padding:4px 12px; } #nav ul li.on li a:hover, #nav ul li.on li.on a { color:#fff; } #nav-home { background-image:url(../images/nav/home.png); } #nav-about { background-image:url(../images/nav/aboutus.png); } #nav-support { background-image:url(../images/nav/support.png); } #nav-apply { background-image:url(../images/nav/apply.png); } #nav ul li a#nav-grant { background-image:url(../images/nav/grant.png); height:43px; } #nav-recent { background-image:url(../images/nav/recent.png); height:43px; } #nav-collaborations { background-image:url(../images/nav/collaborations.png); } #nav-programs { background-image:url(../images/nav/programs.png); } #nav-privacy { background-image:url(../images/nav/privacy.png); } #nav-resources { background-image:url(../images/nav/resources.png); } #nav-publications { background-image:url(../images/nav/publications.png); } #nav-sitemap { background-image:url(../images/nav/sitemap.png); } * html #nav-home { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/home.png',sizingMethod='crop'); } * html #nav-about { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/aboutus.png',sizingMethod='crop'); } * html #nav-support { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/support.png',sizingMethod='crop'); } * html #nav-apply { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/apply.png',sizingMethod='crop'); } * html #nav ul li a#nav-grant { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/grant.png',sizingMethod='crop'); } * html #nav-recent { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/recent.png',sizingMethod='crop'); } * html #nav-collaborations { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/collaborations.png',sizingMethod='crop'); } * html #nav-programs { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/programs.png',sizingMethod='crop'); } * html #nav-privacy { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/privacy.png',sizingMethod='crop'); } * html #nav-resources { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/resources.png',sizingMethod='crop'); } * html #nav-publications { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/publications.png',sizingMethod='crop'); } * html #nav-sitemap { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav/sitemap.png',sizingMethod='crop'); } #main { float:right; width:700px; margin-left:20px; line-height:1.8em; padding-bottom:80px; } #mainleft { margin-right:30px; } #mainright { display:none; } .hassidebar #mainleft { width:450px; } .hassidebar #main { background:url(../images/sitewide/main-bg.jpg) repeat-y right; } .hassidebar #mainright { display:block; } #mainright { float:right; width:190px; margin-left:20px; margin-right:5px; } #mainright div { padding-right:10px; } #mainright hr { background:none; border-style:none; background:url(../images/sitewide/sidebar-hr.png) repeat-x; height:11px; border:none; size:0; margin:1em -5px 1em 0; } * html #mainright hr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sitewide/sidebar-hr.png',sizingMethod='crop'); } #footer { padding:8px 23px; font-size:.9em; }