* {margin: 0; padding: 0;}
html {background: #000; }
body {background: url(/images/background-secondary.jpg) center 30px no-repeat; font: 14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight: 300;font-size: 90%; }
a {color: #333; border: none;}
.skipnav {display: none;}
img {border: none;}
#main, #sidebar {font: 90%/140% Helvetica,Arial,Verdana,sans-serif}
header {display: block; position: relative; width: 988px; height: 97px; margin: 0px auto; color: white; z-index: 9999;}
header a {color: white;}
header h1 a {position: absolute; top: 0; left: 0px; width: 115px; height: 90px; background: url(/shared-content/images/utahgov-logo.png) left top no-repeat; text-indent: -9999em; z-index: 100000;}
header p#tagline {position: absolute; top: 20px; left: 150px; font-style: italic; text-shadow: 0 0 2px #333;}
/* WRAPPER */
#wrapper {width: 988px; position: relative; margin: 80px auto 0 auto; padding: 0; background: url(/shared-content/images/wrapper-bg.png) left top repeat-y;}
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* MAIN CONTENT */
#main {position: relative; float: left; width: 570px; padding: 0 14px 0 24px; }
/* #main div, #sidebar {font:90%/140% Helvetica,Arial,Verdana,sans-serif;} */
#main h2 {position: absolute; width: 968px; height: 40px; line-height: 40px; top: -92px; left: 0px; background: transparent url(/shared-content/images/main-h2-bg.png) left bottom no-repeat; padding: 0 0 20px 20px; color: white; font-weight: normal; font-size: 32px; text-shadow: 1px 1px 3px #333; font-weight: lighter; text-transform: capitalize;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Segoe UI Light","Helvetica Neue",Helvetica,Arial,sans-serif}
/* BREADCRUMBS */
#main ul#breadcrumbs {list-style: none; margin: 4px 0 10px; padding: 0 0 4px 0; font-size: 12px; border-bottom: 1px dotted #e6e6e6;}
#main ul#breadcrumbs li {list-style: none; display: inline; margin: 0 0 0 5px; }
#main ul#breadcrumbs li a {background: transparent url(/shared-content/images/breadcrumb-arrow.gif) right center no-repeat;padding: 0 16px 0 0; }
#main ul#breadcrumbs li:first-child {margin: 0;}
/* BREADCRUMBS / SOCIAL */
.sms-follow {background: url("/images/icons/mobile-right.gif") repeat scroll 0 0 transparent; color: #333333; font-size: 0.85em; line-height: 25px; padding-right: 6px; position: absolute; right: 13px; top: -1px;}
.sms-follow .icon {background: url("/images/icons/mobile-left.gif") no-repeat scroll 0 0 transparent;display: block;float: left;height: 24px;padding-left: 7px;width: 27px;}
#main p, #main blockquote, #main address, #main h2, #main h3, #main h4, #main h5 {margin: 1em 0;}
#main ul, #main ol{margin: 1em 20px;}
#main dl {margin:0;}
#main dt {margin:10px 0 0;}
#main ul {list-style: none; margin:0;}
#main ul p {margin:0 0 10px;}
#main h3, #main h4, #main h5 {font-weight: normal; border-bottom: 1px dotted #e6e6e6;}
#main h3 {font-size: 18px;}
#mainLeft, #mainRight {width: 280px; float: left;}
#mainRight {float: right;}
/* -------- Main Content Images -------- */
#main img {border: none;}
#main .imageRight {float: right; margin: 0 0 1em 1em; background: white url(/shared-content/images/img_bg_shadow.gif) bottom right no-repeat; padding: 6px 11px 11px 6px; border-top: 10px solid #fff; border-left: 10px solid #fff;}
#main .imageLeft {float: left; margin: 0 1em 1em 0; background: white url(/shared-content/images/img_bg_shadow.gif) bottom right no-repeat; padding: 6px 11px 11px 6px; border-top: 10px solid #fff; border-left: 10px solid #fff;}
/* SIDEBAR */
#sidebar {float: right; width: 342px; padding: 0 24px 0 14px; color: #666; font-size: 90%; }
#sidebar p, #sidebar address, #sidebar blockquote {margin: 1em 0;}
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 {font-weight: normal; margin: 1em 0; border-top: 1px solid #e6e6e6; padding-top:10px;}
#sidebar h2 {border: none; margin: 10px 0 1em 0; padding: 0 0 10px 0; font-size: 20px; color: #999; background: url(/shared-content/images/sidebar-h2-bg.png) right top no-repeat;}
#sidebar h2 span {font-size: 16px;}
#sidebar h3 { margin-bottom: 0; clear:both; }
#sidebar ul, #sidebar ol, #sidebar dl {margin: 1em 0 1em 20px;}
#sidebar ul {list-style: circle outside;}
/* SIDEBAR: SEARCH: RELATED */
#related #agency a.notfound {background-image: url("/images/searchnotfound_related.jpg"); background-position: -3px 0; display: block; height: 105px; text-indent: -9999px; width: 340px;}
/* SIDEBAR: TRENDING */
#trending {padding: 5px;min-height: 35px;}
#trending #count {float: left;font-size: 46px;font-weight: lighter;margin-right: 6px; margin-top:13px;}
#trending #description { font-size: 13px;}
#trending a {float: right;font-size: 12px;color: #3C6489; text-decoration: none;}
/* SIDEBAR: SOCIAL */
#sidebar a.facebook {float:left; margin-right:5px;width:16px; background:url(/images/icons/social/facebook_16.png) no-repeat}
#sidebar a.twitter {float:left; margin-right:5px;width:16px; background:url(/images/icons/social/twitter_16.png) no-repeat}
#sidebar a.rss {float:left; margin-right:5px;width:16px; background:url(/images/icons/social/rss_16.png) no-repeat}
#sidebar a.youtube {float:left; margin-right:5px;width:16px; background:url(/images/icons/social/youtube_16.png) no-repeat}
#feedback-textarea {width: 332px; height: 35px; border: 1px solid #ccc; background: #FAFAFA; color: #666; padding: 4px; font: 14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback-textarea:focus {background: #fff; color: #333;}
#sidebar p {font-style: italic;}
/* #sidebar p a {float:right;} */
#sidebar h3.agencies {border:none; padding-top:0}
#sidebar .agency {position: relative; height: 122px;}
#sidebar .agency p {font-style:normal;}
/* #sidebar .agency b {font-size: 115%;left: 0;position: absolute;top: -25px;} */
#sidebar .agency img {border: 1px solid #DADADA; float: left; margin-right: 10px; padding: 2px; width:100px;}
#sidebar .last {border-top:1px dotted #DADADA; padding-bottom:10px;}
#sidebar p.more { background: url("/shared-content/images/tear.png") repeat-x scroll 0 top;display: block;height: 30px; margin-top: 0; padding-top: 20px;}
#sidebar p.more a {background:url(../../images/icon-link.png) no-repeat right center;float: right;padding-right: 26px;}
#sidebar #local,#sidebar #agency, #sidebar #localServices {display:none;}
#sidebar #googleMap { height: 250px; width: 345px;}
/* FOOTER */
footer {height:auto;background:#E0DEDE url(/images/layout/footer-bg.png) repeat-x;position: relative;width: 100%; display:block}
#footerbottom {display: block; width: 988px; background: url(/shared-content/images/footer-bg.png) left top no-repeat; margin: 30px auto 0; padding: 15px 0 0 0; text-align: center; color: white; position:relative; top:-30px}
a.footerHelp {background:url(/images/footer-help.png) no-repeat; width:954px; height:92px; display:block; margin: 19px auto;}
#footerContainer {width:988px; margin:0 auto; clear: both;}
.footercolumn {float: left;text-align: left; width: 223px;width:170px;background:url("/images/layout/footer-vdiv.png") repeat-y scroll 153px top ; height:135px;height: auto;}
.footercolumn li a, .footercolumn li p,.footercolumn a, #portalFooter a {color:#494949; font-size:12px;}
.footerTitle {margin:3px 0;}
.footerTitle a {text-decoration:none; color:#333}
p#portalFooter {text-align:center;font-size: 11px;}
#col5 {width:290px; background:none}
#col5 p {margin:0; font-size:12px;}
/* FOOTER: SOCIAL */
#socialIcons li { float:left;}
#socialIcons li a {display:block; width:120px; height:65px; text-indent:-9999px; background-image:url(/images/layout/footer.png);}
#iconConnectTwitter a {background-position: -13px 0px;}
#iconConnectTwitter a:hover {background-position: -13px -65px;}
#iconFacebook a {background-position: -147px 0;}
#iconFacebook a:hover {background-position: -147px -65px;}
#iconConnectMobile a {background-position: -270px 0px;}
#iconConnectMobile a:hover {background-position: -270px -65px;}
#iconWidgets a {background-position: -393px 0px;}
#iconWidgets a:hover {background-position: -393px -65px;}
#iconConnectPhotos a {background-position: -522px 0px;}
#iconConnectPhotos a:hover {background-position: -522px -65px;}
#iconRSS a {background-position: -639px 0px;}
#iconRSS a:hover {background-position: -639px -65px;}
#iconConnectBlogs a {background-position: -748px 0px;}
#iconConnectBlogs a:hover {background-position: -748px -65px;}
#iconYouTube a {background-position: -866px 0px;}
#iconYouTube a:hover {background-position: -866px -65px;}
/* TABLES */
#main table td,#main table th {font-size:90%;padding: 5px;text-align: left;}
#main table td {border-bottom: 1px dotted #DADADA;}
#main table th { background: none repeat scroll 0 0 #E6E6E6;color: #6D8FAF;font-weight: normal;}
/* -------- Main Navigation ---------- */
nav,div.blogNav {right: 0; bottom: -3px; height:43px; margin-left:148px; position: absolute; width:900px; z-index:5; }
nav ul,div.blogNav ul {list-style-type:none; position:absolute; bottom:-3px; right:0;list-style-type: none; position: absolute; right: 0;top: 0;}
nav ul li,div.blogNav ul li {float: left; }
nav ul li a,div.blogNav ul li a {text-decoration: none; font-size: 16px; text-shadow: 0 0 2px #333;color: #fff; text-decoration: none; text-shadow: 1px 1px #333; font-size: 15px; padding: 7px 20px;height:29px; display: block; position: relative; width: auto;}
nav a img,div.blogNav a img {border:none;}
nav ul li div ul,div.blogNav ul li div ul { position: inherit;}
nav ul li div ul li,div.blogNav ul li div ul li { float: none;}
nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a,div.blogNav ul li div ul a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px; border-radius: 7px; }
nav .feature a.infographic { top:0px; color: #333; font-size: 12px; height: 220px; left: -11px; position: absolute; text-align: left; text-shadow: none; vertical-align: text-bottom; width: 100%;}
nav .feature a.infographic span {background: url(/images/dropdown/infographic-dropdown.png) repeat-x center top; bottom: 0; height: 20px; left: 11px; padding: 10px 10px 15px; position: absolute; width: 184px; text-align:center; color:#fff}
nav .feature a.infographic:hover span {height: 44px;}
.feature .social {bottom: 0; height: 50px; left: 0; margin: 0; padding: 0; position: absolute; width: 300px; }
nav ul li div .feature .social ul li {float:left; margin-right:5px; margin-bottom:5px;}
nav ul li div ul social a.icon {display:block; height:32px; width:32px; text-indent:-9999px;}
nav p.title {color: #fff; font-style: italic;left: 130px; position: absolute; top: 5px; font-size:17px; text-shadow: 1px 1px #333; font-weight: 100; }
nav .active {-moz-border-radius:20px; background:white; }
nav ul li.active a {text-shadow:none; color:#333; }
nav ul li .dropdownContainer a.more { clear:both; text-shadow:none; color:#333; font-size:12px; padding: 20px 0 0 10px; background:url("/shared-content/images/tear.png") repeat-x scroll; text-align:center }
nav ul li:hover div { display:block;}
nav ul li:hover a div a {background:none;}
nav ul li:hover a#link-government, nav ul li:hover a#link-employment, nav ul li:hover a#link-business, nav ul li:hover a#link-education,nav ul li:hover a#link-residents, nav ul li:hover a#link-visiting, nav ul li:hover a#link-about, nav ul li:hover a#link-services { color: #BD5D16; text-shadow:none; background: url(/shared-content/images/nav-bg.png) repeat-x white; -moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius: 7px; border-top-right-radius: 7px;}
nav ul li#nav-government, nav ul li#nav-employment, nav ul li#nav-business, nav ul li#nav-education,nav ul li#nav-residents, nav ul li#nav-visiting, nav ul li#nav-about, nav ul li#nav-services {position: relative;}
li#nav-visiting .dropdownContainer, nav ul li#nav-about .dropdownContainer, nav ul li#nav-services .dropdownContainer {left: auto; right: 0; }
/* NAV CURRENT PAGE */
nav ul li a.current { color: #BD5D16; text-shadow:none; background: url(/shared-content/images/nav-bg.png) repeat-x white; -moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius: 7px; border-top-right-radius: 7px;}
.dropdownContainer {background: url(/shared-content/images/nav-bg.png) repeat-x 0px -70px #fff; display: none; min-height: 200px; left: 0; position: absolute; top: 36px; width: 430px; border-radius: 7px; border: 1px solid #dadada; border-top: none;
-webkit-box-shadow: 3px 5px 11px 0 #999; -moz-box-shadow: 3px 5px 11px 0px #333; box-shadow: 3px 5px 11px 0 #999; }
#nav-government .dropdownContainer {width: 450px;}
.dropdownContainer div {padding:5px;}
.dropdownContainer ul.col {width: 200px; float: left; position: relative; top: 0; left: 0; margin-right:5px; margin-top:10px; margin-bottom:10px; background: url(/shared-content/images/nav-div.png) top right repeat-y; min-height: 215px; }
.dropdownContainer .col h2 {font-size:22px; font-weight:300; margin:0; padding:0}
.dropdownContainer ul.col li a {color: #3C6489; font-size:13px; }
ul.col li a:hover {background: #eee; -moz-box-shadow: inset 0px 0px 10px #ccc; -webkit-box-shadow: inset 0 0 10px #ccc; box-shadow:inset 0 0 10px #ccc;}
.dropdownContainer ul.col li {float: none;}
.dropdownContainer .feature {float: right; margin-right: 9px; margin-top: 9px;min-height: 205px; padding:10px; width: 184px;}
#nav-government .dropdownContainer .feature {width: 203px;}
a.more .link {background:url(/images/icon-link.png) no-repeat; height:20px; width:20px; display:block; margin-left:5px;}
/* FEATURES */
#nav-government .feature, #newsGovernor .feature {background:url(/images/dropdown/government.jpg) no-repeat; position:relative}
#nav-employment .feature {background:url(/data/images/infographics/unemployment-infograph-205.png) no-repeat; overflow: hidden;position: relative;border: 1px solid #DADADA;}
#nav-business .feature {background:url(/data/images/infographics/business-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;}
#nav-education .feature {background:url(/data/images/infographics/education-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;}
#nav-residents .feature {background:url(/data/images/infographics/residents-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;}
#nav-visiting .feature {background:url(/data/images/infographics/stateparks-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;}
#nav-about .feature {background:url(/data/images/infographics/promontory-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;}
#nav-services .feature {background:url(/data/images/infographics/broadband-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;}
/* SECONDARY NAVIGATION */
#secondary-nav {font-size: 12px; margin: 0; position: absolute; top: 0; right: 20px; width: auto; z-index: 99999; }
#settings a {color: #fff; text-decoration:none; outline:none}
#settings a.top {padding:10px; display:block; width:95px; text-align:left; }
#settings #updown { font-size:10px; margin-left:5px;}
#settings li.header {font-weight:bold}
#settings li.header ul {font-weight:normal;}
#settings li.divider {border-top:#dadada 1px solid;}
#settings div.settingsDrop, #location div.locationDrop {display:none;}
#settings ul li { padding:5px 10px;}
#settings ul li:hover {background:#FFF;}
#settings ul li ul {border:none;}
#settings div.settingsDrop form {margin-left:10px;}
ul {list-style-type:none;margin:0;padding:0;}
li#settings {float: right;}
#settings.open div.settingsDrop, .no_js #settings:hover div.settingsDrop, #location.open div.locationDrop {display:block;clear: both;}
#secondary-nav h3, #secondary-nav h4 {color:#5B665F;font-weight:normal;margin:0px;}
#secondary-nav h3 {font-size:17px}
#secondary-nav h4 {font-size:14px}
.locationDestinations ol {margin:0; padding:0; width:32%; float:left; }
.locationDestinations ol li { list-style-type:none; margin:0; }
.locationDestinations a {color:#333; font-size:12px;}
#outOfState .locationDestinations ol li {margin:15px 0 0;}
#nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a, li#location ol a, #outOfState a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px; border-radius:7px;
}
#secondary-nav input[type=text], #secondary-nav input[type=password], #secondary-nav input.text, #secondary-nav textarea {width: 190px; font-size: 13px; line-height: 20px; height: 20px; border: 1px solid #999; padding: 4px 4px 0 4px; background: white; border-radius: 4px; padding-bottom:4px;}
#secondary-nav .buttons {position:relative;}
#secondary-nav .buttons button[type=submit] {position:absolute;right:15px;top:-6px;background: #6d8faf;color: white;text-decoration:none; font-size: 13px; height: 28px; line-height: 28px; padding: 0 10px; cursor: pointer; text-align: center; border: none; border-radius: 4px; }
#secondary-nav li#settings, #secondary-nav li#support, #secondary-nav li#searchTop {float:right;list-style: none;border-right: 1px solid #333333; height: 37px; background:url(/images/layout/secondary-nav-bg.png) left top repeat-x;}
#secondary-nav li#searchTop {background: url(/images/layout/secondary-nav-bg-left.png) left top no-repeat; height: 37px;}
#secondary-nav li#settings a, #secondary-nav li#support a, #secondary-nav li#searchTop a {display: block; min-width: 94px; padding: 5px 0px 0px 3px;text-align: center;color: #EFEFEF;}
#secondary-nav li#searchTop a {text-indent:-9999px;min-width:40px; height:25px;}
/* SECONDARY NAV: LOCATION */
li#location {font-size: 17px; list-style:none; line-height: 37px; min-height: 37px; float:right; background:url(/images/layout/secondary-nav-bg-right.png) right top no-repeat; min-width:70px;}
li#location a { color:white; text-decoration:none; margin-right: 30px;outline:none;padding:10px;}
li#support a {color:white; text-decoration:none}
li#location #updown {font-size:9px;background:url(/images/icons.png) no-repeat -145px -126px; height:19px; width:19px; position: absolute; right: 11px; top: 9px; width: 19px; }
li#location #updown.active {background:url(/images/icons.png) no-repeat -173px -126px;}
#settings div.settingsDrop, #location div.locationDrop {background: url(/images/layout/nav-local.jpg) no-repeat right top; right: 2px; top: 35px; padding: 20px 10px 10px 10px; position: absolute; right: 2px; width: 325px;border-radius:5px;-moz-border-radius:5px;-webkit-border:5px; -moz-box-shadow:0px 9px 30px 0px #333; -webkit-box-shadow:0px 9px 30px 0px #333; box-shadow:0px 9px 30px 0px #333; }
#settings div.settingsDrop {background:url(/images/layout/settings-background.png) no-repeat left top;}
#secondary-nav li#settings #subNavFontSizing {float:left;width:155px;margin: 5px 0 0;}
#secondary-nav li#settings #subNavFontSizing a {min-width:40px; width:52px; height:55px;background-image:url(/images/fontsizing.png); float:left; padding:0; text-indent:-9999px;}
#secondary-nav li#settings #subNavFontSizing a.small {background-position:0 0; width:48px;}
#secondary-nav li#settings #subNavFontSizing a.normal {background-position:-50px 0;width:51px;}
#secondary-nav li#settings #subNavFontSizing a.big {background-position:-106px 0;width:52px;}
#secondary-nav li#settings #subNavFontSizing a.small:hover {background-position:0 -55px;}
#secondary-nav li#settings #subNavFontSizing a.normal:hover {background-position:-50px -55px;}
#secondary-nav li#settings #subNavFontSizing a.big:hover {background-position:-106px -55px;}
.fontsize,.buttonAccount {margin:10px 0 0 0 ;}
#subNavLogin { float: right; padding-left: 5px; width: 155px; background: url(/images/settings-divider.png) repeat-y top left; margin: 5px 0 0 5px;}
#subNavLogin h4 {text-align: center;}
#subNavLogin a { float:left;}
#subNavLogin a.buttonAccount { background:url(/images/buttonAccount.png) no-repeat; display:block; width:97px; height:38px; text-indent:-9999px; margin-left:30px;}
#location div.locationDrop p {margin:0; padding:0;}
#location div.locationDrop form {}
#location .searchForm label {float:left; font-size:12px; display:none}
#location div.locationDrop p.searchForm, #outOfState p.searchForm {position: relative; background:url(/images/layout/location-form.png) no-repeat left top;}
#outOfState input[type="text"], #secondary-nav input[type="text"]#visitorLocale {width: 65%; background:none; border:none; border-radius:0; font-size:20px; font-weight:lighter; color:#5B665F; height: 35px;margin:7px 0 0 10px; outline: none;}
#outOfState input[type="text"] {width:325px;margin:7px 0 5px 10px; }
#location .searchForm input#visitorSubmit {position:absolute; right: 0; top: 0;}
#visitorSubmit , #outOfStateLocaleSubmit{ border: medium none; height: 50px; margin-bottom: 5px; margin-right: -5px; width: 89px;background:url(/images/layout/location-button.png); float:right; cursor:pointer}
#outOfStateLocaleSubmit {background: url(/images/layout/location-outofstate-button.png); width:89px;}
#outOfState .searchForm { width: 430px;}
.locationDestinations {background:url(/images/layout/location-hdivider.png) repeat-x;margin-top: 10px;}
li#location ol a:hover, #outOfState ol a:hover {background: #31523F; -moz-box-shadow:inset 0px 0px 10px #192B21; -webkit-box-shadow:inset 0 0 10px #192B21; box-shadow:inset 0 0 10px #192B21; color:white}
#secondary-nav span#subNavFontSizing a { display: block; height: 25px;text-indent: -9999px; width: 11px; min-width:0px; padding:0; float:left}
a.small {background: url("/shared-content/images/elements.png") no-repeat scroll -903px -240px transparent;right: 75px;}
a.normal {background: url("/shared-content/images/elements.png") no-repeat scroll -914px -240px transparent;right: 64px;}
a.big {background: url("/shared-content/images/elements.png") no-repeat scroll -925px -240px transparent; right: 53px;}
a.small:hover {background-position: -903px -350px;}
a.normal:hover { background-position: -914px -350px;}
a.big:hover { background-position: -925px -350px;}
/* ------------------- SEARCH -------------------------- */
#search-services {margin-left: 12px; margin-top: 5px; z-index: 0;}
#service-search {display:none;}
#secondary-nav form input#submit-service-search {
background: url("/images/icons/icons-search.png") no-repeat scroll -5px -7px transparent;
border:none;
width:38px; height: 26px;
text-indent: -5555em;
}
#secondary-nav form input#keywordid {
background:url(../images/layout/search_small-field.png) no-repeat 0px -42px #fff;
width:135px;
/* color: #919396; */
color: #333;
border:0;
padding-left:5px;
float:left;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.03em;
height:17px;
box-shadow: 1px 1px 4px #000000 inset;
}
#secondary-nav li#searchTop ul a {color: #666666; padding-left: 10px;padding-right: 10px; text-align: left; text-indent: 0;text-decoration: none;border:none; background:#ececec}
#secondary-nav li#searchTop ul a:hover {background:#fafafa;}
.localClose {left: 110px; position: relative; top: 0; z-index: 9;}
#serviceOutput ul {margin:0; list-style: none; position:absolute;background:url("/images/layout/settings-background.png") no-repeat scroll -99px top transparent;box-shadow: 2px 3px 9px #333333;padding-top: 14px;top:40px}
.serviceBoxes a, #serviceOutput a {padding:3px 5px;display:block; height:auto; border: 1px solid #fff;}
.serviceBoxes a:hover, #serviceOutput a:hover {background-color: #ececec; color:#333; border:1px solid #fff;}
#main #services-col3-output a.noButton:hover { }
#main #services-col3-output a.noButton {
background: url("../images/goToService.gif") no-repeat scroll 0 50% transparent;
height: 20px;
line-height: 20px;
margin: 0;
padding-left: 20px;
}
/* SUB LINKS */
#logo { display: block; height: 90px; text-indent: -5555px; width: 115px;}
a.facebook { background:url(/images/icons/social/facebook_32.png) no-repeat}
a.twitter { background:url(/images/icons/social/twitter_32.png) no-repeat}
a.rss { background:url(/images/icons/social/rss_32.png) no-repeat}
a.youtube { background:url(/images/icons/social/youtube_32.png) no-repeat}
.feature h3 { color: white; font-size: 120%; font-weight: normal; margin: 0; text-align: center;}
.col h4 {margin:0; padding:0;}
.social div {font-size:12px;}
.social div em {font-size:10px;}
.social .facebook { background:url(/images/icons/social/facebook_32.png) no-repeat; height:65px; padding-left: 42px;}
/*
#featuredButton.active {background:url(/images/layout/controller-carrot.png) no-repeat center 10px}
#searchButton.active {background:url(/images/layout/controller-carrot.png) no-repeat center 2px}
#localButton.active {background:url(/images/layout/controller-carrot.png) no-repeat center 1px}
*/
.active {background:url(/images/layout/controller-carrot.png) no-repeat center 12px}
#featuredButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll 0px -1px transparent}
#newsButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -739px -1px transparent}
#searchButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -247px -1px transparent}
#localButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -494px -1px transparent}
/* DROPDOWN: GOVERNOR */
.feature .social, #newsGovernor .socialize {right:8px; height: 50px; bottom: 4px; margin: 0; padding: 0; position: absolute; width: 216px; }
nav ul li .feature .social ul li, #newsGovernor .media ul li {margin-bottom:5px; margin:0; width:32px; float:left}
a.facebook {background:url(/images/icons/social/facebook_32.png) no-repeat; display:block;height: 32px; width:32px;text-indent: -9999px;}
a.twitter {background:url(/images/icons/social/twitter_32.png) no-repeat;display:block;height: 32px; width:32px;text-indent: -9999px;}
a.rss {background:url(/images/icons/social/rss_32.png) no-repeat;display:block;height: 32px; width:32px;text-indent: -9999px;}
a.youtube {background:url(/images/icons/social/youtube_32.png) no-repeat;display:block;height: 32px; width:32px;text-indent: -9999px;}
#nav-government .feature ul {height:32px;}
nav ul li div#priorities, #newsGovernor .media #newsPriorities {background: none;position: relative; top: 52px; right:10px; padding:0; width:225px; height:92px; text-align:left}
nav ul li div#priorities {position: absolute; top: 220px; right: 0; }
nav ul li div#priorities ul {position: relative; }
#newsGovernor .media #newsPriorities {position:absolute;width: 280px; top:auto; bottom:5px }
#newsGovernor .media #newsPriorities h4, .headlines h4, #relatedJobs h3 { margin:0 0 5px 0; font-weight:normal;}
#priorities h4 { text-indent:-9999px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat 8px 0px; height:25px; margin:5px 0;}
nav ul li #priorities li a, #newsPriorities li a {text-indent:-9999px; -moz-border-radius:0;border-radius:0; margin:0; padding:0;height:30px; position:absolute}
#priorities a.jobs, #newsPriorities a.jobs {width:86px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -155px -31px}
#priorities a.jobs:hover,#newsPriorities a.jobs:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -8px -31px}
#priorities a.energy,#newsPriorities a.energy {width:86px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -155px -59px; top:35px;}
#priorities a.energy:hover,#newsPriorities a.energy:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -8px -59px;;}
#priorities a.education,#newsPriorities a.education {width: 142px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -150px -86px; top:0; right:5px}
#priorities a.education:hover,#newsPriorities a.education:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -3px -86px;}
#priorities a.self,#newsPriorities a.self {width:142px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -150px -115px; top:35px; right:5px}
#priorities a.self:hover,#newsPriorities a.self:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -3px -115px;}
nav ul li div .social ul {bottom:0;}
nav ul li a.govLink {display: block; height: 177px; margin: 0; padding: 0; width: 100%; text-align:center;}
#nav ul li div ul li { float:none}
#nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a, li#location ol a, #outOfState a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px;-moz-border-radius: 7px; border-radius:7px;}
/* NEWS */
#news {margin: 5px 0;padding-bottom: 5px; height: 320px;}
.featureStory {height: 246px;position: absolute;}
.featuredStory, .featuredPhoto {float:left;}
#main .headlines h4, #main h3.headline, main p.story {border:none; margin:0 0 10px}
.headlines li {margin-bottom:10px; list-style:none}
.headlines {float:right; width:215px;}
#main .headlines ul {margin:0;}
.headlines li a { border-bottom: 1px solid #DADADA; font-size: 12px; font-weight: bold; margin-bottom: 5px; text-decoration: none;}
.featuredPhoto { height: 100%; text-indent: -9999px; position:absolute ; background-size: 100% auto;width:349px; background-position: 0 -44px; background-color:#fafafa}
.featuredStory { background: #fafafa; bottom: 0; z-index: 1; position:absolute; padding-bottom:20px; padding:5px 5px 26px; width:339px; }
.headlines .infographic {height:115px; width:215px; margin-bottom:5px; position:relative}
.headlines .infographic a {position:absolute;bottom:0;height:115px; width:215px;display:block; text-indent:-9999px;background:url('/images/buttons/button-infographic-detail.png') center 0px;}
.headlines .infographic a:hover { background:url('/images/buttons/button-infographic-detail.png') bottom;}
.headlines .government {background: url('/data/images/infographics/broadband-infograph-215.png')}
.headlines .employment {background: url('/data/images/infographics/unemployment-infograph-215.png')}
.headlines .business {background: url('/data/images/infographics/business-infograph-215.png')}
.headlines .education {background: url('/data/images/infographics/education-infograph-215.png')}
.headlines .residents {background: url('/data/images/infographics/residents-infograph-215.png')}
.headlines .visiting {background: url('/data/images/infographics/stateparks-infograph-215.png')}
.headlines .about {background: url('/data/images/infographics/promontory-infograph-215.png')}
/* STORIES */
#main h3.headline {margin:0; font-size: 1em;}
#meta .date {font-size: 0.8em; margin: 0; padding: 0; text-transform: uppercase;}
#main p.synopsis {font-size: 0.85em;line-height: 115%;margin: 3px 0 7px;}
#main p.story { margin-top: 5px;line-height: 115%; font-size:0.85em;}
.featureStory .more {border-top: 1px dotted #DADADA;bottom: 0;padding-top: 5px;padding-bottom:5px;position: absolute;width: 342px;z-index: 2;}
.featureStory .more div { text-align: center; font-size:10px;}
.featureStory .more a {text-decoration:none;}
.featureStory .more .addthis_toolbox {width:150px;float:left; margin-left:5px}
.featureStory .more .rss {width:45px; float:left; border-left:1px dotted #dadada;}
.featureStory .more .moreStories a {width:118px; padding-left:18px; float:right; border-left:1px dotted #dadada; background:url(../../images/icons-mini.png) no-repeat -8px -111px;}
.headlines h4 {font-size:11px;}
.headlines h4.tweets { background:url(../../images/icons-mini.png) no-repeat -5px -60px; padding-left:35px;}
.headlines h4.infographics {background:url(../../images/icons-mini.png) no-repeat -5px -36px; padding-left:35px;}
.headlines h4.videos {background:url(../../images/icons-mini.png) no-repeat -5px -89px; padding-left:35px;}
.featureStory .more .rss {background:url(../../images/icons-mini.png) no-repeat -8px -135px; }
.featureStory .more .rss a {padding-left:21px;}
/* TWITTER */
#twtr-widget-1 .twtr-avatar, #twtr-widget-1 .twtr-user, .twtr-ft, .twtr-hd {display: none;}
#main #twtr-widget-1, #sidebar #twtr-widget-1, #main #tweets {height:64px; overflow:hidden; background: url("/images/icons/search-twitter.png") no-repeat scroll 3px 14px #F4FAFC;padding-left: 32px; padding-right:10px; padding-top:10px;margin-top: 7px;border-radius:5px;}
#main #twtr-widget-1 {height:55px}
#main .reader-publisher-module .f,#tweets .title {display: none;}
#tweets .snippet, #tweets .meta {margin-left: 15px;}
#tweets .meta {font-size: 11px;font-style: italic;margin-top: -3px;}
.twtr-tweet {min-height:55px;}
.twtr-timeline {z-index:0;}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4, #twtr-widget-1 .twtr-popular {background:none;}
#tweet-id-1 .twtr-widget .twtr-tweet-wrap {overflow: hidden; padding: 2px 5px;}
#main .twtr-widget .twtr-tweet { border-bottom: medium none; min-height: 55px;}
#sidebar .twtr-widget .twtr-tweet { border-bottom: none; min-height: 65px;}
/* ADVERTISEMENTS */
.advert {display:block; width:345px; height:63px;top: -69px; width: 345px; position:absolute; text-indent:-9999px}
#advert-government {background:url(/images/buttons/header-advertisement-government.png) no-repeat}
#advert-employment {background:url(/images/buttons/header-advertisement-employment.png) no-repeat}
#advert-business {background:url(/images/buttons/header-advertisement-business.png) no-repeat}
#advert-education {background:url(/images/buttons/header-advertisement-education.png) no-repeat}
#advert-residents {background:url(/images/buttons/header-advertisement-residents.png) no-repeat}
#advert-visiting {background:url(/images/buttons/header-advertisement-visiting.png) no-repeat}
#advert-about {background:url(/images/buttons/header-advertisement-data.png) no-repeat}
#advert-social {background:url(/images/buttons/header-advertisement-social.png) no-repeat}
#advert-211 {background:url(/images/buttons/header-advertisement-211.png) no-repeat}
#advert-services {background:url(/images/buttons/header-advertisement-services.png) no-repeat}
#advert-collaborate {background:url(/images/buttons/header-advertisement-collaborate.png) no-repeat}
#advert-connectplus {background:url(/images/buttons/header-advertisement-connectplus.png) no-repeat}
/* BUTTONS */
#main .content-item a.view {background:url(/shared-content/images/more-buttons.jpg) -19px -6px; display:block; height:31px; width:127px; text-indent:-9999px; float:right; margin:0}
#main .content-item a.view:hover {background:url(/shared-content/images/more-buttons.jpg) -152px -6px; }
a.share {background:url(/shared-content/images/more-buttons.jpg) -11px -141px; display:block; height:31px; width:130px; text-indent:-9999px; float:right; margin:0}
a.share:hover {background:url(/shared-content/images/more-buttons.jpg) -148px -141px; }
a.learnmore {background:url("/shared-content/images/more-buttons.jpg") repeat scroll -11px -52px transparent; display:block; height:31px; width:130px; text-indent:-9999px; float:right; margin:-5px 0 0}
a.learnmore:hover {background:url(/shared-content/images/more-buttons.jpg) -144px -52px;}
/* BLOGS & WORDPRESS */
/* MISC */
.clear {clear:both;}