@charset "utf-8";
/* --- reset all of these elements ----*/
html,body,div,span,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,img,ol,ul,li,
fieldset,form,label,legend,
table,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
/* ---- define focus styles ----- */
:focus{
outline:0;
}
/* ------ set base font size,and force scrollbar on non IE browsers to avoid page jump ------- */
/* ------ Note: using 62.5%, 1em = 10px   (1.2em = 12px, 1.4em = 14px, etc) -------*/
html{
font-size:62.5%;
margin-bottom:.01px;
min-height:100.2%;
}
/* --------- text align center on body works for older IE centering ---*/
body{
margin:0;
padding:0;
font-family:Tahoma,Arial,Helvetica,sans-serif;
text-align:center;
line-height:1;
background-color:#CDE1E8;
background-image:url(../img/Kanab-Chamber-vertBgrd_5x660.jpg);
background-repeat: repeat-x;
}
/* ------ WRAPPER:text align left fixes text within body which is centered------- */
#wrapper{
margin:0 auto;
width:980px;
text-align:left;
}
/* ----------- HEADER ----------*/
#header{
height:120px;
background-image:url(../img/kanab-chamber-head_980x120.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}
#header a{
text-decoration:none;
}
#header a img{
	float:left;
}
#header #headerLinks{
	display:block;
	float:left;
	padding:21px 0 0 15px;
	width:250px;
}
#header #headerLinks a{
	font-size:12px;
	font-weight:900;
	text-align:left;
	color:#A48266;
	margin:0 8px;
	}
#header #headerLinks a:hover{
	text-decoration: underline;
	}
/* --------- turn off print header for screen pages ---------*/
/*------------ navigation menu bar -------------*/
#navBar{
	display:none;
height:.1px;
background-image:none;
background-repeat:no-repeat;
background-color:#E6E6E6;
}
/* --------- CONTENT (contains all columns) --------- */
#content{
margin:0;
padding:0;
background-image:url(../img/kanab-chamber_pageBgrd_980x10.jpg);
background-repeat:repeat-y;
background-color:#FFF;
clear:both;
}
/* ----- this makes the content clear the columns it contains --- */
#content .clearProp{
clear:both;
height:.01px;
width:100%;
}
#leftCol #leftProp{
	height:400px;
	float:left;
	width:1px;
}
/*----------- COLUMNS:widths set below according to body class --------- */
#leftCol{
float:left;
margin:0;
background-image:url(../img/Kanab-Chamber-SideBgrd_210x480.jpg);
background-repeat: no-repeat;
background-position:top;
}
#leftCol .inside{
padding:10px 0 0 0;
}
/* - note mainCol width set below according to body class - */
#mainCol{
float:left;
background-image:url(../img/Kanab-Chamber-pageBgrd_770x20.jpg);
background-repeat: repeat-y;
margin-top:12px;
}
#rightCol{
float:left;
padding:0;
}
#rightCol .inside{
padding:10px 0 5px 0;
}
/* -------- 3 column page layout ----------*/
.threeCol #mainCol{
width:420px;
}
.threeCol #mainCol .inside{
padding:10px 10px 20px 10px;
}
.threeCol #leftCol{
width:210px;
}
.threeCol #rightCol{
width:340px;
}
/* -------- 2 column page layout ----------*/
.twoCol #mainCol{
width:770px;
}
.twoCol #mainCol .inside{
padding:10px 34px 20px 10px;
}
.twoCol #leftCol{
float:left;
width:210px;
}
.twoCol #rightCol{
display:none;
}
/* -------- 1 column page layout ----------*/
.oneCol #mainCol{
width:760px;
}
.oneCol #mainCol .inside{
padding:10px 0 10px 10px;
}
.oneCol #leftCol{
display:none;
}
.oneCol #rightCol{
display:none;
}
/* ---------- FOOTER ----------*/
#footer{
margin:0;
padding:0;
height:60px;
clear:both;
background-image:url(../img/Kanab-Chamber-foot_980x60.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}
#footer p{
font-size:1em;
text-align:center;
}
/* --------- footLinks -------- */
#footLinks{
padding:8px 0 0 33px;
font-size:10px;
text-align:center;
}
#footLinks .footLinksList li{
list-style-type:none;
display:block;
float:left;
}
#footLinks a{
margin:0 11px;
text-decoration:none;
}
#footLinks a:link,#footLinks a:visited,#footLinks a:active{
color:#65a3b8;
text-decoration:none;
}
#footLinks a:hover{
color:#70533B;

}
/*----------- CREDITS ----------*/
#credits .smallPrint{
color:#A6AEBC;
font-size:10px;
}
#credits .smallPrint a{
color:#A6AEBC;
text-decoration:none;
}
#credits .smallPrint a:hover{
color:#B6BFCE;
text-decoration:underline;
}

