a {text-decoration:underline; color:#25629E;} a:hover { text-decoration:none; color:#000000;} a.light {text-decoration:none; color:#A5CDE3;} a.light:hover {text-decoration:underline; color:#A5CDE3;} a.black {text-decoration:none; color:#000000; } a.black:hover { text-decoration:none; color:#5B746A;} a.gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 9px; line-height: 14px; color:#000000; text-decoration:none; color:#666666; } a.gray:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; color:#000000; text-decoration:underline; color:#5B746A;} a.white {text-decoration:none; color:#ffffff;} a.white:hover {text-decoration:underline; color:#ffffff; } .fontBlueSTitles { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color:#457D8F; } .fontBlackTitles { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height: 16px; color:#000000; } .fontGrayTitles10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; line-height: 10px; color:#65848D; } .fontblackTitles10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; line-height: 10px; color:#000000; } sup{font-size:10px;vertical-align:top;} sub {font-size:10px;vertical-align:bottom;} td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color:#000000; } img { border:0; } body { margin:0 auto; padding-top: 0px; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 120%; background: #ffffff url(../images/backer.jpg) top center; background-repeat:repeat-x; /* IE */ } /* Canvas Design */ .canvas { width:986px; text-align:left;height:auto; margin-top:0px; margin-right: auto; margin-bottom: 0; margin-left: auto; } .top { clear:both; position:relative; width:986px; height:11px; left:0px; margin:0px; padding:0px; background:url(../images/cs_top.jpg); } .shadow_wrap { position:relative; float:left; width:986px; background:url(../images/c_body.jpg) repeat; } .shadow_left { position:relative; float:left; height:681px; width:16px; background:url(../images/cs_left.jpg) repeat; } .layout_wrap { position:relative; float:left; width:950px; background-color:#F9F8F3; } .shadow_right { position:relative; float:left; height:681px; width:20px; background:url(../images/cs_right.jpg) repeat; } .bottom { clear:both; position:relative; width:986px; height:22px; left:0px; margin:0px; padding:0px; background:url(../images/c_bottom.jpg); } /* end structure */ /* Masthead Design */ .logo_wrap { clear:both; position:relative; float:left; width:950px; height:87px; margin: 0px 0px 0px 0px; left:0px; padding:0px; background:url(../images/mast_back_s.jpg); } .logo_wrap .uclogo { position:absolute; left:690px; top:10px; z-index:9; } .logo_wrap .login { position:absolute; left:790px; top:30px; z-index:9; } .logo { clear:both; position:relative; float:left; width:528px; height:77px; margin: 10px 0px 0px 0px; left:27px; padding:0px; } .search { position:relative; float:left; width:405px; height:40px; margin: 38px 0px 0px 0px; padding:0px; text-align:right; } .bpic { position:relative; float:left; width:647px; height:278px; margin: 0px 0px 0px 0px; padding:0px; } .nav { clear:both; position:relative; float:left; width:303px; height:278px; margin: 0px 0px 0px 0px; padding:0px; background:url(../images/nav_back.jpg); color:#FFFFFF; font-size:14px; letter-spacing:1px; } .nav .tn1{ position:relative; float:left; text-align:left; top:0px; } .nav .tn1 a{ width:230px; height:24px; padding-top:32px; padding-left:73px; background:url(../images/tn_1.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn1 a:hover{ width:230px; height:24px; padding-top:32px; padding-left:73px; background:url(../images/tn_1b.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn2{ position:relative; float:left; text-align:left; top:0px; } .nav .tn2 a{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_2.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn2 a:hover{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_2b.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn3{ position:relative; float:left; text-align:left; top:0px; } .nav .tn3 a{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_3.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn3 a:hover{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_3b.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn4{ position:relative; float:left; text-align:left; top:0px; } .nav .tn4 a{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_4.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn4 a:hover{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_4b.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn5{ position:relative; float:left; text-align:left; top:0px; } .nav .tn5 a{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_5.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn5 a:hover{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_5b.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn6{ position:relative; float:left; text-align:left; top:0px; } .nav .tn6 a{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_6.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn6 a:hover{ width:230px; height:24px; padding-top:10px; padding-left:73px; background:url(../images/tn_6b.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn7{ position:relative; float:left; text-align:left; top:0px; } .nav .tn7 a{ width:230px; height:42px; padding-top:10px; padding-left:73px; background:url(../images/tn_7.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn7 a:hover{ width:230px; height:42px; padding-top:10px; padding-left:73px; background:url(../images/tn_7b.jpg); display: block; color:#FFFFFF; text-decoration:none; } /* end structure */ /* Body Design */ .body_wrap { clear:both; position:relative; float:left; width:950px; min-height:300px; background-color:#00FF33; background:url(../images/body_back.jpg); background-repeat:repeat-x; } .leftC_wrap { clear:both; position:relative; float:left; width:316px; argin: 0px 0px 0px 0px; padding:0px; } .leftC_wrap .panel { clear:both; position:relative; float:left; width:266px; margin: 25px 0px 0px 0px; left:25px; padding:0px; } .leftC_wrap .title { clear:both; position:relative; float:left; width:266px; margin: 0px 0px 5px 0px; padding:0px; border-bottom:2px solid #DBDAD2; } .leftC_wrap .event { clear:both; position:relative; float:left; width:266px; margin: 0px; padding:0px; } .leftC_wrap .article_title { clear:both; position:relative; float:left; width:258px; height:20px; padding:4px 0px 0px 8px; background:url(../images/news_title_back.gif); background-repeat:no-repeat; } .leftC_wrap .article_title a { color:#FFFFFF; text-decoration:none; } .leftC_wrap .article_title a:hover { color:#FFFFFF; text-decoration:underline; } .leftC_wrap .event_body { clear:both; position:relative; float:left; width:266px; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; } .read_more a{ clear:both; position:relative; float:left; width:236px; font-weight:bold; margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; background:url(../images/bullet.gif); background-repeat:no-repeat; display: block; } .read_more a:hover{ clear:both; position:relative; float:left; width:236px; font-weight:bold; margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; background:url(../images/bullet2.gif); background-repeat:no-repeat; display: block; } .rightC_wrap { position:relative; float:left; width:609px; margin: 0px 0px 0px 0px; left:0px; padding:25px 0px 0px 0px; } .rightC_wrap .wrap { position:relative; clear:both; width:609px; margin: 0px 0px 0px 0px; left:0px; padding:0px; } .rightC_wrap .title { position:relative; width:609px; margin: 0px 0px 0px 0px; left:0px; padding:0px; border-bottom:2px solid #DBDAD2; } .rightC_wrap .lp { position:relative; float:left; clear:both; width:149px; height:165px; left:10px; top:20px; background-image:url(../images/lp.jpg) } .rightC_wrap .welcome { position:relative; float:left; width:435px; height:auto; left:25px; top:20px; margin: 0px 0px 37px 0px; } .rightC_wrap .lc { position:relative; float:left; clear:both; width:294px; left:10px; top:20px; } .rightC_wrap .rc { position:relative; float:left; width:295px; left:10px; top:20px; } .rightC_wrap .listitem a{ clear:both; position:relative; float:left; width:236px; text-decoration:none; font-weight:bold; margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; background:url(../images/bullet.gif); background-repeat:no-repeat; display: block; } .rightC_wrap .listitem a:hover{ clear:both; position:relative; float:left; width:236px; font-weight:bold; text-decoration:underline; margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; background:url(../images/bullet2.gif); background-repeat:no-repeat; display: block; } .rightC_wrap .date { position:relative; float:left; width:245px; left:22px; margin:0px 0px 7px 0px; } .footer { clear:both; position:relative; float:left; width:950px; height:101px; margin: 20px 0px 0px 0px; padding:0px; background:url(../images/foot_back.jpg); background-repeat:repeat-x; } .footer .ucdavis { position:absolute; left:20px; top:30px; z-index:9; } .footer .mondavi { position:absolute; left:680px; top:30px; z-index:9; } .footer .foot_nav { position:relative; text-align:center; padding:10px; font-size:11px; color:#999999; } .footer .foot_nav a { font-size:11px; color:#999999; text-decoration:none; } .footer .foot_nav a:hover{ font-size:11px; color:#999999; text-decoration:underline; } .footer .foot_cp { position:relative; text-align:center; padding:10px; font-size:11px; color:#666666; } /*.layout { width:916px; text-align:left; height:auto; margin-top:0px; margin-right: auto; margin-bottom: 0; margin-left: auto; } */ /* home page css */ /* .masthead { clear:both; position:relative; width:880px; left:18px; margin:0px; padding:0px; } .banner{ position:relative; float:left; width:526px; height:111px; } .sn{ position:relative; float:left; width:354px; height:61px; background-color:#ECECEC; padding-top:50px; text-align:center; font-size:13px; } .sn a{ color:#333333; text-decoration:none; } .sn a:hover{ color:#333333; text-decoration:underline; } .hortop{ position:relative; float:left; width:880px; height:15px; background-color:#dadada; } .tn { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:2px; width:880px; height:53px; background-color:#000000; } .tn .pipe{ width:3px; height:53px; float:left; background:url(../images/pipe.jpg); } .tn a{ color:#FFFFFF; text-decoration:none; } .tn a:hover{ color:#FFFFFF; text-decoration:underline; } .tn1{ clear:both; position:relative; float:left; text-align:right; } .tn1 a{ width:192px; height:15px; padding:19px; background:url(../images/nav.jpg); display: block; } .tn1 a:hover{ width:192px; height:15px; padding:19px; background:url(../images/navb.jpg); display: block; } .tn2{ position:relative; float:left; text-align:center; } .tn2 a{ width:96px; height:15px; padding:19px; background:url(../images/nav.jpg); display: block; } .tn2 a:hover{ width:96px; height:15px; padding:19px; background:url(../images/navb.jpg); display: block; } .tn3{ position:relative; float:left; text-align:center; } .tn3 a{ width:96px; height:15px; padding:19px; background:url(../images/nav.jpg); display: block; } .tn3 a:hover{ width:96px; height:15px; padding:19px; background:url(../images/navb.jpg); display: block; } .tn4{ position:relative; float:left; text-align:center; } .tn4 a{ width:104px; height:15px; padding:19px; background:url(../images/nav.jpg); display: block; } .tn4 a:hover{ width:104px; height:15px; padding:19px; background:url(../images/navb.jpg); display: block; } .tn5{ position:relative; float:left; text-align:left; } .tn5 a{ width:190px; height:15px; padding:19px; background:url(../images/nav.jpg); display: block; } .tn5 a:hover{ width:190px; height:15px; padding:19px; background:url(../images/navb.jpg); display: block; } .bpic { clear:both; float:left; position:relative; height:256px; min-height:256px; max-height:256px; width: 526px; margin:0px; padding:0px; background-color:#ffffff; } .bt { position:relative; float:left; height:256px; min-height:256px; max-height:256px; width: 354px; margin:0px; padding:0px; } .highlight { clear:both; position:relative; width:880px; left:18px; margin:0px; padding:0px; height:auto; min-height:150px; background: #DDDDDD url(../images/homegrad.jpg) top center; background-repeat:repeat-x; } .highlight .left{ clear:both; position:relative; width:245px; height:auto; float:left; padding:20px; font-size:13px; line-height:126%; } .highlight .bullet a{ clear:both; position:relative; width:202px; margin-left:14px; margin-top:10px; padding-left:24px; height:auto; float:left; z-index:0; min-height:16px; text-align:left; background:url(../images/bullet.gif) top left no-repeat; display: block; } .highlight .bullet a:hover{ clear:both; position:relative; width:202px; margin-left:14px; margin-top:10px; padding-left:24px; height:auto; float:left; z-index:0; min-height:16px; text-align:left; background:url(../images/bullet2.gif) top left no-repeat; display: block; } .highlight .center{ position:relative; width:144px; height:auto; float:left; padding-top:20px; } .highlight .right{ position:relative; width:401px; height:auto; float:left; padding:20px; } .highlightFoot { clear:both; position:relative; width:880px; left:18px; margin:0px; padding:0px; min-height:2px; height:2px; border-bottom:2px solid #E4E0E1; } .stories { clear:both; position:relative; width:880px; left:18px; margin:0px; padding:0px; min-height:150px; background-color:#FFFFFF; } .stories .left{ clear:both; position:relative; width:399px; margin-top:10px; padding-left:20px; padding-right:20px; margin-bottom:10px; height:auto; float:left; border-right:2px solid #CCCCCC; } .stories .right{ position:relative; width:399px; margin-top:10px; padding-left:20px; padding-right:20px; margin-bottom:10px; height:auto; float:left; } .stories .title{ clear:both; width:398px; position:relative; padding-bottom:6px; margin:0px; height:22px; } .stories .pic{ clear:both; width:122px; position:relative; float:left; } .stories .pic img { margin-top:6px; } .stories .content{ position:relative; width:266px; float:left; padding-left:10px; } .stories .content a{ text-decoration:none; font-weight:bold; color:#000000; } .fn { position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; left:18px; font-size:12px; text-align:center; letter-spacing:1px; width:880px; height:35px; background-color:#646464; color:#FFFFFF; padding-top:18px; } .fn a{ color:#FFFFFF; text-decoration:none; } .fn a:hover{ color:#FFFFFF; text-decoration:underline; } .fn img{ margin-left:13px; margin-right:10px; } .foot { clear:both; position:relative; left:18px; font-size:11px; width:880px; padding-top:20px; padding-bottom:20px; height:auto; text-align:center; background-color:#ffffff; } */ /* end */ .lcH{ clear:both; position:relative; width:410px; min-height:212px; float:left; z-index:0; left:5px; background-image:url(../fw/lch_body.jpg); background-repeat:repeat-y; } .lcHEvent{ clear:both; position:relative; width:386px; height:auto; padding:5px; left:4px; z-index:0; margin-top:3px; margin-bottom:6px; } .lcHEventPic{ clear:both; position:relative; width:103px; height:auto; float:left; z-index:0; } .lcHEventShort{ position:relative; width:257px; height:auto; float:left; z-index:0; left:3px; } #agenda{ clear:both; position:relative; width:402px; height:auto; z-index:0; margin-bottom:8px; } .lcH .eventFoot{ clear:both; position:relative; width:410px; height:14px; min-height:14px; max-height:14px; padding-bottom:3px; height:auto; background:url(../fw/lch_foot.jpg) no-repeat; display: block; } .rcH{ position:relative; width:545px; float:left; z-index:0; left:11px; background-image:url(../fw/rch_body.jpg); background-repeat:repeat-y; } .rcHPic{ clear:both; position:relative; width:129px; height:auto; float:left; left:10px; top:3px; z-index:0; } .rcHEvent{ position:relative; width:376px; height:auto; float:left; left:24px; z-index:0; } .rcH .eventFoot{ clear:both; position:relative; width:545px; height:14px; min-height:14px; max-height:14px; padding-bottom:3px; height:auto; background:url(../fw/rch_foot.jpg) no-repeat; display: block; } .lc{ clear:both; position:relative; width:342px; float:left; z-index:0; left:5px; background-image:url(../fw/lc_body.jpg); background-repeat:repeat-y; } .lc a { text-decoration:none; font-weight:800; color:#285CAB; } .lc a:hover {text-decoration:underline; font-weight:800; color:#000000; } .lc .event{ position:relative; width:342px; height:auto; } .lc .eventFoot{ clear:both; position:relative; width:342px; height:14px; min-height:14px; max-height:14px; border-bottom:5px solid #ffffff; height:auto; background:url(../fw/lc_foot.jpg) no-repeat; display: block; } .lc .pic{ clear:both; position:relative; width:103px; height:auto; float:left; z-index:0; } .lc .short{ position:relative; width:208px; height:auto; float:left; z-index:0; left:3px; } .lc .bullet a{ clear:both; position:relative; width:282px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; height:20px; text-align:left; background:url(../images/bullet2.gif) top left no-repeat; display: block; } .lc .bullet a:hover{ clear:both; position:relative; width:282px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; height:20px; text-align:left; background:url(../images/bullet.gif) top left no-repeat; display: block; } .lc .bullet2 a{ clear:both; position:relative; width:282px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; text-align:left; background:url(../images/bullet.gif) top left no-repeat; display: block; color:#000000; font-weight:100; } .lc .bullet2 a:hover{ clear:both; position:relative; width:282px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; text-align:left; background:url(../images/bullet2.gif) top left no-repeat; display: block; } .lc .bulletOn { clear:both; position:relative; width:282px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; height:20px; text-align:left; background:url(../images/bullet.gif) top left no-repeat; display: block; } .lc .clear{ clear:both; position:relative; width:322px; min-height:1px; max-height:1px; float:left; height:1px; z-index:0; } .rc{ position:relative; width:620px; float:left; top:0px; left:10px; background-image:url(../fw/rc_body.jpg); background-repeat:repeat-y; } .rcBody{ position:relative; width:580px; height:auto; float:left; padding-left:12px; padding-right:20px; z-index:0; } #overviewWrap { clear:both; position:relative; padding-left:15px; padding-right:15px; padding-bottom:25px; top:8px; padding-bottom:15px; } #grayheading{ clear:both; position:relative; z-index:0; width:568px; padding:10px; margin-top:0px; text-align:left; background-color:#F8F8F8; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;} #picboxwhite { float:left; position:relative; z-index:0; margin-right:8px; margin-bottom:8px; text-align:left; background-color:#ffffff; } #picboxwhitecap{ clear:both; float:left; position:relative; z-index:0; left:5px; padding:0px; text-align:left; width:255px; } .singleC{ position:relative; width:970px; float:left; } /* admin component css */ #menuBulletA{ clear:both; position:relative; width:22px; z-index:0; padding:3px; float:left; text-align:right; } #menuItemA{ width:184px; position:relative; z-index:0; padding:3px; margin-top:2px; float:left; text-align:left; } #submenuWrap{ clear:both; position:relative; z-index:0; width: 200px; padding-left:25px; text-align:left; } #adminPanel { position:relative; z-index:0; width: 630px; height:auto; padding:5px; text-align:left; background-color:#F9F9F9; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-top: 1px #fefefe solid; border-left: 1px #fefefe solid; } #adminSubPanel { position:relative; z-index:0; width: 618px; height:auto; padding:5px; text-align:left; background-color:#FCFCFC; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-top: 1px #fefefe solid; border-left: 1px #fefefe solid; } #formLabel { clear:both; position:relative; width: 150px; height:auto; float:left; text-align:right; } #formField { position:relative; width: auto; height:auto; float:left; } #listItem { clear:both; position:relative; width: 549px; z-index:9; height:14px; padding:4px; margin:1px; float:left; background-color:#ffffff; } #listItemActionWrap { position:relative; width:52px; z-index:9; height:14px; min-height:12px; padding:4px; margin:1px; float:left; text-align:center; background-color:#FFFFFF; } #listItemAction { position:relative; width:10px; padding-left:3px; padding-right:3px; float:left; background-color:#FFFFFF; } #adminwrap { position:relative; width: 655px; padding:0px; text-align:left; } #instructions { position:relative; width: 631px; padding:10px; margin-bottom:5px; text-align:left; } #toolswrap { clear:both; position:relative; width: 647px; height:auto; padding:2px; float:left; background-color:#ffffff; } #toollabel1 { clear:both; position:relative; width: 245px; height:16px; padding:4px; margin:1px; float:left; background-color:#EEEEEE; } #toollabel2 { position:relative; width:382px; height:16px; padding:4px; margin:1px; float:left; text-align:left; background-color:#EEEEEE; } #tool { clear:both; position:relative; width: 245px; height:14px; padding:4px; margin:1px; float:left; border-right: 1px #f2f2f2 none; border-bottom: 1px #f2f2f2 solid; border-top: 1px #f2f2f2 none; border-left: 1px #f2f2f2 none; } #toolActions { position:relative; width:300px; height:14px; padding:4px; margin:1px; float:left; text-align:left; border-right: 1px #f2f2f2 none; border-bottom: 1px #f2f2f2 solid; border-top: 1px #f2f2f2 none; border-left: 1px #f2f2f2 none; } #toolClose { position:relative; width:70px; height:14px; padding:4px; margin:1px; float:left; text-align:right; border-right: 1px #f2f2f2 none; border-bottom: 1px #f2f2f2 solid; border-top: 1px #f2f2f2 none; border-left: 1px #f2f2f2 none;} .fontAlert { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; line-height: 16px; color:#990000; }