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;} img { border:0; } .text-field { border-top: 1px solid #666666; height: 15px; border: 1px solid #CCCCCC; } 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:37px; margin: 38px 0px 0px 0px; padding:0px; text-align:right; } .bpic { position:relative; float:left; width:647px; height:226px; margin: 0px 0px 0px 0px; padding:0px; } .nav { clear:both; position:relative; float:left; width:303px; height:226px; background:url(../images/nav_backs.jpg); margin: 0px 0px 0px 0px; padding:0px; 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:22px; padding-top:13px; padding-left:73px; background:url(../images/tns_1.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn1 a:hover{ width:230px; height:22px; padding-top:13px; padding-left:73px; background:url(../images/tns_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:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_2.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn2 a:hover{ width:230px; height:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_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:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_3.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn3 a:hover{ width:230px; height:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_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:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_4.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn4 a:hover{ width:230px; height:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_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:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_5.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn5 a:hover{ width:230px; height:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_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:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_6.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn6 a:hover{ width:230px; height:22px; padding-top:9px; padding-left:73px; background:url(../images/tns_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:27px; padding-top:9px; padding-left:73px; background:url(../images/tns_7.jpg); display: block; color:#FFFFFF; text-decoration:none; } .nav .tn7 a:hover{ width:230px; height:27px; padding-top:9px; padding-left:73px; background:url(../images/tns_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; } .leftC_wrap .eventlist{ padding:8px 0px 2px 14px; font-size:10px; } .leftC_wrap .eventlist a{ color:#1A426A; } .leftC_wrap .eventlist strong{ font-size:11px; } .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 .wrap .special a{ text-decoration:none; } .rightC_wrap .wrap .special a:hover{ text-decoration:none; } .rightC_wrap .title { position:relative; width:609px; margin: 0px 0px 0px 0px; left:0px; padding:0px; border-bottom:2px solid #DBDAD2; } .grayheading{ clear:both; position:relative; z-index:0; width:595px; padding:6px; margin:5px 0px 5px 0px; text-align:left; background-color:#355B31; color:#FFFFFF; border-right:1px solid #000000; border-bottom:1px solid #000000; border-top:1px solid #999999; border-left:1px solid #999999;} .picboxwhite { float:left; position:relative; z-index:0; margin-right:8px; margin-bottom:8px; padding:2px; text-align:left; background-color:#ffffff; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; border-left:1px solid #cccccc; } .picboxwhiteR { float:right; position:relative; z-index:0; margin-left:8px; margin-bottom:8px; padding:2px; text-align:left; background-color:#ffffff; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; border-left:1px solid #cccccc; } .picboxwhitecap{ clear:both; float:left; position:relative; z-index:0; left:5px; padding:0px; text-align:left; width:255px; } .rightC_wrap .eventlist{ padding:8px 0px 8px 24px; font-size:12px; } .rightC_wrap .eventlist a{ color:#1A426A; } .rightC_wrap .eventlist strong{ font-size:12px; } #sectiontitle{ position:relative; float:left; width:600px; top:2px; padding-top:16px; margin-bottom:4px; border-bottom:3px solid #c8c8c8; font-size:13px; letter-spacing:1px; } .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; } */ /* admin component css */ .adminbullet a{ clear:both; position:relative; width:164px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; height:20px; text-align:left; background:url(../images/bulletGray.gif) top left no-repeat; display: block; } .adminbullet a:hover{ clear:both; position:relative; width:164px; margin-left:8px; margin-top:5px; padding-left:24px; height:auto; float:left; z-index:0; height:20px; text-align:left; background:url(../images/bulletGray2.gif) top left no-repeat; display: block; } #menuBulletA{ clear:both; position:relative; width:22px; z-index:0; padding:3px; float:left; text-align:right; } #menuItemA{ width:150px; position:relative; z-index:0; padding:3px; margin-top:2px; float:left; text-align:left; background-color:#00FF33; } #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; }