/* ------------ REGULAR LINKS --------------- */
a:visited,a:active,a:link{
color:#336666;
text-decoration:underline;
}
a:hover{
color:#336666;
text-decoration:none;
}
/* -- no hover attributes on linked images --*/
a:visited img, a:link img, a:active img, a img, a:hover img{
background: none !important;
border:none !important;
text-decoration:none;
}
/* -- nohover.js adds the nohover class --*/
a.nohover, a.nohover:link, a.nohover:visited, a.nohover:hover, a.nohover:active{
background:none !important;
text-decoration:none;
}
/* ---------- STANDARD ELEMENTS -------- */
h1{
margin:0;
padding:0;
font-size:1.6em;
font-weight:900;
text-align:center;
}
#mainCol h1{
color:#71abbf;
font-family:Tahoma,Arial,Helvetica,sans-serif;
text-align:left;
line-height:1.8em;
padding:3px;
border-bottom:1px dotted #62a5c2;
margin:0 0 6px 0;
}
#rightCol h1{
color:#232323;
line-height:1.2em;
padding:1px 0 3px 0;
margin:6px 0;
}
h2{
margin:12px 0 4px 0;
padding:0;
font-size:1.6em;
font-weight:900;
text-align:center;
}
#mainCol h2{
color:#A48266;
text-align:left;
font-size:1.4em;
line-height:1.4em;
font-family:Tahoma,Arial,Helvetica,sans-serif;
padding:3px 0 4px 17px;
margin:4px 0 6px 0;
}
h2 a:link,
h2 a:visited,
h2 a:active{
	text-decoration:none;
	color:#A48266;
}
h2 a:hover{
	text-decoration:underline;
}
#rightCol h2{
color:#A48266;
line-height:1.2em;
padding:4px 0 9px 7px;
text-align:left;
margin:0;
border:0;
background-image:url(../img/subhead-bgrd.jpg);
background-repeat: repeat-x;
}
h3{
margin:0;
padding:0;
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h3{
color:#482a44;
text-align:left;
line-height:1.4em;
padding:9px 0 5px 10px;
font-size:12px;
margin:3px 0;
background-color:#fdfcfa;
}
#rightCol h3{
color:#232323;
line-height:1.2em;
padding:3px 0 3px 0;
margin:6px 0;
}
h4{
margin:0;
padding:0;
font-size:1.2em;
font-weight:900;
text-align:center;
}
#rightCol h4{
color:#232323;
text-align:left;
font-size:1.2em;
line-height:1.4em;
padding:3px;
border-bottom:1px dotted #232323;
margin:4px 4px 6px 4px;
}
h5{
margin:8px 0 5px 0;
padding:0 12px;
font-size:1.2em;
font-weight:900;
text-align:left;
}
h6{
margin:0;
padding:0;
font-size:1.2em;
font-style:oblique;
font-weight:900;
text-align:center;
}
p{
margin:0;
padding:0;
font:12px Tahoma,Arial,Helvetica,sans-serif;
line-height:1.4em;
text-indent:0;
}
#leftCol p{
margin:0 5px 0 0;
text-align:left;
}
#mainCol p{
margin:0 0 7px 0;
text-align:left;
color:#70533B;
}
#rightCol p{
margin:0 8px;
text-align:left;
}
ul{
font-size:1.2em;
margin-left:22px;
}
ul li{
margin-bottom:4px;
}
/* ---------- TOP NAVIGATION MENU ---------- */
#pageNav{
	margin:0 0 0 5px;
	padding:0 0 12px 0;
}
ul.topNav{
z-index:10000;
margin:0 42px 0 0;
padding:0;
font-size:12px;
float:right;
}
ul.topNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
padding:0;
float:left;
display:block;
}
ul.topNav li a{
margin:0;
padding:3px 12px;
line-height:1.2em;
text-decoration:none;
border-left:1px solid #b79478;
font-weight:900;
}
ul.topNav li a:link,ul.topNav li a:visited,ul.topNav li a:active{
color:#b79478;
text-decoration:none;
}
ul.topNav li a:hover,ul.topNav li a.currentLink:hover{
background-image:url(../img/nav-bgrd.jpg);
background-position:top;
color:#b79478;
text-decoration:none;
}
ul.topNav li a.currentLink{
background:#d0e3eb;
background-image:url(../img/nav-bgrd.jpg);
background-repeat: repeat-x;
background-position: bottom;

}
ul.topNav li a.firstLink{
border-left:none;
}
/* ---------- SIDE NAVIGATION MENU ---------- */
ul.sideNav{
z-index:10000;
margin:84px 0 0 12px;
padding:0;
font-size:1.2em;
}
ul.sideNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
padding:0;
}
ul.sideNav li a{
display:block;
margin:1px 0 5px 11px;
padding:4px 12px 4px 22px;
line-height:1.2em;
text-decoration:none;
width:144px;
background-image:url(../img/nav-marker.png);
background-repeat:no-repeat;
font-weight:200;
background-position: left center;
}
ul.sideNav li a:link,ul.sideNav li a:visited,ul.sideNav li a:active{
color:#9C816E;
text-decoration:none;
}
ul.sideNav li a:hover,ul.sideNav li a.currentLink:hover{
color:#9C816E;
text-decoration: underline;
}
ul.sideNav li a.currentLink{
color:#9C816E;
font-weight:900;
}
/* -----------TABLES---------*/
table{
width:92%;
border-collapse:collapse;
margin:10px auto;
font-size:1em;
}
th{
font-weight:900;
text-align:center;
background-color:#000040;
color:#FFF;
padding:6px 0 2px 0;
border-bottom:2px solid #004EA0;
}
td{
text-align:left;
padding:5px 2px 3px 12px;
}
table#searchResults{
font-size:1em;
margin:6px 0;
width:100%;
}
table#searchResults td{
padding:6px 0;
}


