/* Yahoo Reset and Base */ * {margin:0; padding:0;} @import "http://yui.yahooapis.com/2.5.0/build/base/base-min.css"; @import "http://yui.yahooapis.com/2.5.0/build/fonts/fonts-min.css"; /*testing*/ /* a[href="#"] {background-color:yellow;} */ /* Statewide Header Reset */ #utahgov_statewideheader li {list-style: none;} table tbody tr td {border:none; padding:0;} body {color:#4d4d4d; font-family:"Myriad Pro","Segoe UI", Helvetica, Arial, sans-serif; background: #919193 url(../images/site-background.jpg) repeat-x; font-size: 14px;} a:link { color:#4b91c2; text-decoration: underline; } a:visited { color:#4b91c2; text-decoration:underline; } a:hover { color:#4b91c2; text-decoration:underline; } a:active { color:#4b91c2;} h1, h2, h3, h4, h5, h6 {font-weight: bold; margin:10px 0;} h1 {font-size: 1.6em;} h2 {font-size: 1.5em;} h3 {font-size: 1.4em;} h4 {font-size: 1.3em;} #newsstories h4, h5 {font-size: 1.2em;} h6 {font-size: 1.1em;} p {line-height: 1.35em; margin: 1em 0} ul, ol {margin-left:0px;} li {margin-left:25px;} blockquote {font-style: italic;} a img {border:none} #wrapper {width:1024px; margin:20px auto 0; background-color: #fff; padding-top:1px;} #content {margin:5px;background: url(../images/background-content.gif) repeat-y;} #header {width: 1014px; height:242px; overflow: hidden; position: relative; z-index: 1; background: url(../images/background-header.jpg) no-repeat;} #sidebar-right #introVideo {width:375px;height:231px; margin:0; padding:0 -5px} #main {width:625px; float:left; padding:0 5px; } #sidebar, #sidebar-right {width:375px; float:right; padding:0; } #sidebar-right #promotional, #sidebar-right #news {padding:0 5px} #sidebar-right h3, #sidebar-right h4 { color:#333; font-size: 16px;padding:0 12px; font-weight: 100; margin: 20px 0 0px;font-family: Georgia;} #sidebar-right ul {padding:0 12px; font-weight: 100; margin: 10px 0 1px; color:#333} #sidebar-right form {margin: 10px; } #sidebar-right p {margin: 5px 0;padding:0 12px; } #sidebar-right a, #sidebar-right span {font-size: 14px; font-weight: normal;} #news {position: relative; overflow: hidden; font-size: 90%;} #footer {clear: both; background:#FFFFFF none repeat scroll 0 0;margin-top:50px;padding-bottom:15px;padding-top:15px;} #navigation ul, #navigation li, #breadcrumb ul, #breadcrumb li, #priorities ul, #priorities li {margin:0;} #breadcrumb {height:39px; background: #4d4d4d url(../images/background-breadcrumb.gif) repeat-y scroll 3px 0; } #breadcrumb ul {display: inline;} #breadcrumb ul li {float:left; display: inline; color:#fff; line-height: 39px;padding:0px 0px 0 10px; } #breadcrumb ul li:last-child { background-image: none;} #breadcrumb li a { text-decoration: none; color:#fff; display: block;padding:0px 15px 0 0px; background: url(../images/breadcrumb-divider.gif) no-repeat 100% 50%; } #navigation {height:44px; position: relative; z-index: 2;} #navigation ul {margin:0; padding:0; height: 40px; border: 1px solid #999; background: url(../images/navigation.png) no-repeat;} #navigation ul li {list-style:none; float:left; height: 40px; } #navigation ul li a { height:53px; display: block; text-indent:-5000px; } #navigation li a#home {width:100px;} #navigation li a#about {width:106px;} #navigation li a#news {width:183px;} #navigation li a#priorities {width:144px;} #navigation li a#staff {width:101px;} #navigation li a#appointments {width:118px;} /* labelled cabinent in GUI */ #navigation li a#blog {width:126px;} #navigation li a#offices {width:126px;} #navigation li a#contact {width:133px;} #navigation li a:hover {background: url(../images/navigation.png) no-repeat} #navigation li a#home:hover {background-position: 0 -41px;} #navigation li a#about:hover {background-position: -100px -41px;} #navigation li a#news:hover {background-position: -206px -41px;} #navigation li a#priorities:hover {background-position: -389px -41px;} #navigation li a#staff:hover {background-position: -533px -41px;} #navigation li a#appointments:hover {background-position: -634px -41px;} /* labelled cabinent in GUI */ #navigation li a#blog:hover {background-position: -752px -41px;} #navigation li a#offices:hover {background-position: -752px -41px;} #navigation li a#contact:hover {background-position: -878px -41px;} #index #navigation li a#home {background: url(../images/navigation.png) no-repeat 0 -41px;} #sabout #navigation li a#about {background: url(../images/navigation.png) no-repeat -100px -41px;} #snews #navigation li a#news {background: url(../images/navigation.png) no-repeat -206px -41px;} #spriorities #navigation li a#priorities {background: url(../images/navigation.png) no-repeat -389px -41px;} #sstaff #navigation li a#staff {background: url(../images/navigation.png) no-repeat -533px -41px;} #sappointments #navigation li a#appointments {background: url(../images/navigation.png) no-repeat -634px -41px;} #sblog #navigation li a#blog {background: url(../images/navigation.png) no-repeat -752px -41px;} #soffices #navigation li a#offices {background: url(../images/navigation.png) no-repeat -752px -41px;} #scontact #navigation li a#contact {background: url(../images/navigation.png) no-repeat -878px -41px;} /* TITLES */ .titles {text-indent: -5555px; height:41px;} #initiatives {background: url(../images/title-governorsInitiatives.gif) no-repeat;} #quicklinks {background: url(../images/title-quicklinks.gif) no-repeat; margin-top:25px;} #main #quicklinkWrapper h4 {font-size: 1.1em; font-weight: bold; margin:7px 0 3px;} #latestPhotos {background: url(../images/title-photos.gif) no-repeat;} #priorites {background: url(../images/title-priorities.gif) no-repeat; } #newsAnnouncemnts {background: url(../images/title-news.gif) no-repeat;} #title-about {background: url(../images/title-aboutHerbert.gif) no-repeat;} /* #title-news {background: url(../images/title-news.gif) no-repeat;} */ #title-priorities {background: url(../images/title-governorsPriorities.gif) no-repeat;margin-top:10px} #title-prioritiesEconomy {background: url(../images/title-prioritiesEconomy.gif) no-repeat;} #title-prioritiesJobs {background: url(../images/title-prioritiesJobs.gif) no-repeat;} #title-prioritiesEconomyVisits {background: url(../images/title-prioritiesEconomyVisits.gif) no-repeat;} #title-prioritiesEducation {background: url(../images/title-prioritiesEducation.gif) no-repeat;} #title-prioritiesEnergy {background: url(../images/title-prioritiesEnergy.gif) no-repeat;} #title-prioritiesInfrastructure {background: url(../images/title-prioritiesInfrastructure.gif) no-repeat;} #title-prioritiesSelfDetermination {background: url(../images/title-prioritiesSelfDetermination.gif) no-repeat;} #title-staff {background: url(../images/title-governorsStaff.gif) no-repeat;} #title-governorsCabinet {background: url(../images/title-governorsCabinet.gif) no-repeat;} #title-offices {background: url(../images/title-governorsOffices.gif) no-repeat;} #title-contact {background: url(../images/title-contactInfo.gif) no-repeat;} #title-stateOfState {background: url(../images/title-stateOfState.gif) no-repeat;} #title-speeches {background: url(../images/title-speeches.gif) no-repeat;} #title-mansionIndex {background: url(../images/title-governorsMansion.gif) no-repeat;} /* #title-mansionDome {background: url(../images/title-mansionDome.gif) no-repeat;} #title-mansionFire {background: url(../images/title-mansionFire.gif) no-repeat;} #title-mansionFoundation {background: url(../images/title-mansionFoundation.gif) no-repeat;} #title-mansionHistory {background: url(../images/title-mansionHistory.gif) no-repeat;} #title-mansionKearns {background: url(../images/title-mansionKearns.gif) no-repeat;} #title-mansionPainting {background: url(../images/title-mansionPainting.gif) no-repeat;} #title-mansionPhotos {background: url(../images/title-mansionPhotos.gif) no-repeat;} #title-mansionSeismic {background: url(../images/title-mansionSeismic.gif) no-repeat;} #title-mansionOwnership {background: url(../images/title-mansionOwnership.gif) no-repeat;} #title-mansionTours {background: url(../images/title-mansionTours.gif) no-repeat;} #title-mansionWoodcarving {background: url(../images/title-mansionWoodcarving.gif) no-repeat;} */ /* Priorities */ #priorities ul {height:168px;} #priorities li {float:left; list-style-type: none; margin-right:10px;} #priorities a {height:158px; display: block; text-indent: -5555px; background: url(../images/priorities.jpg) no-repeat; } a#priority-education {width:148px; background-position: -3px 0;} a#priority-energy {width:142px; background-position: -164px 0;} a#priority-jobs {width:148px; background-position: -314px 0;} a#priority-selfDetermination {width:147px; background-position: -471px 0;} #priorities a:hover {background: url(../images/priorities.jpg) no-repeat -136px 0; height:158px;} a#priority-jobs:hover {background-position: -314px -155px;} a#priority-education:hover {background-position: -3px -155px;} a#priority-energy:hover {background-position: -164px -155px;} a#priority-selfDetermination:hover {background-position:-471px -155px;} /* QUICKLINKS */ #initiative a:active { color:#AAC6E1;} #initiative a:hover { color:#AAC6E1;text-decoration: underline;} #initiative a:link { color:#AAC6E1; text-decoration: none;} #initiative a:visited { color:#AAC6E1;} #initiative h4 {font-size: 1.1em; font-weight: normal; padding:0 5px; border-top:2px solid #fff;cursor:pointer; background: url(../images/icon-plus.gif) no-repeat 98% 50%; line-height:2em; margin:0;} #initiative h4#firstchild { border:none} #initiative h4.active {border-bottom:none; background: url(../images/icon-minus.gif) no-repeat 98% 50%;} #initiative ul {margin:0 0 10px; padding:0;} #initiative {color:#fff;} #initiativesWrapper p {background: #333 url(../images/quicklinks-top.gif) no-repeat 0 0%; height:8px; margin:0;} #initiativesWrapper {background: #333 url(../images/quicklinks-bottom.gif) no-repeat 0 100%; width:623px; padding-bottom:10px;} #quicklink li, #initiative li {background: url(../images/bullet-dot.gif) no-repeat 5px 50%; line-height: 18px;margin-left:0px; padding-left:25px;list-style: none;} #quicklinks h4:last-child {border-bottom: none;} #index #sidebar-right li {list-style-image:none; line-height: 18px;margin-left:4px; padding-left:5px;} #sidebar-right #promotional {background:none; list-style: none;} #quicklinkWrapper { border:1px solid #ccc; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:5px;} /* PROMOTIONAL */ #promotionalLinks {list-style-type: none; height:165px; margin:40px 0} #promotionalLinks li { float:left; margin:3px} #promotionalLinks li a {text-indent: -5555em;display: block; width:150px; height:165px} #promotionalLinks li a#firstlady {background: url(../images/promo-firstlady.jpg) no-repeat;} #promotionalLinks li a#ltgovernor {background: url(../images/promo-ltgovernor.jpg) no-repeat;} #promotionalLinks li a#capitol {background: url(../images/promo-capitol.jpg) no-repeat;} #promotionalLinks li a#mansion {background: url(../images/promo-mansion.jpg) no-repeat;} #promotional h4 { border-bottom: 1px solid #ccc; letter-spacing: 1px; margin:20px 10px 0; padding:0} #promotional ul#promo-connect { background: url("../images/promo-social-media.jpg") no-repeat scroll 0 0 transparent; height: 52px; list-style-type: none; padding: 0; margin:10px} #promotional ul#promo-connect li { float: left; margin: 3px; padding: 0; width: 48px; } #promotional ul#promo-connect .icon { text-indent: -5555em; display: block; width:30px; height:40px} /* FORMS */ label { font-weight: bold; } input[type=text], input[type=password], textarea { border:1px solid #ccc; height:20px;} input[type=text], input[type=password], textarea, option {padding:3px 1px;} textarea { width:400px; height:125px; } input[type=text], input[type=password] {width:400px ;} #sidebar-news-search input[type="text"] { position:relative; width:250px; color:#999; padding:2px; } #sidebar-news-search input[type="image"] { position: relative; top: 12px; } legend {display:none;} fieldset {border:none;} /* Recaptcha */ #recaptcha_widget_div {margin-left: 227px;} #main label.recaptcha_input_area_text {float:none;} .news-date {color:#666;} /* LISTS */ .peopleList {list-style-image: url(../images/bullet-people.gif);} .peopleList li {font-size: 14px; font-weight: normal;} .personnelTable li {height:250px; width:150px; vertical-align: top; padding:3px; float:left; list-style: none} .personnelTable li em {font-family: georgia; font-size: 0.8em;} .buildingList {list-style-image: url(../images/bullet-capitol.gif);} /* ICONS */ .icon-building {background: url(../images/icon-capitol.gif) no-repeat; padding-left:35px;} .iconList {list-style: none; } .iconList li { margin-left:0;} .icon {padding-left:20px;} .personnelTable li .iconList li { height:auto; } #sidebar-right .iconList li { margin-left:0; list-style-image: none;} #sidebar-right .iconList li a { padding-left:25px;} .email {background: url(../images/icon-email.png) no-repeat;} .facebook {background: url(../images/icon-facebook.gif) no-repeat;} .rss {background: url(../images/icon-rss.gif) no-repeat;} .twitter {background: url(../images/icon-twitter.gif) no-repeat;} .website {background: url(../images/icon-mouse.png) no-repeat;} .txt {background: url(../images/icon-page.gif) no-repeat; padding-left:25px;} #streamingVideo {background: url(../images/icon-movie.png) no-repeat 0 50%; padding-left:25px; line-height: 1.5em;} /* MISC. */ .clear {clear: both;} .error { font: 90% "san-serif"; padding:10px 0; font-weight:bold; line-height:20px; color:#900;} .messageConfirm {font-size: 120%; display:block; margin:10px 0;} .news-content-heading {display:none;} span.rssButton a { background: #fff url(../images/rss.gif) no-repeat; width:14px; height:14px; text-indent:-5000px; display:block; } .r0 {background-color:#ececec;} .image_wrap {float:left; margin:0 10px 10px 0; } .image_wrap, .personnelTable li img {padding:3px; border: 1px solid #ccc;} #downloadableDoc a {background:transparent url(../images/download-printfriendly.png) no-repeat scroll 6px 0; display:block; height:61px; padding:5px 5px 5px 25px; text-indent:-5555px; width:165px; float:right;} #capitolPhoto {background: url(../images/capitol-fountain.jpg) no-repeat; float: left; height:200px; width:300px; margin:0 10px 0 10px; border: 1px solid #ccc;} table#requestForm td:first-child {width:260px; vertical-align: top;} p.skipnav {text-indent: -5555px; height:0px; margin:0; padding:0;} .small {font-size: 80%;} table#table {width:95%;border-spacing: 0px;} table#table tr td {border:1px solid #ccc; padding:2px; margin:0;} p.captions {font-size:90%; width:602px;} p.captions img { border:1px solid #333;} #streamingVideo #announcement {font-weight: bold;} #socialize {border-top: 1px dotted #4a92c2; margin-top:10px; background: url(../images/share.gif) no-repeat -10px 30px; clear: both;} #socialize p, #socialize iframe {padding-left:60px;} #socialize p { margin:0; color:#999;} #socialize p iframe { padding-left:0; margin:3px 0} #socialize h4 {color:#666; font-size: 1em;font-weight: normal} #tweetThis:hover {background-position: 0px -26px;} #follow-author {width:500px;} #twitter-anywhere-tweet-box {width:600px; height:140px;} #twitter-shoutout {clear: both;} #twitter-shoutout iframe {width:100%;} /*News output*/ #frontpageStories h3 {width:330px; font-size: 1.2em;} #frontpageStories p.date {display: none;} #searchResults p, #newsstories p {display:none;} #searchResults p.error, #newsstories p.error, #frontpageStories p.error {display: block; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding-left:25px; height:15px; line-height: 15px; background: url(../images/icon-error.gif) no-repeat 0 50%; } /*Whatsnew server issues - same as line above*/ div#serverError p {display: block; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding-left:25px; height:15px; line-height: 15px; background: url(../images/icon-error.gif) no-repeat 0 50%;} #searchResults p#noresults {display:block;} #searchResults #meta, #newsstories #meta {clear: both; margin-bottom:5px;} #searchResults #meta h3, #newsstories #meta h3 {width:500px; float:right; line-height: 20px; margin:0;} #searchResults #meta p.date, #newsstories #meta p.date {font-size: .9em; width:100px; font-weight: normal; line-height: 20px; margin:5px; display:inline;} #searchResults h3, #newsstories h3 {font-size: 1em;} #paging {text-align: center; border-top: 1px dotted #ccc; padding-top:10px; clear:both;} #paging .totalRecords {text-align: center;} #paging .showing {font-weight: bold;} #paging .firstpage { padding:0 3px;} #paging .previousPage { padding:0 3px;} #paging .nextPage { padding:0 3px;} #paging .lastPage { padding:0 3px;} #paging a {text-decoration: underline;} #paging a:hover { text-decoration: none;}