/*******************************
The following styles outside of any @media query style mobile view as well as all other views. 
*********************************/
body
{
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #f5e1a9;
}

body, select, input, textarea
{
	font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
	color: #29241d;
}

a, a:visited
{
	color: #524331;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border: 0;
}

.error
{
	color: #A00000;
	font-weight: bold;
}

/***Flagged pages styles***/
#flagged_results_page
{
	border: 1px solid #e5e181;
	background: #fefde2;
	background: #fefde2 url(/admin/www/img/warning.gif) 12px 12px no-repeat;
	color: #666;
	padding: 1em;
	margin: 2em 0;
}

#flagged_results_page .flag-item
{
	margin-bottom: 2em;
	color: #000000;
}

#flagged_results_page .flag-comment
{
	margin-left: 1em;
}

#flag_page_show
{
	border: 2px solid #D8CEBB;
	background: #EEE8DD;
	color: #000000;
	padding:1em;
	margin:2em 0;
	overflow: auto; /*to clear floated content */
}

#flag_page_show .call-out-box-flag
{
	position: relative;
}

#flag_page_show textarea,
#flag_page_show label,
#flag_page_show select,
#flag_page_show input
{
	float: left;
	clear: left;
	margin-bottom: 1em;
}

#flagged_comments
{
	width: 95%;
	height: 10em;
}

.close-box-flag
{
	position: absolute;
	right: 1px;
	top: -12px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/admin/www/img/close.png) 0 0 no-repeat;
	cursor: pointer;
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.close-box-flag.hover
{
	-moz-opacity: 1;
	opacity: 1;
}
	

/*Icons for file types*/
/* These do not work in IE 6 or earlier */
.brown_box a[href$=".pdf"],
.brown_box a[href$=".PDF"],
.atoz_brown_box a[href$=".pdf"],
.atoz_brown_box a[href$=".PDF"],
.links_list a[href$=".pdf"],
.links_list a[href$=".PDF"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-pdf.png") no-repeat center right;
}

.brown_box a[href$=".doc"],
.brown_box a[href$=".docx"],
.atoz_brown_box a[href$=".doc"],
.atoz_brown_box a[href$=".docx"],
.links_list a[href$=".doc"],
.links_list a[href$=".docx"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-word.png") no-repeat center right;
}

.brown_box a[href$=".jpg"],
.brown_box a[href$=".jpeg"],
.brown_box a[href$=".gif"],
.brown_box a[href$=".png"],
.atoz_brown_box a[href$=".jpg"],
.atoz_brown_box a[href$=".jpeg"],
.atoz_brown_box a[href$=".gif"],
.atoz_brown_box a[href$=".png"],
.links_list a[href$=".jpg"],
.links_list a[href$=".jpeg"],
.links_list a[href$=".gif"],
.links_list a[href$=".png"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-image.png") no-repeat center right;
}

.brown_box a[href$=".xls"],
.brown_box a[href$=".xlsx"],
.brown_box a[href$=".csv"],
.atoz_brown_box a[href$=".xls"],
.atoz_brown_box a[href$=".xlsx"],
.atoz_brown_box a[href$=".csv"],
.links_list a[href$=".xls"],
.links_list a[href$=".xlsx"],
.links_list a[href$=".csv"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-excel.png") no-repeat center right;
}

.brown_box a[href$=".ppt"],
.brown_box a[href$=".pptx"],
.atoz_brown_box a[href$=".ppt"],
.atoz_brown_box a[href$=".pptx"],
.links_list a[href$=".ppt"],
.links_list a[href$=".pptx"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-powerpoint.png") no-repeat center right;
}

.brown_box a[href$=".avi"],
.brown_box a[href$=".mp4"],
.brown_box a[href$=".mov"],
.brown_box a[href$=".wmv"],
.atoz_brown_box a[href$=".avi"],
.atoz_brown_box a[href$=".mp4"],
.atoz_brown_box a[href$=".mov"],
.atoz_brown_box a[href$=".wmv"],
.links_list a[href$=".avi"],
.links_list a[href$=".mp4"],
.links_list a[href$=".mov"],
.links_list a[href$=".wmv"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-video.png") no-repeat center right;
}

.brown_box a[href$=".mp3"],
.atoz_brown_box a[href$=".mp3"],
.links_list a[href$=".mp3"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-audio.png") no-repeat center right;
}

.brown_box a[href$=".zip"],
.atoz_brown_box a[href$=".zip"],
.links_list a[href$=".zip"]
{
    padding-right: 16px;
    background:transparent url("/img/icons/icon-zip.png") no-repeat center right;
}