/*----------- MISC. CLASSES ----------*/
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}
.boldText{
font-weight:bold;
}
.clear{
clear:both;
}
.dropCap{
float:left;
color:#232323;
padding:4px 1px 4px 0;
font:34px/20px Verdana,Arial,Helvetica,sans-serif;
}
.dropCapFollow{
color:#232323;
padding:0 2px 0 0;
font:900 1.2em/1em Verdana,Arial,Helvetica,sans-serif;
}
.errorMessage, #content p.errorMessage{
font-weight:900;
text-align:center;
padding:22px 8px;
}
.floatRight{
float:right;
}
form#quickLinks{
	float:right;
	margin:17px 28px 0 0;
}
select.goList{
	font-size:12px;
	padding:0;
	border:1px solid #60A3BD;
	cursor:pointer;
margin:0;
border:1px solid #D7C2AF;
color:#8d7060;
font-family:sans-serif;
}
.hr{
	border-bottom:1px solid #004080;
	clear:both;
}
.mapBox{
margin:0;
border:1px solid #D7C2AF;
}
.mapControls{
text-align:center;
padding:8px;
font-size:12px;
}
.mapControls a{
margin:0 8px;
color:#9c816e;
}
#mainCol .message, #mainCol .message p{
	color:#70533b;
}
.pullQuote{
display:block;
padding:8px 12px;
margin:8px 0;
border-top:1px solid #232323;
border-bottom:1px solid #232323;
font-size:1.4em;
}
.pushDown{
margin-top:15px;
}
.searchMatch{
background-color:#FFFFCC;
}
.searchRenew, a.searchRenew{
float:right;
width:140px;
font-weight:900;
font-size:1.2em;
}
.searchTitle, a.searchTitle{
font-weight:900;
}
.searchURL, a.searchURL{
text-decoration:none;
padding-left:8px;
}
.seoText,.seoText p,#content .seoText p{
font-size:10px;
line-height:1em;
color:#EEEEEE;
margin:15px;
padding:8px 20px;
}
.seoText a,#content .seoText a,
#content .seoText a:visited,
#content .seoText a:hover{
color:#F2F7FB;
text-decoration:none;
}
.sideBox{
margin:10px 25px 14px 0;
padding:5px;
background-color:#FFF;
}
.sideInside{
margin:3px;
background-color:#FFF;
padding:4px;
}
.moreLink{
	float:right;
	font-size:12px;
	padding:0 2px 2px 20px;
	background-image:url(../img/nav-marker.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#rightCol .sideAlt{
background-color:#F4F4F4;
}
.sideBox ul{
	margin:0 0 7px 7px;
}
.sideBox ul li{
font-size:1em;
line-height:1.3em;
margin-bottom:11px;
font-weight:100;
color:#b49070;
}
.sideBox ul li a:link, .sideBox ul li a:visited, .sideBox ul li a:active, .sideBox ul li a:hover{
color:#b49070;
}
.sideBox ul li a:hover{
color:#68a9c9;
}
.caption{
	font-size:10px;
	font-style:italic;
	color:#70533B;
	padding:0 12px 11px 0;
	text-align:right;
}
.smallPrint{
font-size:1em;
padding:0 12px;
text-indent:0;
}
.standOut{
padding:9px 12px 12px 12px;
border:1px solid #FFF;
background-color:#fdfcfa;
margin:0 0 7px 0;
border-bottom:1px solid #a48266;
border-top:1px solid #a48266;
}
.standOut p{
	color:#a48266;
}
#mainCol .standOut h2{
	background:none;
	border:none;
	padding:4px 0 0 4px;
	color:#62a5c2;
	font-weight:100;
	text-align:left;
	border-bottom:1px dotted #62a5c2;
}
img,#header a img,body #content a img{
border:none;
}
#credits,.centered,#content p.centered{
text-align:center;
}
.floatLeft{
float:left;
}
h1 .subHead{
	font-size:75%;
	font-weight:100;
	float:right;
	margin:3px 13px 0 0;
}
h1 a:link,h1 a:visited,h1 a:active {
	color:#AD7D6C !important;
	text-decoration:none;
}
h1 a:hover{
	color:#AD7D6C !important;
		text-decoration: underline;
}
/* --------- form styles ----------------- */
fieldset{
padding:3px;
width:370px;
margin:10px 0;
border:1px solid #eee;
}
#contactCol fieldset{
margin:0 0 0 12px;
border:none;
}
#contactCol fieldset legend{
	display:none;
}
#contactCol .formresponse{
color:#A48266;
font-size:12px;
font-weight:900;
}

