@charset "utf-8";
/* CSS Document */

/* udot.utah.gov theme.  Do not change this.  Put site-specific styles in style.css */
body {
	
	margin: 0;
	background-color: #5782bd; 

	background-image: url('../img/background.png'); 
	background-repeat: repeat-x; 
	background-attachment: fixed;
	color: #4d4d4d;
	
}
#header {
	height: 167px;
	background-image: url('../img/header-background.png');
	background-repeat: repeat-y;
	background-color: #FFF;
}
#page-container {
	background-color: #FFF; 
	width: 980px; 
	margin: 0 auto;
}


#column-container {
	padding: 20px 0 0 0;
	z-index: 1;
	margin-bottom: 50px;
}
#right-sidebar-container {
	width: 100%; 
	float: left;
	clear: left; 
	overflow: hidden;
}
#content-area-container {
	width: 96%; 
	float: left;
	
}
#left-sidebar-container {
	width: 100%; 
	float: left;
	position: relative;
	right: 75%; 
	border-width: 0 1px 0 0;
	
}
#right-sidebar {
	float: right;
    width:15%;
    position:relative;
    left:80%;
    overflow:hidden;

	margin: 0 0 10px 0;
	padding: 0 15px 10px 15px; 	
	
	font-size: 0.9em;
	
}
.textwidget{
	padding-bottom:20px;	
}
#content-area {
   /* float:left;*/
   
    width:75%;
    position:relative;
    left:80%;
    overflow:hidden;

	margin: 0 3px;
	padding: 0 0 40px 0;

}
#left-sidebar {
   float: left;
width: 22%;
position: relative;
left: 76.5%;
overflow: hidden;
margin: 0 0 10px 0;
padding: 0 6px 10px 0;	

}


#footer {
	width: 980px;
	margin: 0px auto 20px auto;	
	color: #fff;
	text-align: center;
	background-color:#4a6c9f;
}


/* Two column page layout overrides */
.two-column-layout #content-area-container {
	border-width: 0 !important;
}
.two-column-layout #content-area {
	width: 77% !important; 
}
.two-column-layout #right-sidebar {
	display: none !important;
}
.two-column-layout #content-area #content-area-header-image {
	width: 715px;
}


/* Single column page layout overrides */
.single-column-layout #content-area-container, 
.single-column-layout #left-sidebar-container {
	border-width: 0 !important;
}
.single-column-layout #content-area {
	width: 96% !important; 
}
.single-column-layout #right-sidebar, 
.single-column-layout #left-sidebar, 
.single-column-layout #content-area #content-area-header-image {
	display: none !important;
}


/* Minimal layout overrides */
.minimal-page-layout #menu-primary-nav-container, 
.minimal-page-layout #breadcrumb-container, 
.minimal-page-layout #content-footer, 
.minimal-page-layout #menu-menu-utility-nav, 
.minimal-page-layout #search-container {
	display: none !important;
}
.minimal-page-layout #logo-container {
	top: 18px !important;
	
}
.minimal-page-layout #header {
	height: 90px !important;
}
.minimal-page-layout #main {
	background-image: url('../img/main-minimal-background.png'); 
	background-repeat: repeat-x; 
}



/* Header content */
ul#menu-utility-nav {
	float: right;
	list-style-type: none;
	font-size: 0.8em;
	margin: 15px 25px 0 0;
	color: #666;
}
ul#menu-utility-nav li {
	float: left;
	border-right: 1px solid #666;
	font-size: 1em;
	padding: 0 6px;
}
ul#menu-utility-nav li.last { border-width: 0 !important; }
ul#menu-utility-nav li:last-child { border-width: 0 !important;  }


div#logo-container {
    float: left;
    position: relative;
    top: 20px;
	left:20px;
	
}

#search-container {
	color: #696969;
	float: right;
	margin: 15px 30px 0 0;
}
#search-container input#search {
	padding: 5px 14px 5px 4px;
	border: 1px solid #000; 
	margin-left: 5px;
	background-image: url('../img/search.gif');
	background-repeat: no-repeat; 
	background-position: center right;
	background-color: #FFF; 
	color: #4D4D4D;
}
#right_bar{
	position: absolute; right: 0; margin-top:132px; background: ; height:25px; width:300px;
	float: right;
	margin-right:20px;
	text-align:right;
	padding-right:25px;
	padding-top:10px;
}
#slogan {
	color: #595959;
    float: right;
    font-size: 1.3em;
    height: 30px;

    margin: 17px 30px 0 0;
}
#slogan1 {
	float: right;
	margin: 0px 30px 0 0;
	color: #595959;
	font-size: 12px;
	height:15px;
}
#slogan2 {
	float: right;
	margin: 0px 30px 0 0;
	color: #595959;
	font-size: 12px;
	height:15px;
}
#menu-primary-nav-container {
	clear: both;
	padding-top: 10px;
}

