@charset "utf-8"; /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*to enable resizing for IE*/ input,textarea,select{*font-size:100%;} /*because legend doesn't inherit in IE */ legend{color:#000;} /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * Bump up IE to get to 13px equivalent */ pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;} /* YUI Font sizing: For this PX Use this percentage: 10 77 11 85 12 93 13 100 14 108 15 116 16 123.1 17 131 18 138.5 19 146.5 20 153.9 21 161.6 22 167 23 174 24 182 25 189 26 197 End Yahoo */ body {background: #f1f0e6 url(/img/umc-background-gradient-top.png) repeat-x top; color: #330303; font-family: Arial, Helvetica, sans-serif; height: auto; width: 100%; } a {color: #7a1600;} .btm-grad {position: relative; height: 57px; width: 100%; background: #f1f0e6 url(/img/umc-background-gradient-btm.png) repeat-x bottom;} .clear {clear: both;} .info-box {background: url(/img/umc-background-title-gradient.png) left top repeat-x; border-top: 1px solid #c5c19d; float: left;} .ostext {text-indent: -999999px;} .ostext a {height: 100%; left: 0px; position: absolute; outline: none; top: 0px; width: 100%;} h2.info-box-title {border-bottom: 1px dotted #330303; color: #68652f; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 12px 18px; padding-bottom: 5px;} #page {text-align: left; margin: 0 auto; padding: 0; width: 955px;} #page-header {background: url(/img/home/umc-home-persona-placeholder.png) right top no-repeat; height: 102px; padding: 25px 0 0 110px; position: relative;} #lilo {color: #330303; font-family: Arial, Helvetica, sans-serif; font-size: 85%; line-height: 1.2em; padding-top: 12px; width: 130px;} #lilo h4 {color: #68652f; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.3em; text-transform: uppercase;} #page-header h1.logo {background: url(/img/umc-web-logo.png) no-repeat; height: 93px; left: 0px; position: absolute; top: 25px; width: 89px;} #main-navigation {background: transparent url(/img/navgrad.gif) repeat-x scroll 0 0; border-color:#E7E7D5 #E7E7D5 #C5C19D #E7E7D5; border-style:solid; border-width:1px; height:23px; padding: 0 0 0 16px; width: 937px;} #main-navigation ul {float: left; list-style: none; margin: 0; padding: 0;} #main-navigation ul.menu li {padding-top: 4px;} #main-navigation li {display: block; float: left; margin: 0; padding: 0 32px; position: relative; text-align: center; z-index: 9;} #main-navigation a {display: block; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 85%; position: relative; text-decoration: none; text-transform: uppercase; z-index: 10;} #main-navigation a:hover {color: #68652f; cursor: default;} #main-navigation li.last {background: none;} #main-navigation ul ul li {background: #c5c19d; border-top: 1px solid #fff; clear: both; padding: 6px 16px 5px 18px; text-align: left;} #main-navigation ul ul {background: #c5c19d; height: auto; left: -999em; margin: -4px 0 0 16px; overflow: hidden; padding: 24px 0 0 0; position: absolute;} #main-navigation ul ul a {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 93%; line-height: 108%; height: 100%; text-transform: none; width: 100%;} #main-navigation ul ul a:hover {color: #7a1600; cursor: pointer; text-decoration: underline;} #page-content {background: #ffffff; border-left: 1px solid #e7e7d5; border-right: 1px solid #e7e7d5; border-top: 1px solid #fff; height: auto; position: relative; width: 953px; z-index: 8;} #home-main-boxes {height: 243px;} #home-main-news {height: 243px; margin-right: 1px; width: 209px;} #home-main-news .items {height: 200px; overflow: auto; margin: 0 0 0 18px;} #home-main-news .items li {margin-bottom: 16px; padding-right: 16px;} #home-main-news .items li h3 {color: #68652f; font-size: 93%; font-weight: bold;} #home-main-news .items li p {font-size: 85%; line-height: 1.2em;} #home-main-news .items li a {display: block; font-size: 77%; margin-top: 8px; outline: none; text-decoration: none; text-transform: uppercase; width: 120px;} #home-main-news .items li a:hover {text-decoration: underline;} #home-project-scroller {background: #e7e7d3; float: left; height: 243px; margin-right: 1px; position: relative; width: 512px;} #home-project-image-frame {background: #fff url(/img/spinner.gif) 50% 50% no-repeat; border: 4px solid #b2aa7e; height: 235px; position: relative; width: 367px;} #home-project-image-frame img {height: 235px; width: 367px;} #home-project-info {height: 216px; overflow: hidden; position: relative; top: -16px; width: 134px;} .home-project-name {color: #68652f; font-family: Georgia, "Times New Roman", Times, serif; font-size: 93%; line-height: 108%; margin: 10px 7px 12px 10px;} .home-project-credits dt {color: #330303; font-family: Arial, Helvetica, sans-serif; font-size: 85%; line-height: 93%; margin: 0 7px 8px 10px;} #home-project-scroller a.next, #home-project-scroller a.prev {background: none; border: 1px solid #7a1600; bottom: 7px; color: #7a1600; cursor: pointer; display: block; height: 16px; outline: none; outline-color: none; position: absolute; text-align: center; vertical-align: middle; width: 15px;} #home-project-scroller a.next {right: 7px;} #home-project-scroller a.prev {right: 28px;} #home-project-scroller a.next:hover, #home-project-scroller a.prev:hover {border-color: #231f20; color: #231f20;} #home-quicklinks {height: 243px; position: absolute; right: 0px; top: 0px; width: 230px;} #home-quicklinks ul li {display: block; height: 81px; position: relative; vertical-align: bottom;} #home-quicklinks ul li a {background-repeat: no-repeat; height: 81px;} #quick-link-mason a {background: url(/img/home/UMC_home_quicklinks_sprite.png) 0px 0px;} #quick-link-mason a:hover {background: url(/img/home/UMC_home_quicklinks_sprite.png) 230px 0px;} #quick-link-supplier a {background: url(/img/home/UMC_home_quicklinks_sprite.png) 0px -80px;} #quick-link-supplier a:hover {background: url(/img/home/UMC_home_quicklinks_sprite.png) 230px -80px;} #quick-link-seeker a {background: url(/img/home/UMC_home_quicklinks_sprite.png) 0px -160px;} #quick-link-seeker a:hover {background: url(/img/home/UMC_home_quicklinks_sprite.png) 230px -160px;} #home-secondary-boxes {border-bottom: 1px solid #e7e7d5; margin-top: 9px; overflow: auto;} #home-secondary-boxes .content-box {height: 155px; overflow: auto; margin-right: 1px; width: 237px;} #home-secondary-boxes .content-box-wide {height: 155px; overflow: auto; margin-right: 1px; width: 475px;} #home-secondary-boxes .banner-box {border-top: 1px solid #C5C19D; float: left; overflow: hidden;} #home-secondary-boxes .banner-box img {display: inline;} #home-secondary-boxes ul {margin: 0 0 0 18px;} #home-secondary-boxes ul li {font-size: 85%; list-style-type: square; margin: 0 0 6px 14px;} #home-secondary-boxes .home-event-list {font-size: 85%; margin: 0 18px 12px 18px;} #home-secondary-boxes .home-event-list th {color: #330303; font-weight: bold; padding-bottom: 6px; vertical-align: top; width: 22%;} #home-secondary-boxes .home-event-list td {color: #330303; padding-bottom: 6px; vertical-align: top; width: 78%;} #home-secondary-boxes .end-column {margin-right: 0; width: 239px;} #home-secondary-boxes .content-box-stinger {padding: 0 16px;}