/* -------- contact form fieldsets ------- */
fieldset.fsContact{
float:left;
}
label{
width:92px;
float:left;
text-align:right;
margin:8px 6px 0 6px;
font-size:12px;
line-height:1.4em;
color:#70533b;
}
form div.error, form div.warning{
color:#990000;
float:none;
clear:both;
padding:5px 0 5px 134px;
text-align:left;
font-size:1.2em;
font-style:italic;
}
input.error, input.warning, textarea.error, textarea.warning, select.error, select.warning{
border:1px solid #990000;
}
label.required{
font-weight:900;
}
legend{
padding:3px 8px;
margin:2px 67px;
border:none;
color:#65a6bc;
font-weight:900;
font-size:14px;
}
input,textarea,select{
margin:10px 6px 0 6px;
	padding:2px;
	border:1px solid #60A3BD;
color:#8d7060;
background:#FFFFFF;
font-family:sans-serif;
}
textarea{
	font-size:1.2em;
}
input[type=checkbox]{
	border:none;
}
input.submitButton{
background-color:#80533B;
background-image:url(../img/button-bgrd.jpg);
background-repeat:repeat-x;
border:medium none !important;
font-weight:900;
margin:10px 0;
padding:1px;
cursor:pointer;
}
#searchForm{
	float:right;
	margin:34px 0 0 0;
	width:400px;
	text-align:right;
	padding-right:20px;
}
#searchForm input, #searchForm input:focus{
		font-size:12px;
		float:none;
	padding:2px;
	border:1px solid #60A3BD;
	cursor:pointer;