/*
#slogan {
	color:#595959;
	float:right;
	font-size:1.6em;
	margin:15px 30px 0 0;
}*/


/* Navigation */

.menu-primary-nav-container
{


	

}

ul#menu-primary-nav {

	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
	width: 100%;
	background-image: url('../img/nav-off.png');
	background-repeat: repeat-x;
	text-decoration: none;
	margin-top: 3px;
}
ul#menu-primary-nav li {
	float: left;
	background-image: url('../img/nav-off.png');
	background-repeat: repeat-x;
	/* -3px at the bottom for dropshadow */
	height: 36px;	
/*	padding: 8px 30px 0;*/
}
ul#menu-primary-nav li:hover, 
ul#menu-primary-nav li.selected {
	background-image: url('../img/nav-on.png');
	cursor: pointer;
}
ul#menu-primary-nav li.current-menu-item {
	background-image: url('../img/nav-on.png');
	cursor: pointer;
    color:#ffffff !important;
}

ul#menu-primary-nav li.current-menu-item a{

    color:#ffffff !important;
}



#menu-primary-nav a { 
	text-decoration: none !important;
	color: #4D4D4D;;
	padding: 8px 30px; 
}
#menu-primary-nav li:hover a, 
#menu-primary-nav li.selected a {
	color: #FFFFFF;
}

/* menu-primary-nav submenu */
ul#menu-primary-nav li ul {
	background-image: url('../img/submenu-background.png'); 
	background-color: #FFFFFF; 
	background-repeat: repeat-x; 
	background-position: bottom left;	
	width: 265px;
	left: 8px;
	margin-top: 1px;
}
ul#menu-primary-nav li ul li {
	background-image: none !important; 
	background-repeat: repeat-x; 
	background-color: transparent; 
	
	height: auto;
	margin: 0;
	float: none;
	width: 100%;
	padding: 0;
}
ul#menu-primary-nav li ul li a {
	padding: 5px 2%;
	color: #4D4D4D !important;
}
ul#menu-primary-nav li ul li:hover {
	background-color: #5882bc;
}
ul#menu-primary-nav li ul li:hover a {
	color: #FFF !important;
}


/* Breadcrumb */
#breadcrumb-container {
	padding: 0;
	color: #333;
	font-size: 13px;
	clear: both;
	line-height: 25px;
	height: 30px;
	background-color: #e8e8e9;
}
#banner-container{
	margin-bottom:10px;
	margin-right:0px;

}
#breadcrumb-container a {
	color: #333; 
	text-decoration: none;
}
ul#breadcrumb {
	list-style-type: none;
	list-style-position: inside;
	padding: 0 20px 0 20px;
	margin: 0;
	background-color: #E8E8E9; 
	float: left;
}

ul#breadcrumb li {
	display: inline;
	border-left: 1px solid #666;
	padding: 0 5px 0 7px;	
}
ul#breadcrumb li.first { border-width: 0 !important; }
ul#breadcrumb li:first-child { border-width: 0 !important; }



/**
	Social media icons by the breadcrumb
*/
/* Non javascript versions, links only to profile */
#social-media-top-icons {
	padding-top: 4px;
	float: right; 
	padding-right: 18px;
}
#social-media-top-icons img {
	height: 20px;
	margin-right: 10px;
}
/* Hide if JS is enabled & we'll use AddThis below */
.js-enabled #social-media-top-icons {
	display: none;
}



/* Add this sharing buttons */
#social-media-sharing-icons {
	display: none; /* Enabled via JS */
	padding-top: 4px;
	float: right; 
	padding-right: 18px;
	width: 145px;
}
#social-media-sharing-icons .icon-small {
	width: 16px;
	float: left;
	margin-right: 5px;
}
.js-enabled #social-media-sharing-icons {
	display: block;	  /* Only show if javascript is enabled */
}
/* Hide if JS is enabled & we'll use AddThis below */
.js-enabled #social-media-top-icons {
	display: none;
}



