/* Utah.com Site Styles */

/* Colors Used */
.dark-gray { background: #3c3c3c; }
.light-gray { background: #bebebe; }
.dark-tan { background: #988653; }
.light-cream { background: #dcd8bd; }
.blue { background:#003151; }
.red { background: #863514; }
.green { background: #4b4516; }

/* Menu Text */
.itemText { color: #fff; text-align: left; font: 12px "ms sans serif", arial, helvetica; }
.itemHover { color: #fff; text-align: left; font: 12px "ms sans serif", arial, helvetica; }
.itemBorder { border: 1px solid #fff; }

/* Change Mozilla Box Model to be like IE 
* { box-sizing:border-box; -moz-box-sizing:border-box; }*/

body {
	text-align: left;
	background: #fff;
	font: 12px arial, helvetica;
	margin: 5px 0px;
	text-align: center;
}

table.shell {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
}

table.shell-wide {
	width: 100%;
	padding: 0px;
	margin: 5px auto;
}

/* Left Navigation Column */

td.left-col {
	width: 87px;
	background: #3c3c3c;
	border: 1px solid #bebebe;
	vertical-align: top;
	color: #fff;
	display: none;
}

td.left-col a:link, td.left-col:visited {
	color: #fff;
	font: 11px arial, helvetica;
}

td.left-col a:hover {
	font: bold 11px arial, helvetica;
}

div.footer {
	width: 100%;
	padding-top: 8px;
	line-height: 22px; 
	text-align: center
}

div.international {
	margin: 0px auto 15px auto;
	text-align: center;
}

div.international a {
	color: #fff;
	text-decoration: underline;
}

/* Left Column Content */

td.left-content-col {
	width: 100%;
	vertical-align: top;
	text-align: left;
}

/* Right Column */

td.right-col {
	width: 749px;
	vertical-align: top;
	text-align: left;
	border-left: 1px solid #bebebe;
}

table.page-hdr {
	width: 748px;
	height: 40px;
	background: #fff;
	border: 1px solid #bebebe;
	border-left: none;
}

td.page-title {
	width: 344px;
	padding: 0px 10px 0px 20px;
	font: bold 20px/40px arial;
}

td.page-search {
	width: 272px;
	text-align: right;
	display: none;
}

td.state-logo {
	width: 355px;
	padding: 0px 10px 0px 10px;
	text-align: right;
}

div.root-menu-display {
	display: none;
}

div.menu-spacer {
	width: 748px;
	background: url(/art/lf/menu-spacer.jpg);
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

div.menu-spacer img {
	width: 748px;
}

div.pano {
	width: 749px;
	border:  1px solid #bebebe;
	border-left:  none;
	margin: 5px 0px;
}

img.pano {
	width: 749px;
}

div.pano-sec-home {
	float: left;
	width: 534px;
	height: 160px;
	border-top:  1px solid #bebebe;
	border-bottom:  1px solid #bebebe;
	margin: 5px 0px;
}

img.pano-sec-home {
	width: 534px;
}

div.quote-sec-home {
	float:left;
	width: 204px;
	height: 150px;
	padding: 5px 4px 5px 4px;
	font: bold 14px/18px verdana, arial, helvetica;
	text-align: center;
	color: #fff;
	border:  1px solid #bebebe;
	margin: 5px 0px;
}

.ski-bg {
	background: #fff;
}

.np-bg {
	background: #fff;
}

.golf-bg {
	background: #fff;
}

.raft-bg {
	background: #fff;
}

.gen-bg {
	background: #fff;
}

div.pano-sec {
	float:left;
	width: 534px;
	height: 125px;
	border-top:  1px solid #bebebe;
	border-bottom:  1px solid #bebebe;
	margin: 5px 0px;
}

div.pano-ad-sec {
	float:left;
	width: 204px;
	height: 115px;
	padding: 5px 4px;
	text-align: center;
	border:  1px solid #bebebe;
	margin: 5px 0px;
}

img.pano-sec {
	width: 534px;
	height: 125px;
}

table.content-shell {
	width: 749px;
	text-align: left;
	padding: 0px;
}

table.content-shell-wide {
	width: 749px;
	text-align: left;
	padding: 0px;
	border-left: 1px solid #bebebe;
}

/* Home Page */
div.homeicons {
	display: none;
}

td.content-shell-main {
	width: 522px;
	background: #fff;
	vertical-align: top;
	border: 1px solid #bebebe;
	border-left: none;
}

td.content-shell-spacer {
	width: 5px;
}

td.content-shell-sidebar {
	width: 221px;
	vertical-align: top;
	background: #fff;
	border-bottom: 4px solid #988653;
}

table.content-sidebar-table {
	width: 221px;
	background: #fff;
}

td.content-sidebar-spacer {
	height: 5px;
	background: #dcd8bd;
}

td.content-sidebar-table-hdr {
	background: #988653;
	height: 20px;
	color: #fff;
	font: bold 16px arial, helvetica;
	padding-left: 15px;
	border: 1px solid #bebebe;
}

td.content-sidebar-table-content {
	height: 330px;
	vertical-align: top;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

td.content-sidebar-table-content p {
	color: #000;
	font: 11px/19px arial, helvetica;
	margin: 15px;
}

td.content-sidebar-table-content a:link {
	color: #000;
}

td.content-sidebar-table-content a:visited {
	color: #6c6c6c;
}

td.content-sidebar-table-content a:hover {
	color: #c00;
}
/* End Home Page */

/* Secondary Pages */
td.sec-content-shell-main {
	width: 579px;
	height: 440px;
	background: #fff;
	vertical-align: top;
	border: 1px solid #bebebe;
	border-left: none;
}

td.sec-content-shell-wide {
	width: 579px;
	height: 440px;
	padding: 0px 15px;
	background: #fff;
	vertical-align: top;
	border: 1px solid #bebebe;
	border-left: none;
}

td.sec-content-shell-spacer {
	width: 5px;
}

td.sec-content-shell-sidebar {
	width: 163px;
	padding-top: 5px;
	padding-bottom: 10px;
	vertical-align: top;
	background: #fff;
	border: 1px solid #bebebe;
	text-align: center;
}

table.subNAV {
	width: 749px;
	height: 19px;
	margin-bottom: 5px;
	border: 1px solid #bebebe;
	border-left: none;
}

td.subNAV
{
	font: bold 12px/19px arial, helvetica, sans;
	color: #666;
	text-align: center;
	padding: 0px 4px 0px 4px;
}

.subNAV A {	text-decoration: none; color: #666;	}

.subNAV A:hover { text-decoration: underline; color: #666; }

table.content-footer-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

td.content-footer-table-hdr {
	background: #eee;
	height: 20px;
	color: #000;
	font: 16px/20px arial, helvetica;
	padding-left: 15px;
	border: 1px solid #bebebe;
}

td.content-footer-table-content {
	vertical-align: top;
	padding: 0px 15px 15px 15px;
	border: 1px solid #bebebe;
}

td.content-footer-table-content p {
	color: #000;
	font: 12px/12px arial, helvetica;
	margin: 0px;
}

td.content-footer-table-content ul {
	margin: 0px; padding: 0px;
	padding-left: 30px;
}
/* End Secondary Pages */

div.main {
	padding: 20px 20px 10px 20px;
}

div.main h1 {
	font: bold 20px arial, helvetica ;
	margin: 0px 0px 0px 0px;
}

div.main h2 {
	font: bold 16px arial, helvetica ;
}

div.main h3 {
	font: bold 14px arial, helvetica ;
}

div.main p, td.sec-content-shell-wide p {
	margin-top: 5px;
	line-height: 22px;
}

td.sec-content-shell-wide ul, td.sec-content-shell-wide ol {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}

div.main ul li, div.main ol li, td.sec-content-shell-wide ul li, td.sec-content-shell-wide ol li {
	line-height: 22px;
}

div.content-hdr {
	padding: 20px 5px 0px 5px;
}

div.content-hdr h1 {
	font: bold 20px arial, helvetica ;
	margin: 0px;
	color: #988653;
}

div.left-nav {
	margin-top: 10px;
	margin-left: -15px;
	width: 113px;
	float: left;
	display: inline;
	text-align: left;
	display: none;
}

div.section-styleA {
	clear: both;
	width: 616px;
	padding: 10px;
	background: #fff;
}

div.section-styleA h2 {
	color: #988653;
	border-bottom: 1px solid #000;
	text-indent: 1em;
	font: bold 16px arial, helvetica ;
	margin-bottom: 5px;
}

div.section-styleB {
	width: 616px;
	padding: 10px;
	background: #f0efe7;
}

div.section-styleB h2 {
	color: #033151;
	border-bottom: 1px solid #000;
	text-indent: 1em;
	font: bold 16px arial, helvetica ;
	margin-bottom: 5px;
}

div.section-styleA ul, div.section-styleB ul {
	padding: 0px;
	margin: 0px; padding-left: 30px;
	line-height: 22px;
}

div.section-styleA li, div.section-styleB li {
	margin: 0px; padding: 0px;
}

div.section-styleA li a, div.section-styleB li a {
	text-decoration: none;
	color: #000;
}

div.section-styleA ul a:hover, div.section-styleB ul a:hover {
	color: #988653;
}

#third-tier-nav {
	width: 140px; float: right; display: inline; margin: 0px 0px 10px 15px; border-top: 3px solid #01304e; border-bottom: 3px solid #01304e; border-right: 1px solid #ccc; border-left: 1px solid #ccc;
	display: none;
}

#third-tier-nav #marker-wrapper{
	float: left; width: 5px;
}
#third-tier-nav #marker-wrapper #marker-style1 {
	background: #988653; float: left; width: 5px; line-height: 19px; border-bottom: 1px solid #fff;
}
#third-tier-nav #marker-wrapper #marker-style2 {
	background: #988653; float: left; width: 5px; line-height: 19px;
}
#third-tier-nav ul {
	float: right; width: 135px; list-style-type: none; margin: 0; padding: 0; background: #f2efe8; font: 12px/19px arial; color: #01304e;
}
#third-tier-nav ul li.style1 {
	padding: 0px 2px; border-bottom: 1px solid #01304e;
	font: 12px/19px arial; 
}
#third-tier-nav ul li.style2 {
	padding: 0px 2px;
	font: 12px/19px arial; 
}
#third-tier-nav ul li a {
	padding: 0px 2px;
	font: 12px/19px arial; 
	color: #01304e;
	text-decoration: none;
}
#third-tier-nav ul li a:hover {
	padding: 0px 2px;
	color: #01304e;
}

img {
	border: none;
}

.color-blue { color: #033151; }
.color-tan { color: #988653; }

/* database listing */
TR.gray { background-color: #EAF1F8; }
TR.enhanced {
	background-color: #edeade;
	font-weight: bold;
}
/* end database listing */

td.info
{
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	line-height: 140%;
	color: #000;
	background-color: #EAF1F8;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 6px;
}

.info A
{
	text-decoration: underline;
	color: #003399;
	font-weight: bold;
}

.info A:hover
{
	text-decoration: none;
	color: #003399;
	font-weight: bold;
}

td.glance
{
	font-family: arial, helvetica, sans;
	font-size: 10px;
	line-height: 140%;
	color: #000;
	background-color: #EAF1F8;	
}

.glance A {	text-decoration: underline; color: #003399;	}

.glance A:hover { text-decoration: none; color: #003399; }

td.subHED
{
	background-color: #003366;
	font-family: helvetica, arial, sans;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-indent: 4px;
}

a.sortlink:link, a.sortlink:visited {
	color: #fff;
	text-decoration: none;
}

a.sortlink:hover {
	color: #fff;
	text-decoration: underline;
}

td.subHED_space
{
	height: 2px;
	background-color: #FFFFFF;
}

td.spacerWHITE
{
	background-color: #fff;
	width: 1px;
} 

span.h2Blue
{
	font: bold 16px helvetica, arial, sans;
	border: 0px;
	color: #036;
	line-height: 100%;
}

span.h3Blue
{
	font: bold 12px helvetica, arial, sans;
	border: 0px;
	color: #036;
	line-height: 100%;
}

span.Blue {
	color: #036;
}

.banner {
	font-family: arial, helvetica, sans;
	font-size: 9px;
	color: #0000ff;
}

.hike {
	border: 1px solid #aaa;
	padding: 10px;
	background: #ffffcc;
}

div.post-title {
	font: bold 14px arial, helvetica ;
}

div.post-body {
	line-height: 22px;
}

ul.archive-list {
	font: 11px/22px arial, helvetica;
	padding: 0px;
	margin: 0px 30px 22px 40px;
}

#archive li, #recently li {
	line-height: 16px;
}

.small
{
	font-family: 'Lucida Grande', verdana, arial, helvetica, sans;
	font-size: 10px;
	line-height: 150%;
	color: #333;
	background: #FFFFFF;
}

.small A
{
	text-decoration: underline;
	color: #003399;
}

.small A:hover { text-decoration: none; }

td.storeHED {
	background: #3c3c3c;
	color: #fff;
	font: bold 12px/22px verdana, arial, helvetica;
}

ul.store {
	padding: 0px; margin-left: 20px;
	list-style-type: square;
	/* list-style-image: url(/art/lf/storeLinkBullet.gif); */
	text-align: left;
}

.store
{
	padding-top: 2px;
	font: 10px verdana, arial, helvetica, sans-serif;
	line-height: 150%;
	color: #666;
	background-color: #f3f3f3;
	text-align: left;
}

.store h3 {
	text-align: center;
	font: bold 12px verdana, arial, helvetica, sans-serif;
}

/* Weather Pages */
.hiColor {
	color: #ff0000;
}
.loColor {
	color: #0000ff;
}

table.pageToolsX
{
	clear: both;
	margin: 10px auto 20px auto;
}

.pageTools
{
	font-family: verdana, arial, helvetica, sans;
	font-size: 10px;
	color: #333;
	padding-left: 12px;
}

.pageTools A {	text-decoration: none; color: #333;	}

.pageTools A:hover { text-decoration: none; color: #03c;	}


/* Used to create a elabel marker on google map */
.elabel { width: 100px; padding: 2px 3px; white-space: nowrap; background-color: white; color: #666; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60; font: bold 11px arial; border: 1px solid #aaa; text-align: center; }

img#gallery-thumb {
	margin: 3px;
	border: none;
}