table
{
	font-size: inherit;
	line-height: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

p
{
	margin: 0 0 1em 0;
}

p.attribution 
{
	font-size: 75%;
	font-style: italic; 	
}

img, table
{
	max-width: 100%;
}

img.left-align
{
	float:left;
	margin: 1em 1.5em 1em 0;
}

img.right-align
{
	float:right;
	margin: 1em 0 1em 1.5em;
}

/**title colors**/
h1
{
	font-size: 180%;
}

h2
{
	font-size: 140%;
}

h3
{
	font-size: 130%;
}

h4
{
	font-size: 110%;
}

h1, h2
{
	color: #47669d;
}
h3
{
	color: #7F5C3D;
}

h4
{
	color: #71431b;
}

/**generic form styles**/
form
{
	margin: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"]
{
	font-weight: bold;
	cursor: pointer;
	padding: 2px 10px;
	overflow: visible;
	display: inline-block;
	text-decoration: none;
	margin: 0;
	border-radius: 1px;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 125%;
	vertical-align: top;
	height: auto;
	border: solid 2px #d8cebb;
	background: #233c6c;
	color: #ffffff;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover
{
	border: solid 2px #604e3f;
	background: #7a6b5e;
}

fieldset
{
	margin-bottom: 20px;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="file"],
textarea,
select
{
	padding: 4px 0 4px 8px;
	outline: none;
	border-radius: 1px;
	margin: 0;
	/* width: 180px; Formstack */
	max-width: 100%;
	background: #f8f4ed;
	border: 1px solid #d8cebb;
	font-size: 90%;
	line-height: 14px;
	height: auto;
}

input[type="file"]
{
	margin-bottom: 1em;
}

select
{
	padding: 3px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
textarea:focus
{
	border: 1px solid #aaa;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	background: #ffffff;
	border-color: #233c6c;
}

textarea
{
	min-height: 60px;
}

label, legend
{
	font-weight: bold;
}

select
{
	/* width: 190px; Formstack */
}

input[type=checkbox]
{
	vertical-align: top;
	margin: 3px 2px 0px 0;
	overflow: hidden;
	height: 13px;
	width: 13px;
	padding: 0;
}

input[type=radio]
{
	vertical-align: top;
}

/**Responsive Forms Styles**/
#core_content .required:after
{ 
	content:" *";
	color:red;
	font-weight:bold;
}

#core_content *
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#core_content form header
{
	margin: 0 0 20px 0; 
}

#core_content form header div
{
	font-size: 90%;
	color: #999;
}

#core_content form header h2
{
	margin: 0 0 5px 0;
}

#core_content form > div,
#core_content form div.form-box
{
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
}

#core_content form > div > fieldset > div > div,
#core_content form div fieldset div div.form-input
{
	margin: 0 0 5px 0;
}

#core_content form > div > label,
#core_content form div label,
legend
{
	/* width: 25%; Formstack */
	float: left;
	padding-right: 10px;
}

#core_content form > div > label,
#core_content form div label
{
	font-weight: bold;
}

#core_content form > div > div,
#core_content form div div.form-input,
#core_content form > div > fieldset > div,
#core_content form div fieldset div
{
	/* width: 75%;
	float: right; Formstack */
}

#core_content form > div > fieldset label,
#core_content form div fieldset label
{
	font-size: 90%;
}

#core_content fieldset
{
	border: 0;
	padding: 0;
}

#core_content input[type=text],
#core_content input[type=email],
#core_content input[type=number],
#core_content input[type=tel],
#core_content input[type=url],
#core_content input[type=password],
#core_content textarea
{
	/* width: 100%; Formstack */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

#core_content input[type=text],
#core_content input[type=email],
#core_content input[type=number],
#core_content input[type=tel],
#core_content input[type=url],
#core_content input[type=password],
#core_content textarea
{
	/* width: 50%; Formstack */
}

#core_content input[type=text]:focus,
#core_content input[type=email]:focus,
#core_content input[type=number]:focus,
#core_content input[type=tel]:focus,
#core_content input[type=url]:focus,
#core_content input[type=password]:focus,
#core_content textarea:focus
{
	outline: 0;
	border-color: #4697e4;
}

#core_content input[type=submit]
{
	margin-top: 15px;
}

#core_content .form_small 
{
	width: 5em;	
}

#core_content .form_medium 
{
	width: 10em;	
}

/**End responsive forms **/

hr
{
	border: solid #233c6c;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}

.clearfix:after, #mainnav>ul:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}

.clearfix, #mainnav>ul
{
	display: inline-block;
}

.clearfix, #mainnav>ul
{
	display: block;
}

.mobile_hide
{
	display: none;
}

/* FlexSlider  generic Styles*/
.flexslider a:active, .flexslider a:focus
{
	outline: none;
}

.slides, .flex-control-nav,.flex-direction-nav, .flexslider ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider ul.slides > li
{
	display: none;
	position: relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img
{
	display: block;
}

/****button slider***/
#slide_buttons
{
	padding: 0 40px 20px 40px;
	position: relative;
	/* Next three attributes to deal with flash of unstyled content */
	visibility: hidden;
	overflow: hidden;
	height: 82px;
}

#slide_buttons .flex-direction-nav li a
{
	width: 44px;
	height: 46px;
	display: block;
	background: url(/img/home/buttons_arrows.png) 0 0 no-repeat;
	position: absolute;
	top: 35px;
	cursor: pointer;
	text-indent: -999em;
}

#slide_buttons .flex-direction-nav li .flex-next
{
	background-position: 0 -46px;
	right: 15px;
}

#slide_buttons .flex-direction-nav li .flex-prev
{
	left: 5px;
}

#slide_buttons li
{
	margin-right: 8px;
}

#slide_buttons li a, #slide_buttons li a img
{
	display: block;
}

/***important alert***/
.alert_container
{
	position: relative;
	background: url(/img/cmn/alert_strip.png) 0 bottom repeat-x;
	margin-bottom: -5px;
	padding-bottom: 5px;
	z-index: 5;
}

#alert_controls
{
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 0;
}

#alert_controls.hide
{
	background: url(/img/cmn/alert_controls.png) -48px 0px no-repeat;
	width: 48px;
	height: 30px;
	bottom: 5px;
}

#alert_controls.show
{
	background: url(/img/cmn/alert_controls.png) right -70px no-repeat;
	width: 32px;
	height: 35px;
	top: 0px;
}

.alert_container .important_alert_wrapper
{
	width: 100%;
	background: #a54e0a;
	padding: 5px 0;
}

.alert_right
{
	
}

.alert_container .important_alert
{
	overflow: hidden;
	padding: 0 52px 0 5px;
	margin: 0 auto;
	color: #ffffff;
	max-width: 969px;
}

.alert_container .important_alert h2
{
	display: inline;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 125%;
	color: #ffffff;
}

.alert_container .important_alert p
{
	margin: 0;
	padding: 0;
	display: inline;
}

.alert_container .important_alert a
{
	color: #ffffff;
}

/***front end admin messages***/

.admin_msg_container
{
	width: 100%;
	/*background: #A54E0A;*/
	padding: 10px 10px 1px 10px;
	margin: 2em auto 1em auto;
	color: #333;
}

.admin_msg_container p
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 125%;
	color:#000;
	line-height: 2;
}

.admin_msg_container p .notifier,
.admin_msg_container p .expiretime
{
	padding:3px 6px;
	background-color:#333;
	color:#fff;
}

/***user profile styles***/
.user-avatar
{
	margin-top:1em;
}

/***skip nav for accessibility***/

#skipnav
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#skipnav a, #skipnav img
{
	float: left;
}

#top_nav, #weather, #home_collage, #feedback_container
{
	display: none;
}

#view-full
{
	background: #a24d19;
	color: #ffffff;
	border: 1px solid #bbbaba;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding: 6px 0 5px 0;
	margin-top: 10px;
	border-bottom: 0;
	text-decoration: none;
	cursor: pointer;
	text-decoration: none;
}

#view-full:after
{
	content: url(/img/cmn/mobile/fullsite_arrow.png);
	vertical-align: middle;
	margin: 0px 0 -3px 10px;
	display: inline-block;
}

#siteheader
{
	background: url(/img/cmn/mobile/mobile_header_strip.gif) 0 bottom repeat-x;
	margin-bottom: 43px;
	position: relative;
	z-index: 1;
	height: 95px;
}

/**CRM template styles**/

.mainSpan-crm #siteheader
{
	margin-bottom: 0;
}

div.mainSpan-crm h4
{
	font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
	margin: 0 0 1em 0;
	font-weight: bold;
	text-indent: 0;
	color: #000;
}

p.gofaq
{
	font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: 1em !important;
}

li.gofaq
{
	font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
}

.crm-svc-req-btn-container
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.crm-svc-req-btn
{
	margin: 1em auto;
	text-align: center;
	cursor: pointer;
	padding: 10px;
	text-decoration: none;
	border-radius: 1px;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 125%;
	width: auto;
	border: solid 2px #d8cebb;
	background: #233c6c;
	color: #ffffff;
	vertical-align: middle;
	overflow: visible;
	display: inline-block;
}

.crm-topic-link-container
{
	float: left;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

.crm-topic-links
{
	margin: 1em auto;
	text-align: center;
	cursor: pointer;
	padding: 10px;
	border-radius: 1px;
	line-height: 125%;
	width: auto;
	vertical-align: middle;
	overflow: visible;
	display: inline-block;
	color: #524331;
	text-decoration: underline;
	font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
}

#showfaq
{
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 25%;
	padding: 1.5em;
	background-color: #F8F4ED;
}

span.crm-opt-comment
{
	margin-left: 3.5em;
}

/**End CRM styles**/

#siteheader:before
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	z-index: -1;
	background: url(/img/cmn/mobile/mobile_header.gif) 0 bottom no-repeat;
	/*background-color: #359DC4;*/
	height: 59px;
}

#siteheader>a
{
	float: left;
	display: block;
	width: 33.33%;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background: #c88634 url(/img/cmn/mobile/home.gif) 0 bottom repeat-x;
	text-align: center;
	font-size: 110%;
	border-top: 1px solid #dbae73;
}

#siteheader a#sitemap_link
{
	background: #4286b6 url(/img/cmn/mobile/sitemap.gif) 0  bottom repeat-x;
	border-top: 1px solid #7cafd0;
}

#siteheader a#contact_link
{
	background: #8db141 url(/img/cmn/mobile/contact.gif) 0  bottom repeat-x;
	border-top: 1px solid #b2cb7b;
}

#searchbox
{
	position: relative;
	top: 65px;
	padding-left: 10px;
}

#searchbox input
{
	float: left;
	margin: 1px 4px 0 0;
	width: 130px;
}

.refinesearch input
{
	width: 260px !important;
}

div.search-form-checkboxes h2
{
	font-size: 110%;
	color: #71431b;
}

p.advanced-search-link
{
	margin-top: 1em;
}

#searchbox a, .search_button
{
	background: url(/img/cmn/goBtn.gif) 0 0 no-repeat;
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	text-indent: -4000px;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

#searchbox a:hover
{
	background-position: 0 -30px;
}

/*CRM Styles*/
#faq-searchbox
{
	padding-left: 10px;
	margin:0 auto;
}

#faq-searchbox .infobox
{
	margin-top: 1em;
	margin-left: 3.5%;
	margin-right: 3.5%;
	width: 93%;
	text-align: center;
}

#faq-searchbox .questionbox
{
	margin-top: 1em;
	margin-left: 3.5%;
	margin-right: 3.5%;
	width: 93%;
	text-align: center;
}

.centered-form
{
	width: 190px;
	margin:0 auto;
}

.centered-btn
{
	width: 132px;
	margin:0 auto;
}

#faq-searchbox input
{
	float: left;
	margin: 0 4px 0 0;
	width: 100px !important;
	height: 30px;
}

#faq-searchbox a.check-status
{
	font-size: 120%;
	color: #7F5C3D;
	font-weight: bold;
}

#faq-searchbox a.search_button, .search_button
{
	background: url(/img/cmn/goBtn.gif) 0 0 no-repeat;
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	/*text-indent: -4000px;*/
	overflow: hidden;
	border: none;
	cursor: pointer;
}

#faq-searchbox a.report_issue_button
{
	background: url(http://www-static.bouldercolorado.gov/docs/banners/inquireboulder/report-issue.png) 0 0 no-repeat;
	display: block;
	float: left;
	width: 135px;
	height: 30px;
	/*text-indent: -4000px;*/
	overflow: hidden;
	border: none;
	cursor: pointer;
}
/*
#faq-searchbox a:hover
{
	background-position: 0 -30px;
}
*/
#faq-searchbox .report_issue_button a:hover
{
	background: url(http://www-static.bouldercolorado.gov/docs/banners/inquireboulder/report-issue.png) 0 0 no-repeat;
	display: block;
	float: left;
	width: 135px;
	height: 30px;
	/*text-indent: -4000px;*/
	overflow: hidden;
	border: none;
	cursor: pointer;
}

#crm-topics
{
	margin:auto 0;
	padding: 1em;	
}
ol.most-requested
{
	margin-left:20px;
	padding-left:0;
	line-height: 20px;
}
ol.most-requested li
{
	margin-bottom:1em;
}
/*End CRM Styles*/

.mobile_header
{
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 110%;
	height: 30px;
	line-height: 30px;
	background: url(/img/cmn/mobile/mob_header.gif) 0 0 repeat-x;
	padding: 0 10px;
}

#mainnav .mobile_header
{
	color: #ffffff;
	background: #825f42 url(/img/cmn/mobile/mob_header_nav.gif) 0 bottom repeat-x;
	position: relative;
	z-index: 1;
	padding: 0 10px 0 28px;
	border-top: 1px solid #a08b7a;
	cursor: pointer;
}

#mainnav .mobile_header:after
{
	content: "\0000a0";
	vertical-align: middle;
	margin: -2px 0 0px 10px;
	display: inline-block;
	width: 11px;
	height: 6px;
	background: url(/img/cmn/mobile/mobile_arrows.png) 0 0px no-repeat;
}

#mainnav .mobile_header:before
{
	position: absolute;
	content: "";
	z-index: -1;
	top: 4px;
	left: 5px;
	width: 18px;
	height: 21px;
	background: url(/img/cmn/mobile/nav_icon.png) 0 0px no-repeat;
}

#mainnav .mobile_header.closed:after
{
	height: 11px;
	background: url(/img/cmn/mobile/mobile_arrows.png) 0 -6px no-repeat;
}

.mobile_list, #mainnav, .mobile_box
{
	border: 1px solid #c6c4c4;
	border-top: 0;
	background: #ffffff;
}

#mainnav
{
	margin-bottom: 20px;
}

.mobile_box>div, .mobile_box>article
{
	background: #ffffff;
	padding: 10px;
}

.mobile_list ul, #mainnav>ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainnav>ul
{
	display: none;
}

.mobile_list ul li a, .mobile_list .bottomlink, #mainnav>ul>li a, .mobile_box .bottomlink
{
	display: block;
	color: #29241d;
	text-decoration: none;
	border-top: 1px dashed #d9d4be;
	padding: 4px 3% 4px 12px;
	background: #fcfbfb url(/img/cmn/mobile/mob_arrow.gif) 97% 50% no-repeat;
	clear: both;
}

#mainnav>ul>li a
{
	padding: 6px 3% 6px 12px;
}

.mobile_list ul li:first-child>a, #mainnav>ul>li:first-child a
{
	border-top: 0;
}

.mobile_list ul li a:hover, .mobile_list ul li a:focus, #mainnav>ul>li a:hover, #mobile_nav ul li a:focus
{
	background: #ffecd2 url(/img/cmn/mobile/mob_arrow_over.gif) 97% 50% no-repeat;
	color: #bc6d37;
}

.mobile_list .bottomlink, .mobile_box .bottomlink
{
	color: #5e7e27;
	background: #eae5db;
	font-weight: bold;
}

#sitebody
{
	background: #ffffff;
}

#sitefooter
{
	padding: 10px;
	font-size: 75%;
	color: #29241d;
}

#sitefooter p
{
	margin: 0;
	clear: both;
}

#social_icons
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#social_icons li
{
	float: left;
}

#social_icons li a
{
	margin-right: 10px;
}

/*hide the admin bar in mobile because backend is not mobile friendly*/
#admin-bar
{
	display: none;
}

#user-bar
{
   /*position:fixed;*/
   z-index:2000;
   background: #18324f;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 52px;
}
   
.user-bar-wrap
{ 
   padding:5px;
   font-weight:bold; 
   color:#8A3230;
}

.mess_count_holder
{
   margin-top: 10px;
}
   
.mess-count
{
   margin:0px 10px 5px 0;
   max-height:22px;
   min-width:22px;
   padding:3px;
   text-align: center;
}
   
.mess-count a
{
   color:#0000FF;
}

/* trigger button */
#userinfo
{ 
   height:22px;
   width:22px; 
   margin-top:10px;
   cursor:pointer;
}
    
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip
{
   display:none;
   right: 220px;
   position: absolute;
   top: 28px;
   background-color:#000;
   border:1px solid #cc9;
   padding:3px;
   font-size:0.923em;
   text-align: center;
   height:18px;
   width:100px;
   -moz-box-shadow: 2px 2px 11px #666;
   -webkit-box-shadow: 2px 2px 11px #666;
}
/* NOTE: qTips are styled using jquery.qtip.min.css file */
   
.widget-container
{
   background-color: #18314e;
   font-size:0.923em;
   width:275px;
   padding:0;
   color:#fff;
}

#userinfowidget
{
   display:none;
   z-index: 2200;
   right: 150px;
   position: absolute;
   top: 5px;
}

#userinfowidget a
{ 
   color: #FFF;
}
   
.user-login-block
{
   background-color: #18314e;
   z-index: 2200;
   width:95%;
   height:275px;
   padding:15px;
   border-bottom-right-radius: 5px 5px;
   border-bottom-left-radius: 5px 5px;
}

.user-login-block .login_form
{ 
   padding:5px;
}
   
.user-data-block .show_profile_image
{ 
   width:70px;
}
   
.user-data-block
{
   background-color: #18314e;
   z-index: 2200;
   width:95%;
   height:175px;
   padding:15px;
   float:left;
   border-bottom-right-radius: 5px 5px;
   border-bottom-left-radius: 5px 5px;
}
   
/***Front end content management styles***/

.meta
{
	font-size: 85%;
	color:#666;
}
.cm-page-meta
{
	margin-top:5px;
}

.cm-button-bar
{
	float:left;
	clear:both;
	margin:8px 5px 5px 5px;
}

ul.coa-admin-util, ul.util-bar
{
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul.coa-admin-util li, ul.util-bar li
{
	display: block;
	float:left;
	margin:5px;
}

ul.cob-link-util
{
	display:block;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

ul.cob-link-util li
{
	display: block;
	float:right;
	margin:5px;
}

div.cob-link-tools
{
	display: inline;
	float:right;
	margin-right:5px;
	padding:0;
}

.cob-link-tools a
{
	display:block;
	float:left;
	margin-top:7px;
}

.cob-link-tools img
{
	display:block;
	float:left;
}

.favorite-page
{
	float:left;
	margin:8px 5px 5px 5px;
}

.favorite-page-home
{
	float:right;
	margin-bottom:3px;
}

div.favorite-page-home img
{
	border:none !important;
}

.fav-page-list
{
	float:right;
	width: 15px;
}

.favorite-link-list
{
	float:left;
	width:15px;
	display:block;
	/*clear:all;*/
}

.button
{
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   background: #DDD url('/img/bg-btn.gif') repeat-x 0 0;
   border-color: #BBB #BBB #999;
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   display: inline-block;
   font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
   margin: 0;
   overflow: hidden;
   padding: 5px 9px 5px 9px;
   text-shadow: 0 1px #F0F0F0;
   color: #333!important;
   -moz-box-shadow: 0 1px 0 #F8F8F8;
   -wekbit-box-shadow: 0 1px 0 #F8F8F8;
   box-shadow: 0 1px 0 #F8F8F8;
   border-top-left-radius: 4px 4px;
   border-top-right-radius: 4px 4px;
   border-bottom-right-radius: 4px 4px;
   border-bottom-left-radius: 4px 4px;
}

.coa-button
{ 
   outline: 0; 
   margin:0; 
   padding: .5em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
   overflow: visible;
}
   
.coa-func-button
{ 
   outline: 0; 
   margin:0; 
   padding: .2em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;
}
   
.coa-button .ui-icon
{ 
   position: absolute; 
   top: 50%; 
   margin-top: -8px; 
   left: 50%; 
   margin-left: -8px;
}
   
a.coa-button
{ 
   height:12px;
}
   
/* remove extra button width in IE */
button.coa-button
{ 
   width:auto; 
   overflow:visible;
}

.coa-button-icon-left
{ 
   padding-left: 2.1em;
}
   
.coa-button-icon-right
{ 
   padding-right: 2.1em;
}
   
.coa-button-icon-left .ui-icon
{ 
   right: auto; 
   left: .2em; 
   margin-left: 0;
}
   
.coa-button-icon-right .ui-icon
{ 
   left: auto; 
   right: .2em; 
   margin-left: 0;
}
   
/* solo icon buttons must have block properties for the text-indent to work */
.coa-button-icon-solo
{
   display:block; 
   width:10px; 
   text-indent: -9999px;
}	

.coa-buttonset
{
   float:left;
}
   
.coa-buttonset .coa-button
{
   float: left;
}
   
.coa-buttonset-single .coa-button, 
.coa-buttonset-multi .coa-button
{
   margin-right: -1px;
}

.coa-toolbar
{
   padding: .5em; 
   margin: 0;
}

.coa-toolbar .coa-buttonset
{ 
   margin-right:1.5em; 
   padding-left: 1px;
}

.coa-toolbar .coa-button
{
   font-size: 1em;
}

/***MISCELLANEOUS***/

article.discuss-thread
{
	margin-top: 1em;
	border-top: 1px solid #7A756F;
	padding: .5em;
}
article.discuss-thread .avatar
{
	float: left;
	margin: 5px;
}
.page-thumb
{
	margin-bottom: 1em;
	margin-right: .5em;
	float: left;
	border: 3px solid #B1C583;
}

/***A To Z List Styles***/
ul.a-to-z-list
{
	padding: 1em;
}
nav.a-to-z-subnav
{
	margin-top: 3em;
	overflow: auto;
	width: 100%;
}
nav.a-to-z-subnav ul
{
	display: block;
	margin: 0 auto;
	text-align: center;
}
nav.a-to-z-subnav ul li
{
	margin: 2px;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
	background: #f8f3e8;
	
}
nav.a-to-z-subnav ul li a
{
	display: block;
	padding: 5px 10px 3px 10px;
	margin: 0;
	text-decoration: none;
	color: #000;
	font-size: 75%;
	font: Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: transparent none;
	border: 1px solid #7a756f;
	border-radius: 2px;
}
nav.a-to-z-subnav ul li a:hover
{
	color: #ffffff;
	background-color: #1A315E;
	border-radius: 2px;
}


/***Search Results page styles***/

.search-result-container h2
{
	margin-top: 0;
	color: #0b1c3e;
}
h3.search-result-title a
{
	font-size: 1.15em;
	font-weight: bold;
	text-decoration: none;
}
h3.search-result-title a:link
{
	color: #47669D;
}
h3.search-result-title a:visited
{
	color: #63A9CC;
	text-decoration: underline;
}
h3.search-result-title a:active
{
	color: #FF0000;
	text-decoration: underline;
}
h3.search-result-title a:visited:active
{
	
}

h1.search-title
{
	margin-top: 1em !important;
	margin-bottom: .25em !important;
}

.search-result-count
{
	color: #808080;
	margin-bottom: 3em;
}

div.search-result-container
{
	padding: 2em 2em 1em 2em;
	background-color: #ECE6DB;
	margin-bottom: 1.5em;
}

div.search-result-container input.searchbox,
div.search-result-container select
{
	padding: 8px 0 8px 8px;
	outline: none;
	border-radius: 1px;
	margin: 0 .5em 1em 0;
	width: 180px;
	max-width: 100%;
	background: #FFFFFF;
	border: 1px solid #d8cebb;
	font-size: 100%;
	line-height: 14px;
	height: auto;
}
div.search-result-container input.searchbox
{
	width: 360px;
}
div.search-result-container label
{
	float:left;
	clear:left;
}

#category
{
	padding-right: 8px;
	float:left;
	clear:left;
}

#refine-search
{
	font-weight: bold;
	cursor: pointer;
	padding: 9px 10px;
	overflow: visible;
	display: inline-block;
	text-decoration: none;
	margin: 0;
	border-radius: 1px;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 125%;
	vertical-align: top;
	height: auto;
	border: solid 2px #d8cebb;
	/*background: #233c6c;*/
	background: #EB773D;
	color: #ffffff;
	float:left;
	clear:left;
}

#refine-search:hover
{
	border: solid 2px #604e3f;
	background: #7a6b5e;
}
div.search-form-group, div.search-form-checkboxes
{
	width:100%;
}
div.search-form-checkboxes span
{
	margin-right: .5em;
}

article.usa-text-result
{
	margin-bottom: 3em;
}


article.usa-search-result
{
	
}

.usa-search-result h3,
.usa-text-result h3
{
	font-size: 110%;
	margin-bottom: .5em;
}

.usa-search-result h3 a,
.usa-text-result h3 a
{
	color: #7F5B3D;
	text-decoration: none;
}

.usa-search-result h3 a:hover,
.usa-text-result h3 a:hover
{
	text-decoration: underline;
}

/* Total results and additional search option links */
.usa-links
{
	
}

/* Related deep links */
ul.usa-deep-links
{
	
}

h3.usa-related-title
{
	color: #4766A4;
	font-size:110%;
	margin-bottom: 12px;
}

ul.usa-related-links
{
	list-style: none;
}

ul.usa-related-links li
{
	margin-bottom: 1em;
}

p.usa-content
{
	margin-bottom: .5em;
}

/* image container */
span.usa-image-result
{
	float: left;
	margin: .5em;
	vertical-align: top;
	display: block;
	/*height: 185px;*/
	height: 14em;
	text-align: center;
}

img.usa-image
{
	padding: .5em;
	background-color: #EEE8DD;
	border: 2px solid #D8CEBB;
	margin: 0 auto;
}

/* result link urls */
p.usa-web-url, p.usa-image-url, p.usa-video-url, p.usa-docs-url, p.usa-rss-url, p.usa-boosted-url
{
	
}

/* video container */
span.usa-video-result
{
	float: left;
	margin: .5em;
	vertical-align: top;
	display: block;
	width: 135px;
	height: 14em;
	text-align: center;
}

img.usa-video-image
{
	padding: .5em;
	background-color: #EEE8DD;
	border: 2px solid #D8CEBB;
	margin: 0 auto;
}

/* results date lines */
p.usa-video-date, p.usa-docs-date, p.usa-rss-date
{
	
}

/* pagination container */
div.usa-pagination
{
	clear: both;
}

/***Pagination***/

.pagination
{
   font-size:.90em;
   font-weight: bold;
   padding-bottom: 10px;
   padding-top: 10px;
}

.pagination.right
{
   float: right;
   text-align: right;
   padding-top: 1px;
   border: 0;
   width: 500px;
   overflow: hidden;
}

.pagination a
{
   display:inline-block;
   border: 1px solid #7a756f;
   border-radius: 2px;
   padding: 5px 10px 3px 10px;
   margin: 2px;
   text-decoration: none;
   color: #000;
   font: Calibri, Arial, Helvetica, sans-serif;
   font-weight: bold;
   background: #f8f3e8;
}

.pagination a.active
{
   background: #e8e4e0;
   border: 1px solid #bdb3aa;
}

.pagination a:hover
{
	color: #ffffff;
	background-color: #1A315E;
	border-radius: 2px;
}
   
/***Calendar***/

table.calendar
{
	width:100%;
	border:1px solid #7A756F;
	border-collapse:collapse;
	margin-top:20px;
}

tr.calendar-row
{

}

td.calendar-day
{
	height:80px;
	position:relative;
	margin:0;
	padding:0;
}

td.calendar-day a
{
	display: block;
	color:#fff;
	text-decoration:none;
}

td.calendar-day:hover
{
	background-color:#eceff5;
	margin:0px;
	padding:5px;
}

td.calendar-day-highlight
{
	background-color:#ecedd5;
}

td.calendar-day-np
{
	background-color:#eee;
	margin:0;
	padding:0;
	height:80px;
}

td.calendar-day-head
{
	background-color:#ccc;
	font-weight:bold;
	text-align:center;
	width:80px;
	padding:3px;
	margin:0;
	border-bottom:1px solid #7A756F;
	border-top:1px solid #7A756F;
	border-right:1px solid #7A756F;
}

div.day-number
{
	background:#999;
	padding:5px;
	color:#fff;
	font-weight:bold;
	float:right;
	margin:-5px -5px 30px 0;
	width:20px;
	text-align:center;
}

td.calendar-day, td.calendar-day-np
{
	width:80px;
	padding:5px;
	border-bottom:1px solid #7A756F;
	border-right:1px solid #7A756F;
	margin:0;
}

.event-over
{
	background: #b0b0b0;
}

.event-current
{
	background: #ffffff;
}


/***Mini Calendar***/

#mini-calendar
{
	width:100%;
	border:1px solid #999;
	border-collapse:collapse;
	margin:20px 0 20px 0;
	background-color: #ECE6DB;
	color:#000;
}
#mini-calendar caption
{
	font-weight:bold;
	text-align:center;
	border:1px solid #999;
	border-collapse:collapse;
	border-bottom:none;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
#minical-title
{
	text-align:center;
}
#minical-days
{
	font-weight:bold;
	text-align:center;
	border:1px solid #999;
	border-collapse:collapse;
	border-bottom:none;
	background-color: #FFF;
}
th.minical-weekday
{
	border:1px solid #999;
	border-collapse:collapse;
}
tr.minical-row
{
	/*padding:5px;*/
	font-weight:bold;
	text-align:center;
}

.minical-row td
{
	/*padding:5px;*/
	font-weight:normal;
	text-align:center;
}

td.minical-day a, td.minical-day-highlight a
{
	display: block;
	font-weight:bold;
	color:#0033FF;
	padding:5px;
	margin:0;
}
td.minical-day a:hover, td.minical-day-highlight a:hover
{
	background-color:#eceff5;
}

td.minical-day-highlight
{
	background-color:#eb773d;
	padding:0;
	margin:0;
}

td.minical-days
{
	/*background-color:#ccc;*/
	font-weight:bold;
	text-align:center;
	padding:5px;
	margin:0;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #999;
}

td.minical-day, td.minical-day-np
{
	/*width:80px;*/
	/*padding:5px;*/
	border:1px solid #999;
	/*border-bottom:1px solid #999;
	border-right:1px solid #999;*/
	padding:0;
	margin:0;
}

td.minical-day-np
{
	background-color:#FFF;
}

td.minical-day-nolink
{
	padding:5px;
}

#mini-calendar .event-over
{
	background: #b0b0b0;
}

#mini-calendar .event-current
{
	background: #ffffff;
}


/*
 * Sidebar map styles
 */
#map
{
	width:100%;
	height:290px;
}

/*
 * Sidebar Flickr gallery styles
 */
ul.photo_thumbs
{
   margin: 0;
   padding-left: 0;
   list-style: none;
}

ul.photo_thumbs li
{
   display: inline;
   margin:0 2px;
   padding: 0;
}

/*****************************
mobile homepage styles
******************************/
#community_focus article
{
	font-size: 12px;
	line-height: 18px;
	color:#726e67;
	margin-bottom: 1em;
	clear:both;
}

#community_focus article img
{
	float: left;
	border: 3px solid #b1c583;
	margin: 0 13px 0 0;
}

#community_focus article h2, #community_focus article h2 a
{
	margin: 0;
	color:#29241d;
	font-size: 14px;
	text-decoration:none;
}

#community_focus article h2 a:hover
{
	text-decoration:underline;
}

/****featured****/
#home_featured article
{
	font-size: 12px;
	line-height: 15px;
	color: #29241d;
	margin-bottom: 1em;
}

#home_featured>p
{
	padding: 10px;
}

#home_featured article img
{
	float: left;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	margin: 0 12px 0 0;
}

#home_featured article h2, #home_featured article h2 a
{
	margin: 0;
	color:#29241d;
	font-size: 14px;
	text-decoration:none;
}

#home_featured article h2 a:hover
{
	text-decoration:underline;
}

/******This week's news*******/
	#weeks_news{position: relative;
}

#weeks_news iframe
{
	overflow: hidden;
	border: 3px solid #ece6db;
	border-radius: 3px;
	margin: 10px;
}

/*****news releases***/
#news_releases
{
	clear: both;
}

#news_releases article
{
	font-size: 12px;
	line-height: 15px;
	color: #29241d;
}

#news_releases article img
{
	float: left;
	border: 2px solid #e2c3aa;
	margin: 0 18px 0 0;
}

#news_releases article h2, #news_releases article h2 a
{
	margin: 0;
	font-size: 14px;
	color: #29241d;
	line-height: 17px;
	text-decoration: none;
}

#news_releases article h2 a:hover
{
	text-decoration: underline;
}

/**********************************
Mobile interior page styles
********************************/
.standardpage #page_content
{
	padding: 0px 3.5% 30px 3.5%;
}

.standardpage #right_col
{
	padding: 18px 3.5%  10px 3.5%;
}

/*div.transparentpage,*/
.transparentpage
{
	/*background-color: #ffffff;*/
	background: rgba(255, 255, 255, 0.85);
	/*opacity: 0.85;
    filter: alpha(opacity=85);*/ /* For IE8 and earlier */
}

.page_header
{
	padding-bottom: 10px;
}

.page_header .breadcrumb
{
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 6px;
}

.page_header .breadcrumb a
{
	color: #29241d;
}

.page_header h1,
.content-area h1
{
	font-weight: normal;
	text-transform: uppercase;
	color: #0b1c3e;
	font-size: 24px;
	line-height: 27px;
	letter-spacing: 1px;
	margin: 4px 0 1em 0;
	clear: left;
}

.page_article_section h3
{
	border-bottom: 1px solid #7f7c77;
	padding-bottom: 4px;
}

.rss_btn
{
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	background: url(/img/cmn/rss.gif) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

.page_article_section .rss_btn
{
	float: right;
}

.page_article_section h4
{
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}

.page_article_section h4 a
{
	text-decoration: none;
}

.page_article_section h4 a:hover
{
	text-decoration: underline;
}

.page_article_section article
{
	margin-bottom: 1em;
}

.page_article_section article p
{
	margin: 0;
}

.share_buttons
{
	padding-bottom: 10px;
}

.page_header h2
{
	clear: both;
	margin: 0;
	padding: 4px 0 10px 0;
	color: #625147;
	font-size: 18px;
}

article.article-list
{
	margin-bottom: 1em;
}

article.article-list h3
{
	font-size:110%;
	margin-bottom: 12px;
}

/*** Multi-column styles ***/

.multi-column-links-list
{
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 14px;
	clear: both;
}

/* For mobile, reduce to single column regardless */
.multi-column-2,
.multi-column-3,
.multi-column-4,
.multi-column-5
{
	-webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
	-webkit-column-rule: 1px dotted #D8CEBB;
       -moz-column-rule: 1px dotted #D8CEBB;
            column-rule: 1px dotted #D8CEBB;
	background-color: #EEE8DD;
	padding:.5em;
	border:#D8CEBB solid 3px;
}


/*************************
right column boxes
**************************/

.links_list
{
	padding: .5em 1em 1em 2em;
	font-size: 13px;
	line-height: 30px;
	margin-bottom: 14px;
}

.brown_box,
.atoz_brown_box
{
	background: #eee8dd;
	border: 3px solid #d8cebb;
	padding: 8px 10px 10px 18px;
	font-size: 13px;
	line-height: 30px;
	margin-bottom: 14px;
}

.brown_box ul,
.atoz_brown_box ul,
.green_box ul,
.links_list ul,
.multi-column-links-list ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.links_list ol,
.multi-column-links-list ol
{
	margin: 0;
	padding: 0 0 0 20px;
}
.brown_box ul li,
.atoz_brown_box ul li,
.links_list ul li,
.links_list ol li,
.multi-column-links-list ul li,
.multi-column-links-list ol li
{
	line-height: 20px;
	margin-bottom: 12px;
}

.brown_box h2,
.atoz_brown_box h2,
.links_list h2,
.multi-column-links-list h2
{
	font-size: 15px;
	margin: 0;
}

.brown_box p,
.brown_box .freeform
{
	line-height: 20px;
}

.green_box
{
	background: #acc674;
	border: 3px solid #92b24b;
	padding: 8px 8px 9px 8px;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 14px;
}

.green_box h2
{
	font-size: 22px;
	margin: 0;
	color: #4d6712;
	font-weight: normal;
	padding: 0 0 5px 3px;
	line-height: 30px;
}

.green_box iframe
{
	border: 1px solid #93b34c;
	width: 99%;
	display: block;
}

.video_iframe
{
	max-width: 240px;
}

ul.photo_thumbs
{
	padding-bottom: 4px;
}

.photo_thumbs li
{
	width: 32.45%;
	float: left;
	margin-left: 1.3%;
}

.photo_thumbs li img
{
	display: block;
	border: 1px solid #9dba5c;
}

.photo_thumbs li:first-child
{
	margin-left: 0;
}

/**************************
tableData table style
*****************************/
table.tableData
{
	width: 100%;
	border: 2px solid #d8cebb;
	border-collapse: collapse;
	background: #f8f4ed;
	margin-bottom: 1em;
	clear:both;
}

.tableData td
{
	border: 0;
	border-top: 1px solid #d8cebb;
	padding: 3px 4px 2px 9px;
}

.tableData tbody tr:first-child td
{
	border-top: 0;
}

.tableData td p, .tableData th p
{
	padding: 0;
	margin: 0;
}

.tableData th
{
	padding: 5px 4px 4px 9px;
	text-align: left;
	background: #233c6c;
	color: #ffffff;
	font-weight: bold; 
	border: 0px;
	font-size: 12px;
	text-transform: uppercase;
}

.tableData th a, .tableData th p
{
	color: #ffffff;
}

.tableData tr:hover
{
	background: #ffffff;
}

/*Style fake heads default*/
table.tableData .fake-head 
{
	display:none; 
	speak:none;
}

/**************************
tablesorter table styles
*****************************/

table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/tablesorter-asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/tablesorter-desc.gif);
}

table.tablesorter thead tr .header {
	background-image: url(/img/tablesorter-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

/**************************
Leave message styles
*****************************/
#custom-messageBox
{
	width:270px;
	margin:0 auto;
	padding:55px 15px 10px 15px;
	background:#ebe6db url(/img/leavemessagebox-small.png) no-repeat top center;
	color:#fff;
	text-align:center;
	border:5px solid #a54e0a;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
#ln-messageBox
{
	width:300px;
	margin:0 auto;
	min-height:100px;
	background-color:#eee8dd;
	border:10px solid #e6e6e6;
	-moz-box-shadow:0 0 20px 10px #666;
	-webkit-box-shadow:0 0 20px #666;
	text-align:center;
	padding:15px;
}
#ln-messageHolder
{
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	z-index:11;
}
#custom-messageHolder
{
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	z-index:11;
}
/*End leave message*/

@media only screen and (max-width: 40.5em)
{
	/*Responsive tables*/
	
	/* Force table to not be like tables anymore */
	.tableData table, 
	.tableData thead, 
	.tableData tbody, 
	.tableData th, 
	.tableData td, 
	.tableData tr 
	{ 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tableData thead tr 
	{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tableData tr 
	{ 
		border: 1px solid #ccc; 
	}
	
	.tableData td 
	{ 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 5%; 
	}
	
	.tableData td:before 
	{
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 5px; 
		white-space: nowrap;
	}
	
	/*Style fake heads for mobile*/
	table.tableData .fake-head 
	{
		display:block; 
		speak: normal; 
		font-weight: bold; 
	}
	/*End responsive tables*/
	
	/**Responsive forms styles**/
	#core_content form > div,
	#core_content form div,
	#core_content form div.form-box
	{
		margin: 0 0 15px 0;
	}
  
	#core_content form > div > label,
	#core_content form div label,
	#core_content form div.form-box label,
	#core_content legend
	{
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
  
	#core_content form > div > div,
	#core_content form div div.form-input,
	#core_content form > div > fieldset > div,
	#core_content form div fieldset div,
	{
		width: 100%;
		float: none;
	}
	#core_content form div div.form-input
	{
		width: 100%;
	}
  
	#core_content input[type=text],
	#core_content input[type=email],
	#core_content input[type=url],
	#core_content input[type=password],
	#core_content textarea,
	#core_content select
	{
		width: 100%; 
	}
	#core_content input[type=submit]
	{
		margin-top: 5px;
	}
	/*End responsive forms*/
}


/*******************************************
This media query is where page goes from mobile view to tablet/desktop view.
********************************************/

/***40.5em = 648px***/
@media screen and (min-width: 40.5em)
{
	/**Search result override stuff**/
	div.search-result-container label
	{
		margin-left:.5em;
		float:none;
		clear:none;
	}
	
	#category
	{
		margin-left:.5em;
		float:none;
		clear:none;
	}
	
	#refine-search
	{
		float:none;
		clear:none;
	}
	
	div.search-form-group, div.search-form-checkboxes
	{
		display:inline;
	}

	/**reset some mobile styles so they dont affect tablet/desktop view*/
	.mobile_only
	{
		display: none !important;
	}

	.mobile_hide
	{
		display: table-cell;
	}

	.mobile_header
	{
		height: auto;
		line-height: inherit;
		background-image: none;
		padding: 0;
	}

	.mobile_list, .mobile_box
	{
		border: 0;
		background: transparent;
	}

	.mobile_box>div, .mobile_box>article
	{
		background: transparent;
		padding: 0;
	}

	.mobile_list ul li a, .mobile_list .bottomlink, .mobile_box .bottomlink
	{
		display: inline;
		border-top: 0;
		padding: 0;
		background: transparent none;
		clear: none;
	}

	.mobile_list ul li a:hover, .mobile_list ul li a:focus
	{
		background: transparent none;
	}

	.mobile_list .bottomlink, .mobile_box .bottomlink
	{
		background: transparent;
		font-weight: normal;
	}

	#mainnav, #weather, #top_nav, #home_collage
	{
		display: block;
	}

	#mainnav
	{
		margin: 0;
		border: 0;
		background: transparent;
	}

	body
	{
		background: #636a24;
	}
	
	/*****************************************************/
	/***Additional Styles added by r.pringle 02/11/2013***/
	/*****************************************************/
	
	/**CRM related styles**/
	#faq-searchbox .infobox
	{
		margin-top: 0;
		margin-left: 3.5%;
		margin-right: 3.5%;
		width: 43%;
		float: left;
		text-align: center;
	}
	
	#faq-searchbox .questionbox
	{
		margin-top: 0;
		margin-left: 3.5%;
		margin-right: 3.5%;
		width: 43%;
		float: left;
		text-align: center;
	}
	
	.centered-form
	{
		width: 290px;
	}

	#faq-searchbox input
	{
		width: 200px !important;
	}

	/***Admin - Front End***/

	#admin-bar
	{
		display:block;
	}
	/***admin bar***/
	#admin-bar div, #admin-bar span, #admin-bar applet, #admin-bar object, #admin-bar iframe, #admin-bar h1, #admin-bar h2, #admin-bar h3, #admin-bar h4, #admin-bar h5, #admin-bar h6, #admin-bar p, #admin-bar blockquote, #admin-bar pre, #admin-bar a, #admin-bar abbr, #admin-bar acronym, #admin-bar address, #admin-bar big, #admin-bar cite, #admin-bar code, #admin-bar del, #admin-bar dfn, #admin-bar em, #admin-bar img, #admin-bar ins, #admin-bar kbd, #admin-bar q, #admin-bar s, #admin-bar samp, #admin-bar small, #admin-bar strike, #admin-bar strong, #admin-bar sub, #admin-bar sup, #admin-bar tt, #admin-bar var, #admin-bar b, #admin-bar u, #admin-bar i, #admin-bar center, #admin-bar dl, #admin-bar dt, #admin-bar dd, #admin-bar ol, #admin-bar ul, #admin-bar li, #admin-bar fieldset, #admin-bar form, #admin-bar label, #admin-bar legend, #admin-bar table, #admin-bar caption, #admin-bar tbody, #admin-bar tfoot, #admin-bar thead, #admin-bar tr, #admin-bar th, #admin-bar td, #admin-bar article, #admin-bar aside, #admin-bar canvas, #admin-bar details, #admin-bar embed, #admin-bar figure, #admin-bar figcaption, #admin-bar footer, #admin-bar header, #admin-bar hgroup, #admin-bar menu, #admin-bar nav, #admin-bar output, #admin-bar ruby, #admin-bar section, #admin-bar summary, #admin-bar time, #admin-bar mark, #admin-bar audio, #admin-bar video
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	#admin-bar article, #admin-bar aside, #admin-bar details, #admin-bar figcaption, #admin-bar figure, #admin-bar footer, #admin-bar header, #admin-bar hgroup, #admin-bar menu, #admin-bar nav, #admin-bar section
	{
		display: block;
	}
	
	#admin-bar ol, #admin-bar ul
	{
		list-style: none;
	}
	
	/*avatar*/
	#admin-bar ul li.avatar a
	{
		display: block;
		width: 40px;
		height: 40px;
		background: #ffffff;
		margin: 0 10px 0 0;
		margin-top: -5px;
		margin-left: -5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #999999;
	}
	
	#admin-bar
	{
		min-height: 50px;
		padding: 0 0 20px 0;
		width: 100%;
		background: #222222;
	 /* for IE*/
		background: rgba(0, 0, 0, 0.8);
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #ffffff;
		line-height: 28px;
		z-index: 100;
		-webkit-box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
	}
	
	#admin-bar a
	{
		color: #ffffff;
		text-decoration: none;
	}
	
	#admin-bar a:hover
	{
		color: #d9d9d9;
	}
	
	#admin-bar .welcome
	{
		display:block;
		color: #A54E0A;
	}
	
	#admin-bar .welcome a
	{
		/*font-family: Arial, sans-serif;
		font-style: normal;*/
		padding: 0 10px 0 3px;
	}	
		
	/*button styling*/		
	#admin-bar ul
	{
		float: left;
		margin: 20px 0 0 20px;
	}
	
	#admin-bar ul li
	{
		display: inline;
		float: left;
		position: relative;
	 /* for menu*/
	}
	
	#admin-bar ul.controls li a
	{
		display: inline-block;
		padding: 0 10px;
		height: 28px;
		min-width: 10px;
		border: 1px solid #585858;
		border-right-width: 0px;
		background: #191919;
		text-align: center;
		position: relative;
	 /*for notification*/
	}
	
	#admin-bar .controls li:first-child a
	{
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
	}
	
	#admin-bar .controls li:last-child a
	{
		-webkit-border-radius: 0px 3px 3px 0px;
		-moz-border-radius: 0px 3px 3px 0px;
		border-radius: 0px 3px 3px 0px;
		border-right-width: 1px;
	}
	
	#admin-bar .controls li:only-child a
	{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#admin-bar .controls li a:hover
	{
		border: 1px solid #b5b5b5;
		padding-right: 9px;
		-webkit-box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
	}
	
	#admin-bar .controls li:last-child a:hover
	{
		padding-right: 10px;
	}
	
	#admin-bar .notice
	{
		position: absolute;
		top: -14px;
		right: 5px;
		padding: 0 5px;
		height: 17px;
		line-height: 17px;
		font-size: 10px;
		font-weight: bold;
		color: #292929;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	
	#admin-bar .controls li a:hover .notice
	{
		top: -16px;
	}
	
	#admin-bar .controls li .priority
	{
		border: 1px solid #f9d944;
		background-color: #fff4c0;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff4c0), to(#f9d944));
		background-image: -webkit-linear-gradient(top, #fff4c0, #f9d944);
		background-image: -moz-linear-gradient(top, #fff4c0, #f9d944);
		background-image: -o-linear-gradient(top, #fff4c0, #f9d944);
		background-image: -ms-linear-gradient(top, #fff4c0, #f9d944);
		background-image: linear-gradient(top, #fff4c0, #f9d944);
	}
	
	#admin-bar .controls li .priority:hover
	{
		color: #292929;
		border: 1px solid #f9d944;
	}
		
	/*menu*/
	#admin-bar .controls li.more > a
	{
		padding-right: 20px;
		position: relative;
	}
	
	#admin-bar .controls li.more > a:hover
	{
		padding-right: 20px;
	}
	
	#admin-bar .controls li.more > a::after
	{
		content: "\f0d7";
		position: absolute;
		right: 7px;
		top: 0px;
		line-height: 28px;
		font-family: "FontAwesome";
		/*content: "{";
		position: absolute;
		right: 7px;
		top: 0px;
		line-height: 28px;
		font-family: "WebSymbolsRegular";*/
	}
	
	#admin-bar ul.controls li.more ul
	{
		background: #ffffff;
		position: absolute;
		/*left: 9999px;*/
		top: -300px;
		opacity: 0;
	 /*allows us to fade it in subtly if supported*/
		filter: Alpha(opacity=0);
	 /* IE8 and earlier */
		margin: 0px;
		padding: 5px;
		z-index: 999;
		-webkit-box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-transition: opacity 0.4s ease-out;
		-moz-transition: opacity 0.4s ease-out;
		-o-transition: opacity 0.4s ease-out;
		-ms-transition: opacity 0.4s ease-out;
		transition: opacity 0.4s ease-out;
	}
	
	#admin-bar .controls li.more:hover ul
	{
	 /* display menu */
		top: 30px;
		/*left: 0px;*/
		opacity: 1;
	 /*allows us to fade it in subtly if supported*/
		filter: Alpha(opacity=100);
	 /*IE8 and earlier */
	}
	
	#admin-bar .controls li.more:hover a
	{
	 /*  persistent hover state for a within more li */
		border: 1px solid #b5b5b5;
		padding-right: 20px;
		color: #d9d9d9;
	}
	
	#admin-bar .controls li.more:hover ul a
	{
	 /* undo persistent hover state for menu items. */
		background: transparent;
		border: none;
		color: #999999;
		padding: 0 5px;
		display: block;
		text-align: left;
	}
	
	#admin-bar .controls li.more ul li
	{
		float: none;
		display: list-item;
	}
	
	#admin-bar .controls li.more ul a
	{
		white-space: nowrap;
		background: transparent;
	 /*reset all the styles previously applied to the li and a elements*/
		border: none;
		padding: 0 5px;
	}
	
	#admin-bar .controls li.more:hover ul li a:hover
	{
		background: #fff5c4;
		color: #494949;
		-webkit-box-shadow: none;
	 /*get rid of all these styles we'd also previously set*/
	    -moz-box-shadow: none ;
	    box-shadow: none;
	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	    border-radius: 0px;	
	}

	.alert_right
	{
		background: url(/img/cmn/alert_border.png) right 0 repeat-y;
	}

	.alert_container .important_alert
	{
		padding: 0 32px 0 5px;
		max-width: 969px;
	}

	#alert_controls.hide
	{
		width: 28px;
		background-position: right 0;
	}

	#alert_controls.hide:hover
	{
		width: 47px;
		height: 70px;
		bottom: -35px;
	}

	#alert_controls.show:hover
	{
		background-position: right -140px;
		width: 81px;
	}
	
	/***feedback tab***/
	#feedback_container
	{
		position: fixed;
		/*left: -432px;*/
		left: -233px;
		top: 10%;
		z-index: 10;
		display: block;
	}

	#feedback_container #feedback_controls
	{
		display: block;
		text-indent: -4000px;
		overflow: hidden;
		background: url(/img/cmn/feedback_bg.png) 0 0 no-repeat;
		width: 48px;
		height: 136px;
		cursor: pointer;
		float: right;
		position: relative;
		z-index: 11;
	}

	#feedback_container #feedback_controls.hide:after
	{
		content: "";
		width: 6px;
		height: 9px;
		top: 48%;
		right: 10px;
		background: url(/img/cmn/feedback_close.gif) 0 0 no-repeat;
		position: absolute;
		z-index: -1;
	}

	#feedback_container .feedback_content
	{
		/*padding: 10px;*/
		padding: 30px 10px 10px 10px;
		float: left;
		background: #ffffff;
		border: 1px solid #0c1c3e;
		border-left: 0px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
		min-height: 116px;
		/*width: 412px;*/
		width:212px;
	}

	.feedback_content ol
	{
		margin: 0;
		list-style: none;
		padding: 0;
	}

	.feedback_content label
	{
		display: block;
		margin-top: 5px;
	}

	.feedback_content textarea
	{
		width: 400px;
		height: 200px;
		margin-bottom: 5px;
	}
	
	/***main wrappers***/
	#mainSpan
	{
		background: #359dc4;
		border-bottom: 1px solid #eef4bf;
		padding-bottom: 37px;
		position: relative;
		z-index: 1;
	}

	#mainSpan:before
	{
		content: "";
		z-index: -1;
		position: absolute;
		bottom: 8px;
		left: 0;
		right: 0;
		height: 29px;
		background: url(/img/cmn/page_bottom.png) center 0 no-repeat;
		background-size: contain;
	}

	#siteheader, #sitefooter
	{
		width: 98%;
		margin: 0 auto;
		max-width: 1006px;
	}

	#sitebody
	{
		width: 96%;
		max-width: 989px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		padding-top: 0;
		background: #ffffff url(/img/cmn/mainnav_shadow.png) center 56px no-repeat;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	}
	
	/* Set transparency for background of Bold Measures pages: bouldercolorado.gov/bold-measures */
	#sitebody.transparentpage
	{
		background: rgba(255, 255, 255, 0.8);
	}
	
	/***page header***/
	#siteheader
	{
		background: url(/img/cmn/header_bg.png) right bottom no-repeat;
		min-height: 99px;
		height: auto;
		margin-bottom: 10px;
	}
	
	/**Remove background for CRM template only**/
	.mainSpan-crm #siteheader
	{
		background: none;
	}

	#siteheader:before
	{
		height: 0;
		background-image: none;
	}

	#siteheader #home_link
	{
		background: url(/img/cmn/header_logo.png) 0 0 no-repeat;
		background-size: contain;
		max-width: 477px;
		height: 94px;
		width: 50%;
		text-indent: -4000px;
		overflow: hidden;
		text-align: left;
		margin: 4px 0 0 6px;
		border: 0;
	}

	#top_nav, #weather, #searchbox
	{
		float: right;
		clear: right;
	}

	#top_nav
	{
		font-size: 12px;
		color: #0b1c3e;
		padding: 3px 12px 0 0;
		min-height: 20px;
	}

	#top_nav a
	{
		color: #0b1c3e;
		text-decoration: none;
	}

	#top_nav a:hover
	{
		text-decoration: underline;
	}

	#weather
	{
		padding: 5px 19px 0 0;
		color: #ffffff;
		width: 283px;
		text-align: left;
	}

	#weather span
	{
		font-size: 12px;
	}

	#weather img
	{
		vertical-align: middle;
		margin-right: 5px;
	}

	#searchbox
	{
		margin: 7px 19px 0 0;
		position: static;
		top: 0;
		padding: 0;
		width: 275px;
	}

	#searchbox input
	{
		background: #ffffff;
		border: 0px;
		margin: 1px 7px 0 0;
		border-radius: 0;
		height: 29px;
		line-height: 29px;
		padding: 0 0 0 7px;
		width: 177px;
	}

	#searchbox a
	{
		float: left;
	}

	/*********************
	Main Navigation
	**********************/
	#mainnav>ul
	{
		margin: 0px -8px 0 -9px;
		top: -10px;
		font: 20px/62px Calibri, Arial, Helvetica, sans-serif;
		background: #f8f3e8;
		border: 1px solid #7a756f;
		border-radius: 2px;
		height: 64px;
		position: relative;
		display: block;
	}

	#mainnav>ul>li
	{
		float: left;
		width: 11%;
		border-left: 2px dotted #b6af96;
		margin-left: -2px;
	}

	#mainnav>ul>li+li
	{
		width: 15.5%;
	}

	#mainnav>ul>li+li+li
	{
		width: 10.5%;
	}

	#mainnav>ul>li+li+li+li
	{
		width: 18.5%;
	}

	#mainnav>ul>li+li+li+li+li
	{
		width: 18.5%;
	}

	#mainnav>ul>li+li+li+li+li+li
	{
		width: 26%;
	}

	#mainnav>ul>li:first-child
	{
		border-left: 0;
		margin-left: 0;
	}

	#mainnav>ul>li a
	{
		display: block;
		text-align: center;
		color: #000000;
		text-decoration: none;
		margin: 2px 0 0 2px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
		border: 0;
		background: transparent none;
	}

	#mainnav>ul>li a:hover
	{
		color: #ffffff;
		background: #1a2f58 url(/img/cmn/mainnav_hover.jpg) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	#sitefooter
	{
		color: #ffffff;
		font-size: 11px;
		padding: 0 0 3px 0;
		font-weight: bold;
	}

	#sitefooter a
	{
		color: #ffffff;
		text-decoration: none;
		margin-left: 3px;
		margin-right: 3px;
	}

	#sitefooter a:hover
	{
		text-decoration: underline;
	}

	#sitefooter p
	{
		clear: none;
		font: 11px/17px Arial,Helvetica,sans-serif;
		font-weight: bold;
	}

	.footer_copyright
	{
		padding-top: 10px;
	}

	#social_icons
	{
		float: right;
		margin: 3px 1px 0 10px;
		/*padding: 1px 0 0 84px;*/
		padding: 1px 0 0 89px;
		background: url(/img/cmn/social_icons.png) right 0 no-repeat;
		/*width: 403px;*/
		width: 440px;
		height: 34px;	
	}

	#social_icons li a
	{
		display: block;
		text-indent: -4000px;
		overflow: hidden;
		height: 34px;
		width: 34px;
		margin: 0 0 0 6px;
	}
	
	/****button slider***/
	#slide_buttons
	{
		padding: 0 40px;
		background: url(/img/cmn/buttons_bg.gif) center bottom no-repeat;
		background-size: contain;
		margin: 0 0 15px -4px;
	}
	
	/*Miscellaneous*/
	ul.a-to-z-list
	{
		padding: 1em 2em;
	}
	
	.video_iframe
	{
		max-width: none;
	}

	/**************************************
	Homepage
	***************************************/
	#sitebody.homepage
	{
		background-color: #ebd1ab;
	}

	#home_columns
	{
		position: relative;
		z-index: 1;
		min-height: 700px;
		clear: both;
		margin-left: -9px;
		margin-right: -8px;
	}

	#home_columns:before
	{
		background: #ece6db;
		content: "";
		position: absolute;
		top: 400px;
		left: 1px;
		right: 0px;
		z-index: -1;
		bottom: 0;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	}

	#home_collage
	{
		position: relative;
		margin: 15px auto 0 auto;
		max-width: 662px;
		padding: 0 20px;
	}

	/* Direction Nav */
	#home_collage .flex-direction-nav
	{
		display: none;
	}

	.slidecontent
	{
		position: absolute;
		top: 6px;
		left: 5px;
		right: 5px;
		min-height: 48px;
		background: url(/img/home/slider_text.png) 0 0 repeat;
		overflow: hidden;
		padding: 17px 19px 5px 19px;
		font-size: 12px;
		line-height: 15px;
	}

	.slidecontent h3
	{
		color: #ffffff;
		margin: 0;
		font-size: 14px;
		font-weight: bold;
	}

	.slidecontent p
	{
		color: #ffffff;
		margin: 0;
	}

	.slidecontent p a
	{
		color: #ffffff;
	}

	.homepage #slide_buttons
	{
		background: url(/img/home/buttons_bg.png) 0 bottom no-repeat;
		background-size: 100%;
		margin: -114px 0 0 1px;
		position: relative;
		padding: 72px 40px 0 40px;
		z-index: 2;
	}

	.homepage #slide_buttons .flex-direction-nav li a
	{
		top: 107px;
	}

	/***community focus****/
	#community_focus
	{
		padding: 28px 0 51px 24px;
	}

	#community_focus h1
	{
		margin: 0 0 23px 0;
		text-indent: -4000px;
		overflow: hidden;
		height: 23px;
		background: url(/img/home/focus_title.gif) 2px 0 no-repeat;
	}

	#community_focus article
	{
		width: 49%;
		float: left;
		clear: none;
	}

	#community_focus article+article
	{
		margin-left: 2%;
	}

	/****featured****/
	#home_featured
	{
		width: 48%;
		float: left;
		padding: 0 2%;
	}

	#home_featured h1
	{
		margin: 14px 0 13px 0;
		text-indent: -4000px;
		overflow: hidden;
		background: url(/img/home/featured_title.png) 0 0 no-repeat;
		height: 23px;
	}

	#home_featured p
	{
		padding: 0 21px 0 3px;
		margin: 0;
	}

	#home_featured .bottomlink
	{
		float: right;
		text-align: left;
		text-indent: -4000px;
		overflow: hidden;
		width: 116px;
		height: 36px;
		background: url(/img/home/featured_more.png) 0 0 no-repeat;
		margin-right: 21px;
		clear: both;
	}

	#home_featured .bottomlink:hover
	{
		background-position: 0 -36px;
	}

	/******This week's news*******/
	#weeks_news
	{
		background: url(/img/home/video_bg.png) 1px 0 no-repeat;
		min-height: 220px;
		margin-top:5px;
		width: 302px; 
		float: right;
		margin-right: -6px;
	}

	#weeks_news h1
	{
		margin:0; text-indent: -4000px; overflow:hidden;height: 46px;
	}

	#weeks_news a.bottomlink
	{
		display:block;
		text-indent: -4000px;
		overflow:hidden;
		background: url(/img/home/video_btns.png) 0 -115px no-repeat;
		width: 43px;
		position: absolute;
		height: 76px;
		top: 134px;
		right:2px;
	}
	
	#weeks_news a.bottomlink:hover
	{
		background-position: -43px -115px;
	}

	#weeks_news iframe
	{
		margin:0;
	}

	#weeks_news a.meetings
	{
		background: url(/img/home/video_btns.png) 0 0px no-repeat;
		height: 115px;
		top: 19px;
	}
	
	#weeks_news a.meetings:hover
	{
		background-position: -43px 0px;
	}
	
	#news_releases
	{
		padding: 0 18px 19px 23px;clear:both;
	}
	
	#news_releases h1
	{
		margin: 14px 0 26px 0;
		text-indent: -4000px;
		overflow:hidden;
		background: url(/img/home/news_title.png) 0 0 no-repeat;
		height: 23px;
	}

	#news_releases article
	{
		margin-bottom:16px;
		width: 49%; 
		padding-right: 1%;
		float: left;
	}
	
	#news_releases article p
	{
		margin: 0;
	}

	#news_releases .bottomlink
	{
		float: right;
		text-align:left;
		text-indent: -4000px;
		overflow:hidden;
		width: 103px;
		height: 40px;
		background: url(/img/home/news_more.png) 0 0 no-repeat;
		margin-top: 4px;
	}
	#news_releases .bottomlink:hover
	{
		background-position: 0 -40px;
	}
	
	/*************************
	interior pages
	**************************/
	.standardpage #page_content
	{
		padding: 22px 3.5% 30px 3.5%;
	}
	
	.share_buttons
	{
		float: right;
	}
	
	.rel-links-left
	{
	   float:left;
	   width:44%; 
	   /*min-width:250px;*/
	}
	
	.rel-links-right
	{
	   float:right;
	   width:44%; 
	   /*min-width:250px;*/
	}
	
	.brown_box section.column,
	.atoz_brown_box section.column,
	.green_box section.column
	{
		float: left; 
		width: 48%;
		padding-right: 2%;
	}
	
	/*Leave message*/
	#custom-messageBox
	{
		width:400px;
		margin:0 auto;
		padding:120px 50px 20px 50px;
		background:#ebe6db url(/img/leavemessagebox.png) no-repeat top center;
		color:#fff;
		text-align:center;
		border:5px solid #a54e0a;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
	#ln-messageBox
	{
		width:460px;
		margin:0 auto;
		min-height:200px;
		background-color:#eee8dd;
		border:10px solid #e6e6e6;
		-moz-box-shadow:0 0 20px 10px #666;
		-webkit-box-shadow:0 0 20px #666;
		text-align:center;
		padding:20px;
	}
	#custom-messageHolder
	{
		position:fixed;
		top:200px;
		left:0;
		width:100%;
		z-index:11;
	}
	#ln-messageHolder
	{
		position:fixed;
		top:150px;
		left:0;
		width:100%;
		z-index:11;
	}
	/*End leave message*/
	
	/*** Multi-column styles ***/

	.multi-column-links-list
	{
		padding: 0;
		font-size: 14px;
		line-height: 30px;
		margin-bottom: 14px;
	}
	
	.multi-column-2,
	.multi-column-3,
	.multi-column-4,
	.multi-column-5
	{
		-webkit-column-rule: 1px dotted #D8CEBB;
	       -moz-column-rule: 1px dotted #D8CEBB;
	            column-rule: 1px dotted #D8CEBB;
		background-color: #EEE8DD;
		padding:.5em;
		border:#D8CEBB solid 3px;
	}
	
	.multi-column-2
	{
		-webkit-columns: 2 200px;
	     -moz-columns: 2 200px;
	          columns: 2 200px;
	  -webkit-column-gap: 4em;
	     -moz-column-gap: 4em;
	          column-gap: 4em;
	}
	
	.multi-column-3
	{
		-webkit-columns: 3 200px;
	     -moz-columns: 3 200px;
	          columns: 3 200px;
	  -webkit-column-gap: 3em;
	     -moz-column-gap: 3em;
	          column-gap: 3em;
	}
	
	.multi-column-4
	{
		-webkit-columns: 4 150px;
	     -moz-columns: 4 150px;
	          columns: 4 150px;
	  -webkit-column-gap: 1em;
	     -moz-column-gap: 1em;
	          column-gap: 1em;
	}
	
	.multi-column-5
	{
		-webkit-columns: 5 100px;
	     -moz-columns: 5 100px;
	          columns: 5 100px;
	  -webkit-column-gap: 1em;
	     -moz-column-gap: 1em;
	          column-gap: 1em;
	}
	
}
/*end of min-width 648px media query*/

/*** 56.25em = 900px***/
@media only screen and (min-width: 56.25em)
{

	#mainSpan
	{
		background:#f8e2a6 url(/img/cmn/body_bg.jpg) center 0 no-repeat;
	}
	#siteheader #home_link
	{
		width: 477px;
	}
	
	.standardpage #page_content.hasrightcol
	{
		float: left;
		width: 69.5%;
		padding: 22px 2% 30px 3.5%;
	}
	
	.standardpage #open_data.hasrightcol
	{
		float: left;
		width: 69.5%;
		padding: 22px 2% 30px 0;
		margin-right:5.5%
	}
	.standardpage #open_data section
	{
		/*margin-right:3.5%;*/
		border-bottom:1px solid #ECECEC;
	}

	.standardpage #right_col
	{
		float: left;
		width: 23%;
		padding: 18px 2% 10px 0;
	}
	
	section.column
	{
		float: left;
		width: 48%;
		padding-right: 4%;
	}
		
	section.column +section.column
	{
		padding-right: 0;
	}
	
	.page_article section.column
	{
		/*text-align: justify;*/
		text-align: left;
	}
	
	article section.column p
	{
		text-align: left;
		line-height: 18px;
	}
	
	.brown_box section.column,
	.atoz_brown_box section.column,
	.green_box section.column
	{
		float: none; 
		width: 100%;
		padding-right: 0%;
	}
	
	#home_left
	{
		width: 70%;
		float: left;
	}

	#home_right
	{
		width: 30%;
		float: left;
		background: url(/img/home/mountains.png) 0 352px no-repeat;
		background-size: 100% 67px;
	}
	
	#home_collage
	{
		margin: 15px 10px 0 20px;height: 413px;padding:0;
	}
	
	#home_columns:before
	{
		top: 415px;
	}
	
	.homepage #slide_buttons
{
	background: url(/img/home/buttons_bg_950.png) 0 bottom no-repeat;
	background-size: 100% 154px;
}
	
	#home_featured
	{
		width: 100%;
		float: none;
		padding:0;
	}
	
	#weeks_news
	{
		width: 100%; 
		float: none;
		margin-right: 0px;
	}
	
	#news_releases article
	{
		width: 100%; 
		padding-right: 0;
		float: none;
	}
	/*Leave message*/
	#custom-messageBox
	{
		width:400px;
		margin:0 auto;
		padding:120px 50px 20px 50px;
		background:#ebe6db url(/img/leavemessagebox.png) no-repeat top center;
		color:#fff;
		text-align:center;
		border:5px solid #a54e0a;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
	#ln-messageBox
	{
		width:460px;
		margin:0 auto;
		min-height:200px;
		background-color:#eee8dd;
		border:10px solid #e6e6e6;
		-moz-box-shadow:0 0 20px 10px #666;
		-webkit-box-shadow:0 0 20px #666;
		text-align:center;
		padding:20px;
	}
	#ln-messageHolder
	{
		position:fixed;
		top:150px;
		left:0;
		width:100%;
		z-index:11;
	}
	#ln-messageHolder
	{
		position:fixed;
		top:150px;
		left:0;
		width:100%;
		z-index:11;
	}
	#custom-messageHolder
	{
		position:fixed;
		top:200px;
		left:0;
		width:100%;
		z-index:11;
	}
	/*End leave message*/
	
}
/**end of 900px min width media query*/

/*** 62.875em = 1006px***/
@media only screen and (min-width: 62.875em)
{
	#mainSpan:before
	{
		background-size: auto;
	}
	
	/**Responsive forms styles**/
	#core_content form > div > label,
	#core_content form div label,
	#core_content legend,
	{
		text-align: right;
	}
	
	#core_content input[type=submit]
	{
		margin-top: 15px;
	}
	/**End responsive forms styles**/
	
	/*Leave message*/
	#custom-messageBox
	{
		width:400px;
		margin:0 auto;
		padding:120px 50px 20px 50px;
		background:#ebe6db url(/img/leavemessagebox.png) no-repeat top center;
		color:#fff;
		text-align:center;
		border:5px solid #a54e0a;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
	#ln-messageBox
	{
		width:460px;
		margin:0 auto;
		min-height:200px;
		background-color:#eee8dd;
		border:10px solid #e6e6e6;
		-moz-box-shadow:0 0 20px 10px #666;
		-webkit-box-shadow:0 0 20px #666;
		text-align:center;
		padding:20px;
	}
	#ln-messageHolder
	{
		position:fixed;
		top:150px;
		left:0;
		width:100%;
		z-index:11;
	}
	#custom-messageHolder
	{
		position:fixed;
		top:200px;
		left:0;
		width:100%;
		z-index:11;
	}	
	/*End Leave message*/		
}

/***for  100em = 1600px***/
@media only screen and (min-width: 100em)
{
  	#mainSpan
  	{
		background-size: 100%;
	}
	
	/*Leave message*/
	#custom-messageBox
	{
		width:400px;
		margin:0 auto;
		padding:120px 50px 20px 50px;
		background:#ebe6db url(/img/leavemessagebox.png) no-repeat top center;
		color:#fff;
		text-align:center;
		border:5px solid #a54e0a;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
	#ln-messageBox
	{
		width:460px;
		margin:0 auto;
		min-height:200px;
		background-color:#eee8dd;
		border:10px solid #e6e6e6;
		-moz-box-shadow:0 0 20px 10px #666;
		-webkit-box-shadow:0 0 20px #666;
		text-align:center;
		padding:20px;
	}
	#ln-messageHolder
	{
		position:fixed;
		top:150px;
		left:0;
		width:100%;
		z-index:11;
	}
	#custom-messageHolder
	{
		position:fixed;
		top:200px;
		left:0;
		width:100%;
		z-index:11;
	}
	/*End leave message*/
}

/*Accordian Menu*/
#bldr-accordion .ui-accordion .ui-accordion-content
{
	border-left: 1px solid #D8CEBB;
	border-right: 1px solid #D8CEBB;
	border-bottom: 1px solid #D8CEBB;
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
}
#bldr-accordion .ui-accordion .ui-accordion-content-active
{
	display: block;
}
#bldr-accordion .ui-state-default
{
	border: 1px solid #D8CEBB;
	background: #EEE8DD;
} 
#bldr-accordion .ui-state-active
{
	border: 1px solid #D8CEBB;
}

/*Tabs*/
#bldr-tabs .ui-widget-header
{
	border: 1px solid #233C6C;
	background: #233C6C url(/css/jquery-ui/images/ui-bg_highlight-soft_75_233C6C_1x100.png) 50% 50% repeat-x;
	color: #4c4a4f;
	font-weight: bold;
}
#bldr-tabs .ui-widget-header a
{
	color: #000;
}

/* Map Portal specific styles */

div.map-album
{
    background:#f5e1a9;
    padding:10px;
    margin:0 0 15px 0;
    position:relative;
    min-height:210px;
    clear: none;
    width:220px;
    height: 210px;
    float:left;
}

div.map-album h2
{
    font-size:1.4em;
    text-decoration:none;
    margin:10px 0 10px 0;
}
div.map-album p
{
    font-size:0.9em;
}
div.map-album strong
{
    font-size:0.9em;
}