/* Add this sharing buttons */
#social-media-sharing-icons {
	display: none; /* Enabled via JS */
	padding-top: 4px;
	float: right; 
	padding-right: 18px;
	width: 145px;
}
#social-media-sharing-icons .icon-small {
	width: 16px;
	float: left;
	margin-right: 5px;
}
.js-enabled #social-media-sharing-icons {
	display: block;	  /* Only show if javascript is enabled */
}




/* Secondary navigation */
ul#menu-secondary-navigation, 
ul#menu-secondary-navigation ul {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	  font-family: 'museo_sans700';
    src: url('museosans_700-webfont.eot');
    src: url('museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('museosans_700-webfont.woff') format('woff'),
         url('museosans_700-webfont.ttf') format('truetype'),
         url('museosans_700-webfont.svg#museo_sans700') format('svg');
		 font-size:14px;

}
ul#menu-secondary-navigation a {
	color: #333;
	text-decoration: none;
}
ul#menu-secondary-navigation li {
	padding-left: 20px;
	margin: 2px 0;
	cursor: pointer;
}
ul#menu-secondary-navigation li.menu-item {
	background-image: url('../img/arrow-right.gif'); 
	background-repeat: no-repeat; 
	background-position: left 2px;
}
ul#menu-secondary-navigation li.expanded {
	background-image: url('../img/arrow-down.gif') !important; 
	clear: both;
}
ul#menu-secondary-navigation li.expanded ul {
	display: block;
}
ul#menu-secondary-navigation li ul {
	display: none;
}
ul#menu-secondary-navigation li.expanded a, 
ul#menu-secondary-navigation li.expanded ul li.expanded a {
	color: #5A87C5;
}
ul#menu-secondary-navigation li ul li a, 
ul#menu-secondary-navigation li.expanded ul li a {
	color: #808080;
}
ul#menu-secondary-navigation li a.selected {
	color: #5A87C5 !important;
}



/* Quick Links */
#quick-links-container {
	clear: both;
}
#quick-links-container #quick-links-title {
	padding-left: 20px; 
	background-image: url('../img/arrow-blue-right.gif');
	background-repeat: no-repeat;
	background-position: left 2px;
	float: left;
}
#quick-links-content {
	padding-left: 20px;
	clear: left;
}
#cluetip-inner #quick-links-content {
	padding-left: 0 !important;
}
.js-enabled #quick-links-content {
	display: none;
}
#quick-links-content a {
	line-height: 140%;
}




/* Content area */
#content-area-header-image {
	width: 555px;
}
#content-area-header-image img {
	width: 100%;
	z-index: 500;
}
#content-area h1, 
#content-area h2, 
#content-area h3, 
#content-area h4 {
	margin-bottom: 0;
	color: #5A87C5;
}


/* Content footer / social media links */
#content-footer-left {
	float: left;
	margin-left: 20px;
}
#social-media-icons {
	float: right;
	margin-right: 25px;
}
#social-media-icons img {
	margin-left: 15px;
}



/* Right sidebar */
#right-sidebar h3:first-child {
	margin-top: 0;
}
#right-sidebar h3 {
	margin-bottom: 5px;
}
#right-sidebar p {
	padding: 6px 0;
}



/* Footer */
.footer-copyright{
	font-weight:bold;
}
ul#menu-footer-links {
	list-style-type: none;
	list-style-position: inside;
	padding-top: 10px;
	font-weight:bold;
}
ul#menu-footer-links li {
	display: inline;
	border-left: 1px solid #FFF;
	padding: 0 5px 0 7px;	
}

ul#menu-footer-links li.first { border: 0 !important; }
ul#menu-footer-links li:first-child { border: 0 !important; }

ul#menu-footer-links a {
	color: #FFF;
}

/* Content area links */



.border-bottom {
	border-bottom: 1px solid #545156; 
	padding-bottom: 24px;
}


/* Global styles */
p {
	margin: 0; 
	padding: 6px 0;
}

h1 {
	font-size: 1.5em;
}
h1,h2,h3,h4,h5 {
	
	min-height:25px;
	margin:0px !important;
}
.widget-title{
	font-size:20px;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:normal;
	padding-bottom: 5px;
    padding-top: 15px;
	
}

.large {
	font-size: 1.3em;
}

h5 {
	font-size: 1.0em; 
	display: inline;
}
.clear { 
	clear: both;
}
br.clear {
	line-height: 0;
}
img {
	border: 0; 
	/* IE bicubic scaling fix */
	-ms-interpolation-mode: bicubic;
}
a {
	color: #4D4D4D;
	text-decoration: none;
}
a:hover {
	/*color: #4D4D4D;*/
	color: #000000;
	text-decoration: underline !important;
}

