/* ----------------------------------- Table Styles (new styles) ----------------------------------- */ .rule { height: 1px; } td { font-size: 11px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; } td a { color: #000000; text-decoration: underline; } td a:hover { color: #772059; text-decoration: none; } /* ----------------------------------- PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com Menu Type: Vertical Style Theme:0 -Basic Style ----------------------------------- */ #p4PMnav { margin: 0; padding: 0; overflow: hidden; } #p4PMnav li { list-style-type: none; margin: 0; padding: 0; height: 30px; } #p4PMnav ul { margin: 0; padding: 0; z-index: 10000; overflow: hidden; } #p4PMnav a { display: block; padding-top: 2px; padding-right: 18px; padding-bottom: 3px; padding-left: 3px; overflow: hidden; } #p4PMnav a:hover, #p4PMnav a:active, #p4PMnav a:focus { display: block; background-attachment: fixed; padding-top: 2px; padding-right: 18px; padding-bottom: 3px; padding-left: 3px; overflow: hidden; } /* ----------------------------------- PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com Menu Type: Vertical Style Theme:0 -Basic Style ----------------------------------- */ #p5PMnav { margin: 0; padding: 0; text-decoration: none; } #p5PMnav li { font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; list-style-type: none; height: 30px; width: 144px; background-image: url(http://www.uarts.edu/images/news_bg_a.gif); margin: 0; padding: 0; } #p5PMnav ul { margin: 0; padding: 0; z-index: 10000; } #p5PMnav a { display: block; text-decoration: none; padding-top: 3px; padding-right: 18px; padding-bottom: 3px; padding-left: 3px; } #p5PMnav a:hover, #p5PMnav a:active, #p5PMnav a:focus { display: block; text-decoration: none; padding-top: 3px; padding-right: 18px; padding-bottom: 3px; padding-left: 3px; } /* ----------------------------------- Right Links (News, Events, Video) ----------------------------------- */ .rightLinksA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; height: 30px; width: 144px; padding-left: 4px; background-image: url(http://www.uarts.edu/images/news_bg_a.gif); } .rightLinksA a { color: #000000; text-decoration: none; display: block; background-image: url(http://www.uarts.edu/images/news_bg_a.gif); } .rightLinksA a:hover { color: #772059; text-decoration: none; display: block; background-image: url(http://www.uarts.edu/images/news_bg_hover.gif); } .rightLinksB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; height: 30px; width: 144px; padding-left: 4px; background-image: url(http://www.uarts.edu/images/news_bg_b.gif); } .rightLinksB a { color: #000000; text-decoration: none; background-image: url(http://www.uarts.edu/images/news_bg_b.gif); } .rightLinksB a:hover { color: #772059; text-decoration: none; background-image: url(http://www.uarts.edu/images/news_bg_hover.gif); } /* ----------------------------------- Right Links (Events only) ----------------------------------- */ .rightLinksX { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 0px; } .rightLinksX a { color: #000000; line-height: 14px; text-decoration: none; display: block; background-image: url(http://www.uarts.edu/images/news_bg_a.gif); height: 29px; background-position: 0px top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; overflow: hidden; padding-right: 20px; padding-top: 1px; padding-bottom: 0px; padding-left: 3px; } .rightLinksX a:hover { color: #772059; line-height: 14px; text-decoration: none; display: block; background-image: url(http://www.uarts.edu/images/news_bg_hover.gif); height: 29px; overflow: hidden; } .eventsX { width: 144px; margin-bottom: 12px; line-height: 0px; } .rightLinksXx { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 0px; } .rightLinksXx a { color: #000000; line-height: 15px; text-decoration: none; display: block; background-image: url(images/news_bg_a.gif); height: 30px; background-position: -2px top; border-top-width: 2px; border-bottom-width: 1px; border-left-width: 2px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e3dfa6; border-bottom-color: #FFFFFF; border-left-color: #e3dfa6; overflow: hidden; padding-right: 20px; } .rightLinksXx a:hover { color: #772059; line-height: 15px; text-decoration: none; display: block; background-image: url(images/news_bg_hover.gif); height: 30px; overflow: hidden; } .eventsXx { width: 144px; margin-bottom: 12px; line-height: 0px; } /* ----------------------------------- Right Links (Gray Type) ----------------------------------- */ .rightLinksGray { color: #657b7d; } .rightLinksGray a { color: #657b7d; text-decoration: none; } .rightLinksGray a:hover { color: #772059; text-decoration: underline; } .rightLinksBlack { color: #000000; } .rightLinksBlack a { color: #000000; text-decoration: none; } .rightLinksBlack a:hover { color: #772059; text-decoration: underline; } /* ----------------------------------- ----------------------------------- */ .wrapper { width: 864px; height: auto; float: left; } .wrapperUArtsVideo { width: 768px; height: auto; float: left; background-image: url(http://www.uarts.edu/images/uarts_video_bg.gif); background-repeat: no-repeat; } .opaque { border-bottom:1px solid #FFFFFF; filter: alpha(opacity=100); opacity:1; } .opaque2 { border-bottom:1px solid #FFFFFF; filter: alpha(opacity=100); opacity:1; line-height: 18px; } /* ----------------------------------- PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com Menu Type: Vertical Style Theme:0 -Basic Style ----------------------------------- */ #p7PMnav { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } #p7PMnav li { list-style-type: none; } #p7PMnav ul { margin: 0; padding: 0; z-index: 10000; } #p7PMnav a { display: block; text-decoration: none; color: #000000; background-color: #EFF2F1; filter: alpha(opacity=92); opacity:.92; padding-top: 2px; padding-bottom: 2px; } #p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus { color: #FFFFFF; letter-spacing: 0.01px; background-color: #772059; filter: alpha(opacity=100); opacity:1; } /* ------ the current page marker style ------ */ #p7PMnav .p7PMmark { color: #333333; font-weight: bold; } /* ------ the trigger link styles ------- */ /*the normal trigger link */ #p7PMnav .p7PMtrg, #p7PMnav .p7PMon { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; background-color: #efdd99; width: 132px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 3px; padding-bottom: 3px; } /* the active trigger link style */ #p7PMnav .p7PMon { background-color: #772059; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #p7PMnav .p7PMtrg2, #p7PMnav .p7PMon2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; background-color: #f3e5b2; width: 132px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 3px; padding-bottom: 3px; } /* the active trigger link style */ #p7PMnav .p7PMon2 { background-color: #772059; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #p7PMnav .p7PMtrgA, #p7PMnav .p7PMonA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; background-color: #c8d2d0; width: 192px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 3px; padding-bottom: 3px; } /* the active trigger link style */ #p7PMnav .p7PMonA { background-color: #772059; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #p7PMnav .p7PMtrgB, #p7PMnav .p7PMonB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; background-color: #d8dedd; width: 192px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 3px; padding-bottom: 3px; } /* the active trigger link style */ #p7PMnav .p7PMonB { background-color: #772059; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #p7PMnav .p7PMtrgW, #p7PMnav .p7PMonW { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; background-color: #FFFFFF; width: 132px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 12px; } /* the active trigger link style */ #p7PMnav .p7PMonW { background-color: #FFFFFF; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 12px; } #p7PMnav .p7PMtrgS, #p7PMnav .p7PMonS { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; width: 132px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 23px; background-color: white; background-image: url(http://www.uarts.edu/images/sounds_of_uarts_button.gif); background-repeat: no-repeat; } /* the active trigger link style */ #p7PMnav .p7PMonS { color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 23px; background-image: url(http://www.uarts.edu/images/sounds_of_uarts_hover.gif); } #p7PMnav .p7PMtrgHead, #p7PMnav .p7PMonHead { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #627d77; width: 192px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 3px; padding-bottom: 3px; } /* the active trigger link style */ #p7PMnav .p7PMonHead { background-color: #772059; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /*the submenu classes */ #p7PMnav .p7PMhide { left: -9000px; border: 0; } #p7PMnav .p7PMshow { left: auto; z-index: 20000 !important; } /* Top level menu width */ #p7PMnav { width: 132px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /* 2nd and subsequent Submenu widths */ #p7PMnav ul { width: 240px; border-bottom:1px solid #FFFFFF; } #pmmcrumb { font-weight: bold; margin-bottom: 16px; color: #333333; } #pmmcrumb a, #pmmcrumb a:visited { font-weight: normal; color: #5A69A5; } #pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus { font-weight: normal; color: #333333; } /* ----------------------------------- PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com Menu Type: Vertical Style Theme:0 -Basic Style ----------------------------------- */ #p6PMnav { margin: 0; padding: 0; text-decoration: none; } #p6PMnav li { list-style-type: none; margin: 0; padding: 0; } #p6PMnav ul { margin: 0; padding: 0; z-index: 10000; } #p6PMnav a { display: block; text-decoration: none; padding: 3px; } #p6PMnav a:hover, #p6PMnav a:active, #p6PMnav a:focus { display: block; text-decoration: none; padding: 3px; } /* ----------------------------------- Emergency Marquee ----------------------------------- */ .emergencyBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #d52b1e; text-decoration: none; font-weight: bold; } .emergency { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #d52b1e; text-decoration: none; width: 350px; float: left; margin-left: 12px; } .uartsBanner { } .emergency a { color: #d52b1e; text-decoration: none; font-weight: normal; } .emergency a:hover { color: #d52b1e; text-decoration: underline; font-weight: normal; } /* ----------------------------------- Top Navigation (Home Page) ----------------------------------- */ .headerHome { height: 12px; width: 864px; margin-top: 24px; } .topNavHome { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; float: right; width: 450px; text-align: right; white-space: nowrap; } .topNavHome a { color: #000000; text-decoration: none; } .topNavHome a:hover { color: #772059; text-decoration: none; } /* ----------------------------------- Top Navigation ----------------------------------- */ .header { height: 156px; width: 768px; } .header1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; float: none; text-align: right; height: 36px; background-color: #bed6e4; margin-bottom: 12px; } .headerArtLeft { height: 36px; width: 161px; float: left; } .headerArtRight { float: right; height: 36px; width: 118px; } .headerRight { background-color: #A51C19; float: right; width: 430px; height: 36px; } .navTopRight { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; text-align: right; white-space: nowrap; float: right; background-color: #a51c19; padding-top: 18px; width: 430px; } .navTopRight a { color: #ffffff; text-decoration: none; background-color: #a51c19; } .navTopRight a:hover { color: #000000; text-decoration: none; background-color: #a51c19; } /* ----------------------------------- Breadcrumb Navigation ----------------------------------- */ .breadcrumbs { float: left; height: 12px; width: 768px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; text-align: left; white-space: nowrap; display: block; margin-top: 30px; margin-bottom: 10px; } .breadcrumbs a { color: #000000; text-decoration: underline; } .breadcrumbs a:hover { color: #772059; text-decoration: none; } .breadcrumbsBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; text-align: left; vertical-align: bottom; white-space: nowrap; font-weight: Bold; } .breadcrumbsBold a { color: #000000; text-decoration: underline; } .breadcrumbsBold a:hover { color: #772059; text-decoration: none; } /* ----------------------------------- Main Navigation ----------------------------------- */ .navMainTop { float: left; height: 54px; width: 132px; margin-right: 12px; clear: right; } .navA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #c8d2d0; width: 132px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .navA a { color: #000000; text-decoration: none; background-color: #c8d2d0; display: block; } .navA a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; display: block; } .navB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #d8dedd; width: 132px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .navB a { color: #000000; text-decoration: none; background-color: #d8dedd; } .navB a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; } /* ----------------------------------- Main Navigation (2 Lines) ----------------------------------- */ .navB30 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #d8dedd; height: 30px; width: 132px; padding-left: 4px; } .navB30 a { color: #000000; text-decoration: none; background-color: #d8dedd; } .navB30 a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; } /* ----------------------------------- Programs of Study Navigation ----------------------------------- */ .programsNavA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #efdd99; height: 18px; width: 132px; padding-left: 4px; } .programsNavA a { color: #000000; text-decoration: none; background-color: #efdd99; display: block; } .programsNavA a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; display: block; } .programsNavB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #f3e5b2; height: 18px; width: 132px; padding-left: 4px; } .programsNavB a { color: #000000; text-decoration: none; background-color: #f3e5b2; } .programsNavB a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; } /* ----------------------------------- Current Page Navigation ----------------------------------- */ .currentNavA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #e3dfa6; width: 192px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .currentNavA a { color: #000000; text-decoration: none; background-color: #e3dfa6; display: block; } .currentNavA a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; display: block; } .currentNavB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #ebe8bf; width: 192px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .currentNavB a { color: #000000; text-decoration: none; background-color: #ebe8bf; } .currentNavB a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; } .navLeft { width: 192px; float: left; position: relative; } .wrapperBody { float: left; margin-left: 12px; width: 564px; height: auto; background-image: url(http://www.uarts.edu/images/372_bg.gif); background-repeat: repeat-y; } .wrapperBodyNoPhoto { float: left; margin-left: 12px; width: 564px; height: auto; background-image: url(http://www.uarts.edu/images/432_bg.gif); background-repeat: repeat-y; } .wrapper2Body { float: left; width: 576px; height: auto; background-image: url(http://www.uarts.edu/images/372_bg.gif); background-repeat: repeat-y; background-color: #FFFFCC; } .wrapper3Body { float: left; width: 576px; height: auto; background-color: #d8dedd; margin-top: 12px; padding-bottom: 12px; } .wrapper4Body { float: left; width: 712px; height: auto; margin-top: 12px; padding-bottom: 12px; background-image: url(http://www.uarts.edu/images/sound_bg.gif); background-repeat: repeat-y; } .wrapperBodyQuote { float: left; margin-left: 12px; width: 564px; height: auto; background-image: url(http://www.uarts.edu/images/480_bg.gif); background-repeat: repeat-y; } .captionRight { float: right; height: auto; width: 84px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; color: #000000; } .captionBottom { float: right; height: auto; width: 144px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; color: #000000; text-align: right; padding-top: 6px; } /* ----------------------------------- Sub Navigation ----------------------------------- */ .subNavA { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #c8d2d0; width: 192px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .subNavA a { color: #000000; text-decoration: none; background-color: #c8d2d0; display: block; } .subNavA a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; display: block; } .subNavB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 12px; background-color: #d8dedd; width: 192px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .subNavB a { color: #000000; text-decoration: none; background-color: #d8dedd; } .subNavB a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; } /* ----------------------------------- Bottom Navigation (Home Page) ----------------------------------- */ .bottomNavHome { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; line-height: 18px; margin-top: 6px; margin-bottom: 0px; margin-left: 24px; width: 840px; } .bottomNavHome a { color: #000000; text-decoration: none; } .bottomNavHome a:hover { color: #772059; text-decoration: none; } /* ----------------------------------- Bottom Navigation ----------------------------------- */ .bottomNav { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; line-height: 18px; width: 204px; margin-top: 6px; float: left; } .bottomNav a { color: #000000; text-decoration: none; } .bottomNav a:hover { color: #772059; text-decoration: none; } /* ----------------------------------- Search Field ----------------------------------- */ .searchHome { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 36px; width: 132px; text-align: right; } .search { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 24px; width: 132px; text-align: right; float: right; clear: right; } /* ----------------------------------- Optional Address ----------------------------------- */ .optionalAddress { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 18px; margin-top: 12px; margin-left: 12px; float: left; } .optionalAddress a { color: #000000; text-decoration: none; } .optionalAddress a:hover { color: #772059; text-decoration: none; } .copy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; padding-top: 12px; padding-left: 12px; padding-right: 12px; } .quoteimage { float: left; width: 24px; padding-top: 5px; } .quoteCopy { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #627d77; line-height: 24px; float: left; width: 192px; margin-left: 12px; } .quoteEnd { font-size: 11px; line-height: 18px; } .noQuoteBG { background-image: url(http://www.uarts.edu/images/132_bg.gif); } .homePage { height: 502px; width: 864px; margin-top: 12px; } .columnA { height: 502px; width: 108px; float: left; } .columnB { float: left; margin-left: 12px; height: 502px; width: 132px; } .columnC { float: left; margin-left: 12px; height: 502px; width: 312px; } .eventsBannersA { height: 144px; width: 120px; margin-bottom: 12px; } .eventsBannersB { height: 144px; width: 120px; margin-bottom: 12px; } .eventsBannersC { height: 144px; width: 120px; } .columnD { float: left; margin-left: 12px; height: 502px; width: 120px; } .columnE { float: left; margin-left: 12px; height: 502px; width: 144px; } .columnEheads { height: 18px; width: 144px; } .mainNav { width: 132px; margin-bottom: 12px; } .news { width: 144px; height: 102px; } /* changed backround color to white */ .events { height: 132px; width: 144px; } .video { height: 102px; width: 144px; } .programsNav { height: 72px; width: 132px; margin-bottom: 12px; } .newsHead { background-color: #aea400; height: 18px; width: 144px; background-image: url(http://www.uarts.edu/images/news_head.gif); font-size: 11px; } .newsHead a { background-color: #aea400; background-image: url(http://www.uarts.edu/images/news_head.gif); text-decoration: none; display: block; } .newsHead a:hover { background-color: #772059; background-image: url(http://www.uarts.edu/images/news_head_hover.gif); text-decoration: none; display: block; } .eventsHead { background-color: #aea400; height: 18px; width: 144px; background-image: url(http://www.uarts.edu/images/events_head.gif); font-size: 11px; } .eventsHead a { background-color: #aea400; background-image: url(http://www.uarts.edu/images/events_head.gif); text-decoration: none; display: block; } .eventsHead a:hover { background-color: #772059; background-image: url(http://www.uarts.edu/images/events_head_hover.gif); text-decoration: none; display: block; } .videoHead { height: 18px; width: 144px; background-image: url(http://www.uarts.edu/images/video_head.gif); font-size: 11px; } .videoHead a { background-image: url(http://www.uarts.edu/images/video_head.gif); text-decoration: none; display: block; } .videoHead a:hover { background-image: url(http://www.uarts.edu/images/video_head_hover.gif); text-decoration: none; display: block; } .soundNav { background-image: url(http://www.uarts.edu/images/sounds_of_uarts_button.gif); height: 24px; width: 132px; font-size: 16px; } .soundNav a { background-image: url(http://www.uarts.edu/images/sounds_of_uarts_button.gif); text-decoration: none; display: block; } .soundNav a:hover { background-image: url(http://www.uarts.edu/images/sounds_of_uarts_hover.gif); text-decoration: none; display: block; } .addressCopy { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; text-align: left; vertical-align: bottom; height: 18px; border-top-width: 2px; border-top-style: solid; border-top-color: #c8d2d0; line-height: 18px; padding-top: 7px; } /* ----------------------------------- Wide Page Styles (new styles) ----------------------------------- */ .wrapperBodyWide { float: left; margin-left: 12px; width: 564px; height: auto; background-color: #FFFFCC; } .bodyAreaWide { float: left; width: 540px; background-color: #FFFFCC; } .bodyRightLogoNoPhoto2 { width: 84px; position: absolute; top: 148px; left: 820px; height: 180px; background-color: #FFFFFF; } /* ----------------------------------- Body Styles ----------------------------------- */ .bodyArea { float: left; width: 216px; background-color: #FFFFCC; } .body2Area { float: left; width: 336px; background-color: #FFFFCC; } .body2AreaNoPhoto { float: left; width: 396px; background-color: #FFFFCC; } .body2AreaNoPhotoWide { float: left; width: 432px; background-color: #FFFFCC; } .body3Area { float: left; width: 276px; } .body4Area { float: left; height: 578px; margin-right: 12px; padding-left: 12px; } .bodyTopLeft { float: left; padding-left: 12px; height: 84px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; } .bodyTopRight { float: right; width: 264px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; line-height: 18px; } .bodyTopRight a { color: #000000; text-decoration: none; } .bodyTopRight a:hover { color: #772059; text-decoration: underline; } .bodyBottom { width: 200px; clear: left; } .bodyCopy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; float: left; padding-top: 12px; padding-bottom: 30px; padding-left: 12px; } .bodyCopy a { color: #000000; } .bodyCopy a:hover { color: #772059; text-decoration: none; } .body2Copy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; float: left; padding-left: 12px; padding-bottom: 12px; } .bodyRight { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; float: right; width: 324px; } .body2Right { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; float: right; width: 192px; } .body3Right { float: right; width: 264px; padding-top: 12px; padding-bottom: 24px; } .body4Right { float: right; width: 264px; background-color: #d2e1f0; padding-top: 6px; } .quoteArea { width: 240px; float: left; } .bodyRightImage { background-color: #FFFFCC; width: 324px; height: 264px; } .body2RightImage { background-color: #FFFFCC; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; float: left; } /* absolute logo position. layout breaks in smart edit with original value */ .bodyRightLogo { width: 84px; position: absolute; top: 432px; left: 708px; height: 180px; background-color: #FFFFFF; } top: 432px; */ top: 455px left: 708px; height: 180px; background-color: #FFFFFF; } .bodyRightLogoNoPhoto { width: 84px; position: absolute; top: 148px; left: 708px; height: 180px; background-color: transparent; } .margin12bottom { margin-bottom: 12px; width: 192px; } .margin12right { float: left; margin-right: 12px; } .margin12top { float: left; margin-top: 12px; } .margin12left { float: left; margin-left: 12px; } .floatLeft { float: left; } .floatLeft320 { width: 320px; float: left; } .recentVideoImage { float: left; padding-left: 12px; padding-right: 12px; } .videoCopy { width: 204px; margin-top: 12px; float: left; } .video2Copy { width: 240px; margin-top: 12px; float: left; } .wrapperPage { height: auto; width: 864px; margin-left: 24px; padding-top: 12px; } .bodyArtLink { width: 132px; height: 200px; background-position: left bottom; vertical-align: bottom; display: block; bottom: 0px; cursor: crosshair; filter: Alpha(Opacity=80); background-image: url(http://www.uarts.edu/images/have_questions.gif); background-repeat: no-repeat; } .keepThisSpace { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .recentVideoA { padding-top: 6px; padding-bottom: 6px; background-color: #e3dfa6; float: left; width: 264px; } .recentVideoB { padding-top: 6px; padding-bottom: 6px; background-color: #ebe8bf; float: left; width: 264px; } .videoBlue { padding-top: 6px; padding-bottom: 6px; background-color: #d2e1f0; float: left; width: 264px; } .recentVideoCopy { float: left; width: 132px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #000000; } .recentVideo2Copy { float: left; width: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #000000; padding-bottom: 12px; } .recentVideoPlay { padding-top: 6px; float: left; margin-right: 12px; } .recentVideoDetails { padding-top: 6px; float: left; } .videoColumns { width: 192px; float: left; } .videoArchive { float: left; padding-left: 12px; } .videoArchiveRule { float: left; width: 180px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .videoArchivePhoto { float: left; margin-right: 12px; padding-top: 6px; padding-bottom: 12px; } .videoArchiveCopy { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; width: 108px; margin-top: 9px; padding-bottom: 6px; } .videoArchiveCopy a { color: #000000; text-decoration: none; } .videoArchiveCopy a:hover { color: #772059; text-decoration: underline; } .head18v { height: 18px; } .subBanner { height: 540px; padding-right: 12px; padding-left: 12px; float: left; } .dropdownMenu { width: 328px; float: left; } .bodyHeadArea { background-color: #FFFFFF; height: 60px; width: 192px; } .bodyHead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; font-weight: normal; color: #627d77; padding-top: 32px; float: left; background-color: #FFFFFF; width: 192px; padding-bottom: 4px; } .body2HeadArea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #627d77; text-decoration: none; background-color: #FFFFCC; height: 60px; width: 360px; } .body2Head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 22px; font-weight: normal; color: #627d77; padding-top: 32px; float: left; background-color: #FFFFFF; width: 252px; padding-bottom: 4px; letter-spacing: -0.2mm; } /* Left Navigation, section name anchor clickable */ .navSubHeadArea { background-color: #627d77; color: #FFFFFF; width: 192px; } .navSubHead { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #627d77; width: 192px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .navSubHead a { color: #FFFFFF; text-decoration: none; background-color: #627d77; display: block; } .navSubHead a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; display: block; } .navCurrentHeadArea { background-color: #aea400; color: #FFFFFF; width: 192px; } .navCurrentHead { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #aea400; width: 192px; padding-top: 3px; padding-left: 4px; padding-bottom: 5px; } .navCurrentHead a { color: #FFFFFF; text-decoration: none; background-color: #aea400; display: block; } .navCurrentHead a:hover { color: #FFFFFF; text-decoration: none; background-color: #772059; display: block; } .navProgramsHeadArea { background-color: #d7a900; color: #FFFFFF; height: 18px; width: 132px; } .navProgramsHead { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; font-weight: bold; color: #FFFFFF; float: left; background-color: #d7a900; padding-top: 3px; padding-left: 4px; padding-bottom: 2px; } .copyright { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 10px; color: #000000; } #flashcontent { text-align: left; } /* ----------------------------------- Search Page ----------------------------------- */ .wrapperBodySearch { float: left; margin-left: 0px; width: 636px; height: auto; background-color: #FFFFCC; } .search2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 24px; width: 132px; text-align: right; float: left; } .body2AreaSearch { float: left; width: 624px; background-color: #FFFFCC; } .bodySearch { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; text-align: left; float: left; padding-top: 12px; padding-bottom: 30px; padding-left: 12px; } .bodySearch a { color: #000000; } .bodySearch a:hover { color: #772059; text-decoration: none; } .searchHead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000; text-align: left; font-weight: bold; } .searchCopy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000000; text-align: left; } .searchCopy a { color: #aea400; } .searchCopy a:hover { color: #aea400; text-decoration: none; } .bar { color:#000000; height:1px; } /* ----------------------------------- Print Version Styles (new styles) ----------------------------------- */ .body2HeadArea a { color: #627d77; text-decoration: none; } .body2HeadArea a:hover { color: #772059; text-decoration: underline; } .printVersion { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #627d77; text-decoration: none; text-align: left; } .printVersion a { color: #627d77; text-decoration: none; } .printVersion a:hover { color: #772059; text-decoration: underline; } /* ----------------------------------- Enhanced bios ----------------------------------- */ .biomoov { float: left; width: 320px; margin-right: 20px; } .biosample { float: left; width: 320px; margin-top: 225px; margin-right: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 10pt; } .biobod { float: left; height: auto; margin-top: 12px; padding-bottom: 12px; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; } .media { float: left; position: static; display: block; background-color: #d2e1f0; } .facname { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; } .biotext { clear: left; float: left; width: 675px; margin-top: 20px; } .biotext a { color: #000000; } .biotext a:hover { color: #772059; text-decoration: none; } /* ----------------------------------- RedDot Smart Edit ----------------------------------- */ .reddot, .reddot a, .reddot img { background-image: none !important; display:inline !important; font-family: Arial, Verdana, Helvetica, Default; font-size: 10px; color: #FF0000; } #nav .reddot a { width: 1% !important; float: none; margin: 0; padding: 0 display: inline !important; } #nav .reddot, #nav .reddot a, #nav.reddot img { vertical-align: baseline !important; position: relative !important; left: 0 !important; top: 0 !important; } .redtext, .redText { font-family: Arial, Verdana, Helvetica, Default; font-size: 10px; color: #FF0000; }