border:1px solid #D7C2AF;
color:#8d7060;
font-family:sans-serif;
}
#searchForm input.submitButton{
margin:0 !important;
padding:1px;
border:none !important;
font-weight:900;
background-image:url(../img/button-bgrd.jpg);
background-repeat:repeat-x;
background-color:#f8f3ef;
}
.formResponse{
padding:45px;
height:240px;
font-size:1.4em;
}
.formResponse a{
text-decoration:none;
}
.formResponse a:hover{
text-decoration:underline;
}
#printHeader,.hideField{
display:none;
}
ul.indexBanners{
	list-style-type:none;
	float:left;
	width:282px;
	height:358px;
}
ul.pageBanners{
	list-style-type:none;
	float:left;
	width:282px;
	height:368px;
}
#kanab-relocation ul.pageBanners{
	height:760px;
}
ul.indexBanners li, ul.pageBanners li{
	margin-left:11px;
	width:270px;
	height:340px;
	margin:0 12px;
}
ul.indexBanners li a img,ul.pageBanners li a img{
	margin-bottom:7px;
	}

/*---- member page styles ---- */
#mainCol img.banner{
	margin:11px 0 6px 0;
}
#mainCol .memberLink{
	font-size:12px;
	width:270px;
	text-align:center;
}
#mainCol .memberLink a{
	color:#27537a;
	text-decoration:none;
}
#mainCol .memberLink a:hover{
	text-decoration:underline;
	}
/* ---- member page fieldset -------*/
fieldset.memberInfo{
	width: 250px;
	margin:0;
	margin-top:8px;
	padding:10px;
border:1px solid #D7C2AF;
}
#index fieldset.memberInfo{
	width:378px;
}
fieldset.memberInfo, fieldset.memberInfo p, fieldset.memberInfo ul, fieldset.memberInfo ul li {
	font-size:12px;
line-height:1.4em;
	}
fieldset.memberInfo legend,fieldset.memberDescription legend{
padding:3px 8px;
margin:0 11px;
border:none;
color:#5EA1BB;
font-weight:900;
font-size:12px;
}
.descripProp{
	width:1px;
	float:right;
	height:220px;
}
ul.memberThumbs{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
ul.memberThumbs li{
display:block;
margin:0 0 8px 9px;
}
body #content a:link img.memberPic,
body #content a:visited img.memberPic,
body #content a:active img.memberPic,
body #content a:hover img.memberPic{
	border:1px solid #D7C2AF !important;
}
#descripCol, #descripCol p, #descripCol ul, #descripCol ul li{
	font-size:12px;
	line-height:1.3em;
	color:#70533B;
}
#memberInfoCol{
	float:left;
	width:280px;
}
ul#tabList{
	width:415px;
	list-style:none;
}
#mapCol{
	width:435px;
}
#tabCol{
	width:435px;
	margin:14px 0 20px 0;
	float:right;
	border:none !important;
}

/*----- MEMBER LIST PAGE ------*/
 
 #memberLinks{
 list-style:none;
 margin:22px 0 22px 0;
 }
a.memberListLink{
	text-decoration:underline;
	color:#80533b;
	}
a.memberListLink:hover{
	text-decoration:none;	
}
#memberLinks p{
	padding:3px 11px;
	clear:both;
	}