.hide {
	display: none;
}

.hr {
	border: 0 !important;
	background-image: url('../img/background-hr.png');
	background-repeat: repeat-x;
	height: 2px;
	margin: 10px 20px;
	clear: both;
	margin-left: 61px;
	margin-bottom: 20px;
	width: 605px
}

/* File icons */
.pdf { background-image: url('../img/icons/file-icons/pdf.png'); }
.ppt { background-image: url('../img/icons/file-icons/ppt.png'); }


/* File icons common */
.pdf, 
.ppt {
	background-repeat: no-repeat; 
	background-position: 6px left;

	padding: 3px 0 3px 20px;
	padding-left: 20px !important;
}
.menu-secondary-navigation-container{
	background:#F3F3F3;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:15px;

	font-size:13px;
	
}

ul#menu-secondary-navigation li.menu-item {
    background-image: url("../img/arrow-right.gif");
    background-repeat: no-repeat;
	background-position: right;
	padding-bottom:4px;
}
ul#menu-secondary-navigation li {
    cursor: pointer;
    margin: 2px 0;
    padding-left: 20px;
}


.maillist {
 width:726px;
 height:101px;
 background:#f3f3f3;
 float:left;
 
}
.heading {
 width:250px;
 height:101px;
 margin-top:15px;
 margin-left:15px;
 margin-bottom:0px;
 float:left;
  
}
.heading-inner-bold
{
	font-size:24px;
	line-height: 1.5;
	  font-family: 'museo_sans700';
    src: url('css/museosans_700-webfont.eot');
    src: url('css/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/museosans_700-webfont.woff') format('woff'),
         url('css/museosans_700-webfont.ttf') format('truetype'),
         url('css/museosans_700-webfont.svg#museo_sans700') format('svg');

		 color: #232323;
	
	
	}
.heading p {
 width:220px;
 font-weight: lighter;

 margin-top:-5px;
}

.formfileds {
 width:430px;
 height:101px;

 font-size:12px;
 float:left;
 
}

.input_fileds {
 border: 1px solid #b1b1b1;  
 height: 20px;
 width: 190px;
 float:left;
 margin-top:0px;
 margin-left:5px;

 font-size: 12px;
 text-indent: 10px; 
}
.textfileds{
 width:430px;
 height:50px;
}
.btn_submit {
 background-color: #ae491d;
 height: 27px;
 width: 130px;
 margin-left:5px;
 margin-top:5px;
 border: thin solid #ae491d;

 color: #FFF;
}













.leftnavb {
	
	width: 199px;
	height: 130px;
	float: right;
	margin-top: -14px;
	margin-right: 15px;
	font-weight:bold;
}
.leftnavb ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.leftnavb ul a{
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
.leftnavb li {
	float:left;

	font-size: 11px;
	margin-left:0px;
	margin-right:2px;
	margin-top:5px;
}

.leftnavb a {
	color:#777777;
}
.menuheading {
	float: left;
width: 190px;
text-align: right;
font-size: 18px;
padding-top: 5px;
color: #777777;
padding-bottom: 22px;
etter-spacing: 1px;
}

.searchb {
	width:180px;
	height:32px;
	margin-top:15px;
	float:left;
	margin-left:35px;
	font-size:11px;
		
}






	
	
	#funkystyling {
	background: #b5b7b9 url(search_icon.png) left no-repeat;
	padding-left: 17px;
	height: 32px;
	width: 114px;
	border: 1px solid #dddddd;

	color: #666;
	float:left;
	margin-left:20px;
}








.input_text_area {
	border: 1px solid #b1b1b1;
	height: 100px;
	width: 400px;
	float:left;
	margin-left: 4px;
	font-size: 12px;
	text-indent: 10px;
	margin-bottom: 10px;
}

.contactus {
	width: 726px;
height: 463px;
background: #f3f3f3;
float: left;
margin-top: 20px;
padding-top: 20px;
	
}



.messagefiled {

	
width: 433px;
height: auto;
font-size: 12px;
float: right;
margin-bottom: -68px;
margin-right: 28px;
margin-top: 16px;
}



.newlabels {

	font-size:12px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-left: 5px;
}



.textfileds2{
width: 215px;
height: 93px;
float: left;
}