#memberLinks li{
	padding:8px 0 0 0;
	height:75px;
}
#memberLinks li.catHead{
	height:14px;
	background-color:#F5FAFC;
	font-size:12px;
	font-weight:900;
	padding:2px 7px;
}
#memberLinks li.altrow{
	background-color:#f5fafc;
}
#memberLinks p img{
	float:right;
	margin:0;
	padding:0;
	border:0;
}

/* -- list sort/search navigation ---*/
#searchLinks{
	padding:8px 28px 2px 14px;
	background-color:#ffffff;
}
#searchLinks a{
	margin-left:12px;
}
#searchLinks a.currentLink{
	font-weight:900;
	}
#searchLinks a:link, #searchLinks a:active, #searchLinks a:visited{
	text-decoration:none;
}

.filterLinks{
	padding:7px 12px 7px 0;
	font-size:11px;
	line-height:15px;
	}
.filterLinks a.onLink{
	background-color:#EFF4F7;
}
#mainCol .filterLinks p{
		text-align:justify !important;
		}
.filterLinks a{
	margin:0;
	text-decoration:none;
	padding:6px;
}	
.filterLinks a:hover{
	background-color:#EEE5DE;
	color:#232323;
}
#searchLinks a:hover{
	text-decoration:underline;
}
.filterLinks label{
	margin:14px 8px 0 18px;
}

ul#articleList{
	margin:18px 12px 12px 28px;
}
#articleList li{
font-size:1em;
line-height:1.3em;
margin-bottom:14px;
font-weight:100;
color:#70533B;
}
#articleList li p{
	margin:5px 0 !important;
	}
#articleList li a{
color:#b49070;
}
#articleList li a:hover{
color:#68a9c9;
}
#articleList li .headline{
	display:block;
	width:620px;
	font-weight:900;

	}
#articleList li .eventHeadline{
	font-weight:900;
	}

	.headlineDate{
	font-weight:900;
	letter-spacing:.05em;
}
#articleList li .headlineDate{
	display:inline;
	}
#articleList li .headlineDate, #articleList li .headline{
font-size:14px;
color:#71ABBF;
}

#articleList li .articleBody{
	line-height:1.44em;
	padding:8px 0;
}

#mainCol #articleList li .articleBody h1{
	font-weight:900;
	border:0;
font-size:13px;
color:#70533b;
	}
#mainCol #articleList li .articleBody h2{
	font-weight:900;
	border:0;
font-size:13px;
	}

#articleList li .articleBody .eventText{
padding:8px 18px;
margin-top:12px;
border:1px solid #eff4f7;
}
#articleList li a.morelink,
#articleList li a.hidelink{
	font-weight:900;
	float:none;
	padding:0;
	background:none;
}
#kanab-calendar ul#articleList, #kanab-calendar ul#articleList li{
	width:360px;
	list-style:outside;
	list-style-type:disc;
}
#infoCol{
	width:325px;
	float:right;
}
#infoCol h3{
background-image:url(../img/nav-marker.png);
background-position:left center;
background-repeat:no-repeat;
padding:4px 0 5px 18px;
color:#5ea1bb;
background-color:#FFFFFF;
margin-bottom:17px;
margin-top:19px;
font-size:1.2em;
}
#shCol{
	width:380px;
}
#shCol h3{
	cursor:pointer;
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:23px;
	color:#5EA1BB;
}
#shCol h3.open{
background-image:url(../admin/img/icons_fav/resultset_previous.png);
}
#shCol h3.closed{
background-image:url(../admin/img/icons_fav/resultset_next.png);
}
#shCol .shBox{
	margin:18px 18px;
}
ul.linksList{
	margin-top:18px;
}
.linksList li{
font-size:1em;
line-height:1.3em;
margin-bottom:14px;
font-weight:100;
color:#70533B;
}
.linksList li p{
	margin:5px 0 !important;
	color:#70533B;
	}
.linksList li a{
color:#b49070;
}
.linksList li a:hover{
color:#68a9c9;
}
#scrollBox{
	height:443px;
	overflow-y:scroll;
}
#searchoutput{
	padding:0 33px;
}