.textfileds3{
	width: 430px;
height: 50px;
padding-top: 10px;
	
	}

.btn_submit2 {
	background-color: #ae491d;
	height: 30px;
	width: 130px;
	margin-left: 5px;
	margin-top: 5px;
	border: thin solid #ae491d;
	color: #FFF;
}

.btn_submit3 {
	background-color: #ae491d;
	height: 30px;
	width: 130px;
	margin-left: -210px;
	margin-top: 174px;
	border: thin solid #ae491d;
	color: #FFF;
}

.btn_submit4{
background-color: #ae491d;
height: 27px;
width: 130px;
margin-left: 5px;
margin-top: -14px;
border: thin solid #ae491d;
color: #FFF;

}

.contact_area {
	width:726px;
	height:570px;
	float:left;
	padding-top:20px;
}
.map_area {
	width:726px;
	height:469px;
	float:left;
	
}
.maplink {
	width:389px;
	height:448px;
	float:left;
}
.getting_started {
	width:305px;
	height:448px;
	float:right;
	background:#f9f9f9;
	
}
.contact_heading {
	font-size: 24px;	
color: #232323;
	text-align:left;
	font-size:1.5rem;;
	padding-left:15px;
	padding-top:15px;
	  font-family: 'museo_sans700';
    src: url('css/museosans_700-webfont.eot');
    src: url('css/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/museosans_700-webfont.woff') format('woff'),
         url('css/museosans_700-webfont.ttf') format('truetype'),
         url('css/museosans_700-webfont.svg#museo_sans700') format('svg');
		
}
.contact_para {
text-align: left;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 20px;
margin-right: 15px;
line-height: 1.5;	}
	.img_alternate {
	
		float: left;
		padding-left: 13px;
		padding-top: 5px;
		padding-right: 6px;	
	}
	

	.img_route {
		width:120px;
		height:auto;
	}
	.img_text {
	text-align:center;
	padding-bottom:9px;

	font-size: 12px;
	color: #000;
	}



	
	.view_link {
		margin-top:0px;
		width:283px;
		height:44px;
		float:left;
		
		
		}
		
	
	.formfileds2 {
width: 214px;
height: 72px;
font-size: 12px;
float: left;
padding-top: 0px;
margin-top: 10px;
margin-bottom: 0px;
	
}

	
	
	
.weeklyUpdate{
background: #f3f3f3;
height: 130px;
width: 650px;
padding-left: 25px;
padding-top: 10px;
margin-top: 10px;}
.dateC
{

float: left;
width: 50px;
vertical-align: middle;
padding-top: 8px;
font-weight: bold;
font-size: 16px;
}
.Cdescription {
float: right;
width: 550px;
padding-top: 5px;
line-height: 16px;

}

.question{
padding-top: 16px;
padding-left: 15px;
padding-right: 26px;
line-height: 18px;}


.answer{
	padding-top: 8px;
padding-left: 15px;
padding-right: 26px;
line-height: 19px;
}
.contact_para2{
	
text-align: left;
padding-left: 15px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 0px;
margin-right: 15px;
line-height: 1.1;
}
.view_link2{
margin-top: 18px;
width: 283px;
height: 44px;
float: left;
}


.btn_submit4 {
background-color: #ae491d;
height: 30px;
width: 130px;
margin-left: -216px;
margin-top: 190px;
border: thin solid #ae491d;
color: #FFF;}
#banner-container2 {

margin-right: 10px;
margin-bottom: 10px;}


.btn_submit7 {
 background-color: #ae491d;
 height: 27px;
 width: 130px;
 margin-left:5px;
 margin-top:-13px;
 border: thin solid #ae491d;

 color: #FFF;
}


.maillist-new {
width: 726px;
height: 106px;
background: #f3f3f3;
float: left;
position: relative;
padding-top: 2px;
}
.left {
width: 220px;
position:absolute;
padding-left: 20px;
padding-top: 23px;
}
.right {
min-width:150px;
padding-left: 472px;
padding-top: 3px;

}
.center {
min-width:200px;
position:absolute;
padding-left: 260px;
padding-top: 3px;
}
.submit-n {
position: relative;
padding-top: 12px;
padding-left: 266px;
}
.clearBoth {
clear: both;
}
.btn_submit8 {
background-color: #ae491d;
height: 27px;
width: 130px;
border: thin solid #ae491d;
color: #FFF;
}
.text-med{
line-height: 2;
padding-left: 6px;
}