@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, table, tr, th, td, dl, dt, dd {
	margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;
}
html		{ width: 100%; height: 100%;}
body		{ width: 100%; /*height: 100%; */font-size: 62.5%; text-align: center;	/* for IE 8 - centers the top-level div */ }
table		{ border-collapse: collapse; border-spacing: 0; }
a img		{ border-style: none; outline: none; }
div			{ display: block; }
div.clear	{ clear: both; }

a:active, a:selected, a:visited , a:link { border: none; outline: none; text-decoration: none; }
ul, dd, dt, h1, h2, h3, h4, h5, h6 { text-align: left; font-size: 1.0em; }

p			{ text-align: left; font-size: 1.0em; }
div			{ text-align: left; }

html			{ }

.siteAlertOrange {
 background: #FFD100;
 width: 100%;
 text-align: center; 
 }
 
.siteAlert {
	display: inline-block;
    position: relative;
	text-align: justify;
	line-height: 1.55;
    padding: 0.5em 12px 0.5em 12px;
	font-size: 1.6em;
	font-weight: bold;
	max-width: 1200px;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
/*   font-size: 14px; */
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
}

/* original SCI body font:
body		{ font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: 300; }

Also try Lato font:

  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #333;*/

/* The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'museo_slab500';
    src: url('fonts/Museo_Slab_500_2webfont.eot');
    src: url('fonts/Museo_Slab_500_2webfont.eot?#iefix') format('embedded-opentype'),
/*          url('fonts/Museo_Slab_500_2webfont.woff') format('woff'), */
         url('fonts/Museo_Slab_500_2webfont.ttf')  format('truetype'),
         url('fonts/Museo_Slab_500_2webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Full page elements
======================================================*/
html 					{ background: #245d38; }
body		 		{ }
div#fullWrap			{ height: 100%; position: relative; overflow-x: hidden; } /* overflow: scroll;  */
div#pageWrapMain		{ width: 100%; min-height: 100%;  position: relative; overflow: auto; background:  #245d38 url(images/background_headerMain_gradient.jpg) top repeat-x; }
div#pageWrap			{ width: 100%; min-height: 100%;  position: relative; overflow: auto; background:  #245d38 url(images/background_header_gradient.png) top repeat-x; }
div#fullWrapFrames			{ height: 100%; position: relative; overflow-x: hidden; overflow-y: hidden; }
div#pageWrapFrames			{ width: 100%; min-height: 100%;  position: relative; overflow-y: hidden; background:  #ffffff url(images/background_header_gradient.png) top repeat-x;  }


/* Header
======================================================*/
/*
Home Page
------------------------*/
div.titleHeaderMain	{ height: 200px; position: relative; background: url(images/background_headerMain_1920_v2.jpg) center top no-repeat;  overflow-x: hidden;}
/* Original height = 292px*/
div.titleLogoMain	{ max-width: 1140px; height: 200px; margin: 0px auto; position: relative; }
div.titleLogoMain	a	{ width: 463px; height: 165px; display: block; position: absolute; background: url(images/co_dnr_comm_ecmc_cmyk_transparent.png) center top no-repeat; left: 0px; top: 20px; }

/* Secondary Pages
------------------------*/
div.titleText		{ display: none; }
div.titleText1		{ }
div.titleText2		{ }

div.titleHeader		{ height: 100px; position: relative; } /* width: 960px;  */
div.titleLogo		{ max-width: 1140px; height:  100px; margin: 0px auto; position: relative; }
div.titleLogo		a	{ width: 288px; height: 71px; display: block; position: absolute; z-index: 5; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_small.png) center top no-repeat; left: 30px; top: 15px;}


/* Footer
======================================================*/
div#footerMin					{ clear: both; display: none; }
div#footerMax					{ clear: both; }
div.footerMain					{ max-width: 1140px; margin: 0px auto; position: relative; padding: 10px 5px 10px; overflow: hidden; color: #ccc; font-size: 1.2em; }

div.footerMain		a:link		{ color: #ccc; text-decoration: underline; }
div.footerMain		a:hover		{ color: #ccc; text-decoration: underline; }
div.footerMain		a:active	{ color: #ccc; text-decoration: underline; }
div.footerMain		a:selected	{ color: #ccc; text-decoration: underline; }
div.footerMain		a:visited	{ color: #ccc; text-decoration: none; }

div.footer1						{ display: inline-block; float: left; width: 34%; padding-right: 8px; font-size: 1.0em; }
div.footer2						{ display: inline-block; float: left; width: 26%; padding-right: 8px; }
div.footer4						{ display: inline-block; float: right; width: 33%; text-align: left; }

div.footer4	p					{ margin-top: 0.7em; font-size: 1.0em; text-align: left; height: 43px;}
.copyrightText 					{ height: 15px; font-size: 0.8em; text-align: bottom; margin-top: 1em;}

.footerTitle					{ font-family: 'museo_slab500', Arial, sans-serif; color: #edeae1; font-weight: normal; font-size: 1.3em; line-height: 2.0em; padding-bottom: 0px; border-bottom: 1px solid #777;  }



/* Navigation
======================================================*/
/*
Upper Navigation
------------------------*/
div#upperNavContainer1			{ position: absolute; top: 0px; left: 0px; width: 100%; overflow: visible; overflow-x: hidden; }
div#upperNavContainer2			{ max-width: 1140px; margin: 0px auto; position: relative; overflow: visible; height: 44px; }
div#upperNavContainer3			{ max-width: 1140px; margin: 0px auto; position: relative; overflow: visible; }
div.upperNavOptions				{ position: absolute; top: 0px; right: -136px; background: url(images/background_upperNav.png) top left; height: 32px; padding: 12px 0px 0px 136px; min-width: 366px; }
div.upperSearch					{ position: absolute; top: -43px; right: 24px; height: 0px; padding: 12px 0px 0px 136px; max-width: 280px; }
div.upperNavOptions	span + span	{ margin-left: 8px; padding-left: 8px; border-left: 1px solid gray; }
div.upperNavOptions	a			{ font-family: 'museo_slab500', Arial, sans-serif; color: black; font-size: 1.2em; }

div.upperNavOptions	a:link		{ color: black; text-decoration: none; }
div.upperNavOptions	a:hover		{ color: black; text-decoration: underline; }
div.upperNavOptions	a:active	{ color: black; text-decoration: underline; }
div.upperNavOptions	a:selected	{ color: black; text-decoration: underline; }
div.upperNavOptions	a:visited	{ color: black; text-decoration: none; }
/*
Highlight navigation elements in the appropriate pages
--------------------------------------------------------*/
div.cogcc_cogcc		a#upperNavHome,
div.cogcc_contact	a#upperNavContact,
div.cogcc_faqs		a#upperNavFAQ,
div.cogcc_help		a#upperNavHelp		{border-bottom: 3px solid #ffd100; }


/*
Top Level Navigation
------------------------*/
div#topNavContainer1			{ background: #245d38; width: 100%; height: 44px; border-bottom: 1px solid #888; }
div#topNavContainer2			{ max-width: 1200px; margin: 0px auto; height: 44px; position: relative; }
div#topNavContainer1_mini		{ display: none; visibility: hidden; background: #245d38; width: 100%; height: 44px; border-bottom: 1px solid #888; }
div#topNavContainer2_mini		{ display: none; visibility: hidden; max-width: 1200px; margin: 0px auto; height: 44px; position: relative; }
div#topNavContainer1_miniFrames	{ display: none; visibility: hidden; background: #245d38; width: 100%; height: 44px; border-bottom: 1px solid #888; }
div#topNavContainer2_miniFrames	{ display: none; visibility: hidden; max-width: 1200px; margin: 0px auto; height: 44px; position: relative; }

div.topNavOptions				{ padding: 8px 0px; white-space: nowrap; text-align: center; }
div.topNavOptions	span + span	{ margin-left: 8px; padding-left: 8px; border-left: 1px solid white; padding-top: 4px; padding-bottom: 4px;  }
div.topNavOptions	a			{ font-family: 'museo_slab500', Arial, sans-serif; color: white; font-size: 1.4em; line-height: 1.6em; padding: 8px 8px; }

div.topNavOptions	a:link		{ color: white; text-decoration: none; }
div.topNavOptions	a:hover		{ color: white; text-decoration: underline; }
div.topNavOptions	a:active	{ color: white; text-decoration: none; }
div.topNavOptions	a:selected	{ color: white; text-decoration: underline; }
div.topNavOptions	a:visited	{ color: white; text-decoration: none; }


/*
Highlight navigation elements in the appropriate pages
--------------------------------------------------------*/
div.cogcc_about			a#topNavAbout,
div.cogcc_reg			a#topNavReg,
div.cogcc_dashboard		a#topNavDashboard,
div.cogcc_data			a#topNavData,
div.cogcc_gov			a#topNavGov,
div.cogcc_hearings		a#topNavHearings,
div.cogcc_maps			a#topNavMaps,
div.cogcc_media			a#topNavMedia,
div.cogcc_library		a#topNavLibrary,
div.cogcc_complaints	a#topNavComplaints,
div.cogcc_owe			a#topNavOWE,
div.cogcc_permits		a#topNavPermits	{ border-bottom: 8px solid #ffd100; }

div.cogcc_home	div#topNavContainer1		{ border-bottom: 1px solid #888; }	/* home doesn't have the underlying orange bar */

/*
Local Navigation
------------------------*/
div#localNavContainer1				{ background: #001970; width: 100%; height: 44px; border-bottom: 1px solid white; border-top: 3px solid #ffd100;}
div#localNavContainer2				{ max-width: 1155px; margin: 0px auto; height: 44px; position: relative; padding-top: 4px; }

div.localNav						{ background: #001970; padding: 8px 10px; }
div.localNav			span + span	{ margin-left: 11px; padding-left: 11px; border-left: 1px solid white; padding-top: 4px; padding-bottom: 4px; }
div.localNav			a			{ font-family: 'museo_slab500', Arial, sans-serif; color: white; font-size: 1.27em; }

div.localNav			a:link		{ color: white; text-decoration: none; }
div.localNav			a:hover		{ color: white; text-decoration: underline; }
div.localNav			a:active	{ color: white; text-decoration: underline; }
div.localNav			a:selected	{ color: white; text-decoration: underline; }
div.localNav			a:visited	{ color: white; text-decoration: none; }


div#localNavContainer1Frames				{ background: #001970; width: 100%; height: 44px; border-bottom: 1px solid white; border-top: 3px solid #ffd100;}
div#localNavContainer2Frames				{ max-width: 1155px; margin: 0px auto; height: 44px; position: relative; padding-top: 4px; }

div.localNavFrames						{ background: #001970; padding: 8px 10px; }
div.localNavFrames			span + span	{ margin-left: 11px; padding-left: 11px; border-left: 1px solid white; padding-top: 4px; padding-bottom: 4px; }
div.localNavFrames			a			{ font-family: 'museo_slab500', Arial, sans-serif; color: white; font-size: 1.4em; }

div.localNavFrames			a:link		{ color: white; text-decoration: none; }
div.localNavFrames			a:hover		{ color: white; text-decoration: underline; }
div.localNavFrames			a:active	{ color: white; text-decoration: underline; }
div.localNavFrames			a:selected	{ color: white; text-decoration: underline; }
div.localNavFrames			a:visited	{ color: white; text-decoration: none; }

/*
Highlight navigation elements in the appropriate pages
--------------------------------------------------------*/
div.cogcc_home	div.localNav					{ display: none; }		/* local navigation bar is not present in the home page */
div.cogcc_home	div#localNavContainer1		{ display: none; }		/* local navigation bar is not present in the home page */

div.cogcc_aboutus			a#localNavAbout,
div.cogcc_contact			a#localNavContact,
div.cogcc_commission		a#localNavCommission,
div.cogcc_email_signup		a#localNavEmail,
div.cogcc_help				a#localNavHelp,
div.cogcc_jobs				a#localNavJobs,
div.cogcc_faqs				a#localNavFAQs,
div.cogcc_staffmaps			a#localNavStaffMaps,
div.cogcc_hearings_overview	a#localNavHearingsOverview,
div.cogcc_hearings_hearings	a#localNavHearings,
div.cogcc_efiling			a#localNavEfiling,
div.cogcc_rulemaking		a#localNavRulemaking,
div.cogcc_hearings_howto	a#localNavHowTo,
div.cogcc_hearings_info		a#localNavInfo,
div.cogcc_olderapplications a#localNavOldApps,
div.cogcc_hearings_orders	a#localNavHearingsOrders,
div.cogcc_overview			a#localNavOverview,
div.cogcc_fa				a#localNavFA,
div.cogcc_rules				a#localNavRules,
div.cogcc_well_integrity	a#localNavWellIntegrity,
div.cogcc_sb_19181			a#localNavsb19181overview,
div.cogcc_sb_19181_public_comments			a#localNavsb19181publiccomments,
div.cogcc_sb_19181_doc		a#localNavsb19181doc,
div.cogcc_sb_19181_guidance	a#localNavsb19181guidance,
div.cogcc_sb_19181_rulemaking	a#localNavsb19181rulemaking,
div.cogcc_policies			a#localNavPolicies,
div.cogcc_orders			a#localNavOrders,
div.cogcc_CPWC				a#localNavCPWC,
div.cogcc_enforcement		a#localNavEnforcement,
div.cogcc_fa		 		a#localNavFA,
div.cogcc_opguide			a#localNavOpGuide,
div.cogcc_forms				a#localNavForms,
div.cogcc_cogis				a#localNavCogis,
div.cogcc_merp				a#localNavMerp,
div.cogcc_cogis_old			a#localNavCogisOld,
div.cogcc_imaged			a#localNavImaged,
div.cogcc_downloads			a#localNavDownloads,
div.cogcc_fields			a#localNavFields,
div.cogcc_prod				a#localNavProd,
div.cogcc_stat				a#localNavStat,
div.cogcc_local				a#localNavLocal,
div.cogcc_state				a#localNavState,
div.cogcc_federal			a#localNavFederal,
div.cogcc_gisonline			a#localNavGISOnline,
div.cogcc_gis_flowlines     a#localNavFlowlinesGIS,
div.cogcc_gis_external      a#localNavExternalGIS,
div.cogcc_press		        a#localNavPress,
div.cogcc_cora		        a#localNavCORA,
div.cogcc_owe		        a#localNavOWE,
div.cogcc_staff				a#localNavStaff,
div.cogcc_area				a#localNavArea,
div.cogcc_forums			a#localNavForums,
div.cogcc_presentations		a#localNavPresentations,
div.cogcc_cumulative_impacts		a#localNavImpacts,
div.cogcc_special_projects	a#localNavSpecial,
div.cogcc_technical			a#localNavTechnical,
div.cogcc_complaints_loc  	a#localNavComplaints,
div.cogcc_complaints_search	a#localNavComplaintsSearch,
div.cogcc_complaints_cdphe  a#localNavComplaintsCDPHE,
div.cogcc_permits_2			a#localNavPermits,
div.cogcc_permits_uic		a#localNavUIC,
div.cogcc_permits_ogdp		a#localNavOGDP,
div.cogcc_permits_cap		a#localNavCAP,
div.cogcc_permits_help		a#localNavPermitsHelp,
div.cogcc_dashboard			a#localNavDashboard { border-bottom: 2px solid #ffd100;  }
			
/* Common Structures
======================================================*/
/*
Main Content Area
------------------------*/
div#mainContainer1		{ background: #f5f5f5; }
/* Orginal background color:  #edeae1; 2nd choice color: #f5f5f5*/
div.contentBody			{ max-width: 1140px; margin: 0px auto; min-height: 548px; padding: 20px 24px; }

/*
Titles
------------------------*/
div.pageTitle				{ font-size: 1.9em; margin-bottom: 16px; }
div.contentWPHeader			{ background: #ffd100; color: black; font-family: 'museo_slab500', Arial, sans-serif; font-size: 1.4em; font-weight: bold; padding: 8px 13px; }

/*
1/1 2/3 1/3  areas
------------------------*/
.pageContentOneCol			{ clear: both; overflow: auto; font-size: 1.3em; }
.pageContentOneColFullWidth	{ clear: both; overflow: auto; font-size: 1.3em; }

.pageContentHalves			{ clear: both; overflow: auto; }
.pageContentLeftHalf		{ width: 50%; float: left; overflow: auto;  }
.pageContentLeft12a			{ padding-right: 20px; }
.pageContentLeft12b			{ }

.pageContentRightHalf		{ width: 50%; float: left; overflow: auto; }
.pageContentRight12a		{ padding-left: 20px; }
.pageContentRight12b		{  }

.pageContentLeftHalfv2		{ width: 280px; float: left; overflow: auto;  }
.pageContentLeft12av2		{ padding-right: 10px; }
.pageContentLeft12bv2			{ }

.pageContentRightHalfv2		{ width: 280px; float: right; overflow: auto; }
.pageContentRight12av2		{ padding-left: 10px; }
.pageContentRight12bv2		{  }

.pageContentLeft2Thirds		{ clear: both; }
.pageContentLeft2ThirdsLocal{ clear: both; }
.pageContentLeft23a			{ margin-right: -280px; float: left; width: 100% }
.pageContentLeft23b			{ margin-right: 300px; }
.pageContentRight13			{ float: left; width: 280px; }
.pageContentRight13_email	{ float: left; width: 280px; }

.pageContentLeft1Third		{ clear: both; }
.pageContentLeft13a			{ margin-right: -680px; float: left; width: 100% }
.pageContentLeft13b			{ margin-right: 660px; }
.pageContentRight23			{ float: left; width: 680px; }

.pageContentFullWidth		{ clear: both; }
.pageContentFullWidtha		{ margin-right: -980px; float: left; width: 100%; }
.pageContentFullWidthb		{ margin-right: 1000px; }
.pageContentFullWidthc		{ float: left; max-width: 700px;}
.pageContentFullWidthd		{ margin-right: 20px; }
.pageContentFullWidthe		{ float: left; width: 280px; }



.pageContentBackground		{ }

.areaWhite					{ background: white; margin-bottom: 16px; }
.areaWhiteInner				{ background: white; padding: 8px 10px 8px 10px; }
.areaNormal					{ background: none;	 margin-bottom: 24px; }
.areaSearch					{ background: none;	 }
.areaIntro					{ }
.areaPanel					{ background: white; margin-bottom: 24px; padding: 16px; }
.areaDocList				{ background: white; margin: 0px 0px 8px; padding: 0px; 
								/* border-top: 4px solid black; */ border-bottom: 4px solid black; }
.areaDocList		li		{ border-bottom: 1px solid #eee; }

/*
Search
------------------------*/
/*
Images Floated
------------------------*/
div.pageContentImageLeft				{ float: left; margin-right: 16px; margin-bottom: 8px; }
div.pageContentImageLeft		img		{ border: 1px solid white; }
div.pageContentImageRight			{ float: right; margin-left: 24px; margin-bottom: 8px; }
div.pageContentImageRight	img		{ border: 1px solid white; }
/*
Images Featured
------------------------*/
div.pageImage					{ width: 248px; margin-bottom: 16px; }
div.pageImage			img		{ width: 248px; border: 16px solid white; }
div.pageImageLocal				{ width: 248px; margin-bottom: 16px; }
div.pageImageLocal		img		{ width: 248px; border: 16px solid white; }
/*
Bullet link lists
------------------------*/
ul.linkList						{ padding: 8px 16px 8px 32px; }
ul.linkList	li					{ color: #031987; font-size: 1.1em; font-weight: 500; padding: 4px 0px; }		 /* list-style-image: url(images/bullet.png); original color: #4495bd */
/*
HTML content
------------------------*/
div.pageContentHtml				{ }
div.pageContentHtml		p		{font-size: 1.3em; }
div.pageContentHtml		p::before	{ content: ' '; display: table; width: 10em; height: 10px; } 
div.pageContentHtml		b		{ font-weight: bold; }
div.pageContentHtml		i		{ font-size: 1.5em; }
div.pageContentHtml		ul		{ margin-left: 1em; overflow: hidden; font-size: 1.1em;}
div.pageContentHtml		li		{ text-align: justify; position: relative; left: 1em; font-size: 1.2em; margin-bottom: 8px;  margin-right: 1em;}

div.pageContentTextSub	p::before
div.pageContentText				{ line-height: 1.8em; }
/*
Collapsible lists
------------------------*/
/*
News articles
------------------------*/
div.contentArticle				{ border-bottom: 1px solid #eee; padding: 8px 8px; }
/* .cogcc_hearings div.content2Article  { text-align:center; font-size: 1.3em; background: #96B168; color: white; padding: 8px 16px; border-bottom: 1px solid #eee; } */
div.contentTitle					{ color: #031987;	font-size: 1.15em;   font-weight: bold; margin-left: 0px;}
/* original color: #4495bd */
div.contentDate					{ color: #666;		font-size: 1.0em; margin-left: 0px; margin-bottom: 8px; }
div.contentText					{ color: black;		font-size: 1.0em;  margin-left: 0px; line-height: 1.25}

div.contentBody		a:link		{ color: #031987; text-decoration: none; }
div.contentBody		a:hover		{ color: #031987; text-decoration: underline; }
div.contentBody		a:active	{ color: #031987; text-decoration: underline; }
div.contentBody		a:selected	{ color: #031987; text-decoration: underline; }
div.contentBody		a:visited	{ color: #031987; text-decoration: none; }
/* original color: #4495bd */

div#moreNews,
div#lessNews						{ padding: 8px 8px; background: #f6f6f6; font-size: 1.2em; }



/* Per page formatting and overrides
======================================================*/
/* .cogcc_home		div.areaIntro				{ margin-left: 32px; width: 640px; } */

div.newwindowtoollink1						{ text-align: left; padding-top: 5px; padding-left: 5px; font-size: 1.4em; margin-bottom: 8px; }
div.newwindowtoollink2						{ text-align: left; padding-top: 5px; padding-left: 5px; font-size: 1.4em; margin-bottom: 8px; }
div.newwindowtoollink3						{ text-align: left; padding-top: 5px; padding-left: 5px; font-size: 1.4em; margin-bottom: 8px; }
.button										{
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 1px 4px 1px 4px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}


.cogcc_cogcc	.pageContentLeft2Thirds		{ background: none; }
.cogcc_cogcc	.pageContentLeft2ThirdsLocal{ background: none; }


.cogcc_about	div.pageContentHtml			{ }
.cogcc_contact	div.contentArticle			{ border-bottom: none;  }
.cogcc_contact	div.pageContentHtml			{ padding: 0px 5px 0px 15px;  }
.cogcc_about	div.pageContentHtml		h4	{ margin-top: 4px; font-size: 1.3em; padding-left: 26px; padding-right: 26px;}
.cogcc_contact	div.pageContentHtml		h4	{ margin-top: 20px; font-size: 1.4em; }	
.cogcc_about	div.pageContentHtml		p	{ padding-left: 26px; padding-right: 26px; }
.cogcc_contact	div.pageContentHtml		p	{ color: black; text-align: justify; /* original: #666 */ }
.cogcc_about	div.contentArticle			{ padding: 0 10px 5px 15px; }
.cogcc_about	div.contentArticle.contacts	{ padding: 0 10px 5px 15px; width: 98%; }
.cogcc_about  	div.contactTable			{ padding: 0 10px 10px 15px; }
.cogcc_about  	div.contactTableService		{ padding: 0 0px 10px 0px; }


.columnOne		{ width: 30%; display: inline-block; vertical-align: top; font-size: 1.2em; padding: 3px 0px;}
.columnTwo		{ width: 23%; display: inline-block; vertical-align: top; font-size: 1.2em; font-weight: bold; padding: 3px 0px; }
.columnThree	{ width: 22%; display: inline-block; vertical-align: top; font-size: 1.2em; padding: 3px 0px; }
.columnFour		{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.2em; font-weight: bold; padding: 3px 0px; }

.odd			{ }
.even			{ background-color: #f5f5f5; background-repeat: repeat; }

.cogcc_hearings .columnOne		{ width: 30%; display: inline-block; font-size: 1.0em; color: white; font-weight: bold; padding: 4px 6px; text-align: right; }
.cogcc_hearings .columnTwo		{ width: 15%; display: inline-block; font-size: 1.2em; padding: 2px 0px; }
.cogcc_hearings .columnThree		{ width: 15%; display: inline-block; font-size: 1.2em; padding: 2px 0px; color: black; }
.cogcc_hearings .columnFour		{ width: 15%; display: inline-block; font-size: 1.2em; padding: 2px 0px; color: black;  }
.cogcc_hearings .columnFive		{ width: 15%; display: inline-block; font-size: 1.2em; padding: 2px 0px; }
.cogcc_hearings .columnSpan		{ width: 57%; display: inline-block; font-size: 1.1em; padding: 2px 0px 2px 6px; vertical-align: top;}

.cogcc_hearings .columnOne	.contenttext	{ text-align:left; }
.cogcc_hearings .columnTwo	.contenttext	{ text-align:left; }
.cogcc_hearings .columnThree .contenttext	{ text-align:left; }
.cogcc_hearings .columnFour	.contenttext	{ text-align:left; }
.cogcc_hearings .columnFive	.contenttext	{ text-align:left; }

.cogcc_forms .columnOne		{ width: 10%; display: inline-block; vertical-align: middle; font-size: 1.2em; padding: 2px 0px; text-align:center; margin-left: 0px; font-weight: bold;}
.cogcc_forms .columnTwo		{ width: 35%; display: inline-block; vertical-align: middle; font-size: 1.1em; padding: 2px 0px; font-weight: normal; text-align: left; font-weight: bold;}
.cogcc_forms .columnThree	{ width: 7%; display: inline-block; vertical-align: middle; font-size: 1.2em; padding: 2px 0px; text-align:center; color: black; }
.cogcc_forms .columnFour		{ width: 10%; display: inline-block; vertical-align: middle; font-size: 1.2em; padding: 2px 0px; font-weight: normal; text-align:center; color: black; }
.cogcc_forms .columnFive		{ width: 10%; display: inline-block; vertical-align: middle; font-size: 1.2em; padding: 2px 0px; text-align:center; color: black; }
.cogcc_forms .columnSix	    	{ width: 14%; display: inline-block; vertical-align: middle; font-size: 1.2em; padding: 2px 0px; text-align:center; color: black; }
.cogcc_forms .columnSeven	{ width: 10%; display: inline-block; vertical-align: middle; font-size: 1.2em; padding: 2px 0px; text-align:center; color: black; }
.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.1em;}

.cogcc_commission	div.contentPic					{ float: left; margin: 4px 16px 8px 0px; outline: 1px solid #ddd; width: 128px; height: 128px;  }
.cogcc_commission	div.contentArticle				{ padding-bottom: 32px; }
.cogcc_commission	div.areaIntro					{ padding: 0px 32px;  }
.cogcc_overview			div.areaIntro		p			{ margin-bottom: 8px; }

.cogcc_overview			.pageContentList									{ margin: 16px; padding-bottom: 16px;  }
.cogcc_overview			.pageContentList	.pageContentListLabel			{ width: 240px; display: inline-block; color: #999; margin-top: 4px;  }
.cogcc_overview			.pageContentList	.pageContentListText			{ width: 240px; display: inline-block; border-bottom: 1px solid #ddd; padding-bottom: 4px; }
.cogcc_overview			.pageContentList	.pageContentNote				{ padding: 8px 0px;  color: #666; }

.cogcc_hearings		.pageContentList		{ margin: 16px; border-bottom: 1px solid #ddd; padding-bottom: 16px; }
.cogcc_hearings		.pageContentNote		{ margin-top: 16px; color: #666; }
.cogcc_hearings		.contentMore			{ padding: 8px 16px; background: #f6f6f6; border-bottom: 1px solid #eee; font-size: 1.2em; }
.cogcc_hearings     	.pageSchedule      	 	{ width: 95%; display: inline-block; font-size: 1.2em;  }


.cogcc_help			.contentText			{ margin: 0px 32px; }
.cogcc_help			.contentText		ul	{ margin: 8px; }
.cogcc_help			.contentText		li	{ margin-left: 24px; }


div.contentBody 		a[href^="tel"]:link,
div.contentBody		a[href^="tel"]:visited, 
div.contentBody		a[href^="tel"]:hover {
	pointer-events: none;
    text-decoration:  none;
}

.searchLabel		{ font-size: 0.70em; color: #000; }
#searchStaff		{ width: 150px; }

.contentArticle .contacts	{ padding: 0px 10px 5px 15px; }

div.wholebox				{height: 50px;}
div.rightbox				{float: right;}
div.leftbox					{float: left;}


/* Google Custom Search attribute CSS
======================================================*/

.gcse-search-box .cse .gsc-control-cse	{
	  background-color: transparent;
	  border: 0;
	  padding: 0; }
	  
.gcse-search-box .gsc-control-cse	{
	  background-color: transparent;
	  border: 0;
	  padding: 0; }

.gcse-search-box .gsib_a	{
	  height: 18px!important;
	  border: none!important;
	  padding: 1px 4px;
	  width: 207px!important; }
	  
.gcse-search-box .gsib_a .gsc-input	{
	  margin: 0px!important;
      width: 207px!important; }
	  
.gcse-search-box .gsib_a .gsc-input::-ms-clear {
	  display: none; }  
	  
.gcse-search-box .gsc-input-box	{
	  height: 20px!important; }

.gcse-search-box .gsc-input	{
	  font-size: 13px!important; }
	  
.gcse-search-box .gsc-search-button-v2	{
	  padding-top: 3.5px!important; 
	  padding-bottom: 3.5px!important; 
	  line-height: 13px!important; 
	  padding-left: 15px!important;
	  padding-right: 15px!important;
	  min-width: 0px;
	  height: 22px;}
	  
.gcse-search-box td.gsc-search-button	{
	  padding-top: 3.5px!important; 
	  padding-bottom: 3.5px!important; 
	  line-height: 13px!important;}	  
  


/* Menu tree control attribute CSS
======================================================*/


[treecontrol] {
    /* prevent user selection */
    -moz-user-select: -moz-text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;

    /* default */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6em;
	font-weight: bold;
    color: black;
    text-decoration: none;
}

[treecontrol] ul {
    margin-left: 0;
    padding: 5px 0 5px 0px;
    list-style: none;
	border-bottom: none;	
    overflow: hidden;
}

[treecontrol] li {
	margin: 8px 0 8px 5px;
	font-size: 0.9em;
    padding: 0;
    line-height: normal;
}

[treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
[treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline;}
[treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
[treecontrol] li.tree-leaf i.tree-leaf-head {display:inline;}

[treecontrol] li i {
    cursor: pointer;
}

[treecontrol] li .tree-label {
    cursor: pointer;
    display: inline;
}


[treecontrol].tree-light li.tree-expanded i {
    padding: 0px 8px;
    background: url(images/icon_expanded.png) no-repeat;
}

[treecontrol].tree-light li.tree-collapsed i {
    padding: 0px 8px;
    background: url(images/icon_collapsed.png) no-repeat;
}

[treecontrol].tree-light li.tree-leaf i {
    padding: 0px 0px;
    width: 16px; height: 8px;
    background: none no-repeat;
}


[treecontrol].tree-light-form-archive ul {
    padding: 0px;
}

[treecontrol].tree-light-form-archive li {
    margin-left: 0px;
}

[treecontrol].tree-light-form-archive li .tree-selected {
    font-weight: bold;
}

[treecontrol].tree-light-form-archive li.tree-expanded i {
    padding: 0px 0px;
    background: none;
	display: none;
}

[treecontrol].tree-light-form-archive li.tree-collapsed i {
    padding: 0px 0px;
    background: none;
	display: none;
}

[treecontrol].tree-light-form-archive li.tree-leaf i {
    padding: 0px 0px;
    width: 16px; height: 8px;
    background: none no-repeat;
}

[treecontrol].tree-light li .tree-selected {
    font-weight: bold;
}


/* Iframe 
======================================================*/
/* iframe
{
	line-height: 0;
	display: block;
	width: 100%; 
	height: 950px; 
	margin: 0; 
	padding: 0; 
	overflow: auto;
} */


.frame { background-color: white; }

.iframe_alt
{
	line-height: 0;
	display: block;
	width: 100%; 
	height: 950px; 
	margin: 0; 
	padding: 0; 
	overflow: auto;
	background-color: #000000;
}

iframe_cogis 
{
	line-height: 0;
	display: block;
	width: 100%; 
	height: 1500px; 
	margin: 0; 
	padding: 0; 
	overflow: auto;
}

.iFrameHolder {min-height: 700px; width: 98%; padding: 16px; background: #d6d3cb; border: 1px solid #ddd; border-radius: 12px; 
	box-shadow:			0px 0px 8px #888 inset;
	-moz-box-shadow:	0px 0px 8px #888 inset;
	-webkit-box-shadow:	0px 0px 8px #888 inset;
}

/* Responsive for 1264
======================================================*/
@media (max-width: 1264px) {


.pageContentFullWidth		{ display: inline;}
.pageContentFullWidtha		{ float: none; display: inline-block; vertical-align: top; width: 200px; margin-right: 17px;}
.pageContentFullWidthb		{ float: none; width: 200px; display: inline-block; }
.pageContentFullWidthc		{ float: none; max-width: 500px; display: inline-block; vertical-align: top; margin-right: 0px;}
.pageContentFullWidthd		{ float: none; margin-right: 20px; max-width: 100%;  display: inline-block;}
.pageContentFullWidthe		{ float: none; min-width: 280px;  display: inline-block; vertical-align: top;}


}

/* Responsive for 1168
======================================================*/
@media (max-width: 1168px) {

div.localNav			a			{ font-family: 'museo_slab500', Arial, sans-serif; color: white; font-size: 1.2em; }
div.localNavFrames			a			{ font-family: 'museo_slab500', Arial, sans-serif; color: white; font-size: 1.2m; }
div.wholebox				{height: auto;}
div.rightbox				{float: none; padding-left: 8px;}
div.leftbox					{float: none; margin-bottom: 10px;}

}

/* Responsive for 1090
======================================================*/
@media (max-width: 1090px) {

.pageContentOneColFullWidth	{ overflow: hidden;}
.pageContentFullWidth		{ display: inline;}
.pageContentFullWidtha		{ float: none; display: inline-block; vertical-align: top; width: 200px; margin-right: 17px;}
.pageContentFullWidthb		{ float: none; width: 200px; display: inline-block; }
.pageContentFullWidthc		{ float: none; max-width: 450px; display: inline-block; vertical-align: top; margin-right: 0px;}
.pageContentFullWidthd		{ float: none; margin-right: 20px; max-width: 100%;  display: inline-block;}
.pageContentFullWidthe		{ float: none; min-width: 280px;  display: inline-block; vertical-align: top;}




}

/* Responsive for 925
======================================================*/
@media (max-width: 926px) {
	
.pageContentOneColFullWidth	{ overflow: hidden;}
.pageContentLeftHalfv2		{ float: none; display: inline-block; overflow: auto; width: 100%}
.pageContentLeft12av2		{ padding-right: 0px; }

.pageContentRightHalfv2		{ float: none; display: inline-block; overflow: auto; width: 100%}
.pageContentRight12av2		{ padding-left: 0px;}
.pageContentFullWidthc		{ max-width: 425px;}
.pageContentFullWidthd		{ margin-right: 20px;}

}


@media (min-width: 1025px) and (max-width: 1127px) {

	html						{ height: auto;}
	body					{ height: auto; width: auto;}
	div#fullWrap				{ height: auto; overflow: auto;}	/*  overflow: scroll; position: relative;   */

	div#pageWrap				{ background:  #245d38 url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) top repeat-x; }
	
	
	.areaIntro				{ padding-left: 0px; }

	div.titleHeaderMain		{ height: 210px; background: url(images/background_headerMain_1920.jpg) center top no-repeat; overflow: hidden; }
	div.titleLogoMain		{ height: 222px; }
	div.titleLogoMain	a	{ width: 396px; height: 159px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) center top no-repeat; left: 0px; top: 0px; }

	div.upperNavOptions		{ right: -164px; }
	div.upperNavOptions	a	{ font-size: 1.2em; line-height: 1.8em; }
	div.upperNavOptions	span + span	{ margin-left: 6px; padding-left: 6px; }
	div.topNavOptions		{ text-align: center; }	
	div.topNavOptions	span + span	{ margin-left: 4px; padding-left: 4px; }
	div.topNavOptions	a	{ font-size: 1.5em; line-height: 2.5em; padding: 5px 8px; }
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,	
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_OWE			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits	{ border-bottom: 6px solid #ffd100; }
	
	.columnOne		{ width: 29%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px;}
	.columnTwo		{ width: 17%; display: inline-block; vertical-align: top; font-size: 1.1em; padding: 3px 0px; }
	.columnThree	{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px; }
	.columnFour		{ width: 29%; display: inline-block; vertical-align: top; font-size: 0.98em; font-weight: normal; padding: 3px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 5px; }
	.cogcc_about  div.contactTable	{ padding: 0px 0px 10px 5px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.0em;}
	
	
	div#localNavContainer2	{ max-width: 1127px; }	
	div.localNav			span + span	{ margin-left: 16px; padding-left: 16px; }
	div.localNav			a	{ font-size: 1.1em; line-height: 1.2em; }
	
	div#localNavContainer2Frames	{ max-width: 1127px; }	
	div.localNavFrames			span + span	{ margin-left: 16px; padding-left: 16px; }
	div.localNavFrames			a	{ font-size: 1.1em; line-height: 1.2em; }
}

@media (min-width: 978px) and (max-width: 1024px) {

	html						{ height: auto;}
	body					{ height: auto; width: auto;}
	div#fullWrap				{ height: auto; overflow: auto;}	/*  overflow: scroll; position: relative;   */

	div#pageWrap				{ background:  #245d38 url(images/background_header_gradient_768.png) top repeat-x; }
	
	
	.areaIntro				{ padding-left: 0px; }

	div.titleHeaderMain		{ height: 210px; background: url(images/background_headerMain_1024.jpg) center top no-repeat; overflow: hidden; }
	div.titleLogoMain		{ height: 222px; }
	div.titleLogoMain	a	{ width: 396px; height: 159px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) center top no-repeat; left: 0px; top: 0px; }

	div.upperNavOptions		{ right: -164px; }
	div.upperNavOptions	a	{ font-size: 1.2em; line-height: 1.8em; }
	div.upperNavOptions	span + span	{ margin-left: 6px; padding-left: 6px; }
	div.topNavOptions		{ text-align: center; }	
	div.topNavOptions	span + span	{ margin-left: 4px; padding-left: 4px; }
	div.topNavOptions	a	{ font-size: 1.4em; line-height: 2.8em; padding: 5px 8px; }
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_OWE			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits { border-bottom: 6px solid #ffd100; }
	
	.columnOne		{ width: 29%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px;}
	.columnTwo		{ width: 17%; display: inline-block; vertical-align: top; font-size: 1.1em; padding: 3px 0px; }
	.columnThree	{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px; }
	.columnFour		{ width: 29%; display: inline-block; vertical-align: top; font-size: 0.98em; font-weight: normal; padding: 3px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 5px; }
	.cogcc_about  div.contactTable	{ padding: 0px 0px 10px 5px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.0em;}
	
	
	div#localNavContainer2	{ max-width: 1024px; }	
	div.localNav			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNav			a	{ font-size: 1.1em; line-height: 1.1em; }
	
	div#localNavContainer2Frames	{ max-width: 1024px; }	
	div.localNavFrames			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNavFrames			a	{ font-size: 1.1em; line-height: 1.1em; }
}

@media (min-width: 918px) and (max-width: 977px) {

	html						{ height: auto;}
	body					{ height: auto; width: auto;}
	div#fullWrap				{ height: auto; overflow: auto;}	/*  overflow: scroll; position: relative;   */

	div#pageWrap				{ background:  #245d38 url(images/background_header_gradient_768.png) top repeat-x; }
	
	
	.areaIntro				{ padding-left: 0px; }

	div.titleHeaderMain		{ height: 210px; background: url(images/background_headerMain_1024.jpg) center top no-repeat; overflow: hidden; }
	div.titleLogoMain		{ height: 222px; }
	div.titleLogoMain	a	{ width: 396px; height: 159px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) center top no-repeat; left: 0px; top: 0px; }

	div.upperNavOptions		{ right: -164px; }
	div.upperNavOptions	a	{ font-size: 1.2em; line-height: 1.8em; }
	div.upperNavOptions	span + span	{ margin-left: 6px; padding-left: 6px; }
	div.topNavOptions		{ text-align: center; }	
	div.topNavOptions	span + span	{ margin-left: 4px; padding-left: 4px; }
	div.topNavOptions	a	{ font-size: 1.3em; line-height: 3.0em; padding: 5px 8px; }
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_OWE			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits	{ border-bottom: 6px solid #ffd100; }
	
	.columnOne		{ width: 29%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px;}
	.columnTwo		{ width: 17%; display: inline-block; vertical-align: top; font-size: 1.1em; padding: 3px 0px; }
	.columnThree	{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px; }
	.columnFour		{ width: 29%; display: inline-block; vertical-align: top; font-size: 0.98em; font-weight: normal; padding: 3px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 5px; }
	.cogcc_about  div.contactTable	{ padding: 0px 0px 10px 5px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.0em;}
	
	
	div#localNavContainer2	{ max-width: 977px; }	
	div.localNav			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNav			a	{ font-size: 1.1em; line-height: 1.1em; }
	
	div#localNavContainer2Frames	{ max-width: 977px; }	
	div.localNavFrames			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNavFrames			a	{ font-size: 1.1em; line-height: 1.1em; }
}


@media (min-width: 868px) and (max-width: 917px) {

	html						{ height: auto;}
	body					{ height: auto; width: auto;}
	div#fullWrap				{ height: auto; overflow: auto;}	/*  overflow: scroll; position: relative;   */

	div#pageWrap				{ background:  #245d38 url(images/background_header_gradient_768.png) top repeat-x; }
	
	
	.areaIntro				{ padding-left: 0px; }

	div.titleHeaderMain		{ height: 210px; background: url(images/background_headerMain_1024.jpg) center top no-repeat; overflow: hidden; }
	div.titleLogoMain		{ height: 222px; }
	div.titleLogoMain	a	{ width: 396px; height: 159px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) center top no-repeat; left: 0px; top: 0px; }

	div.upperNavOptions		{ right: -164px; }
	div.upperNavOptions	a	{ font-size: 1.2em; line-height: 1.8em; }
	div.upperNavOptions	span + span	{ margin-left: 6px; padding-left: 6px; }	
	div.topNavOptions		{ text-align: center; }	
	div.topNavOptions	span + span	{ margin-left: 4px; padding-left: 4px; }
	div.topNavOptions	a	{ font-size: 1.2em; line-height: 2.6em; padding: 11px 8px; }
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_OWE			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits	{ border-bottom: 6px solid #ffd100; }
	
	.columnOne		{ width: 29%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px;}
	.columnTwo		{ width: 17%; display: inline-block; vertical-align: top; font-size: 1.1em; padding: 3px 0px; }
	.columnThree	{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px; }
	.columnFour		{ width: 29%; display: inline-block; vertical-align: top; font-size: 0.98em; font-weight: normal; padding: 3px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 5px; }
	.cogcc_about  div.contactTable	{ padding: 0px 0px 10px 5px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.0em;}
	
	
	div#localNavContainer2	{ max-width: 917px; }	
	div.localNav			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNav			a	{ font-size: 1.1em; line-height: 1.1em; }
	
	div#localNavContainer2Frames	{ max-width: 917px; }	
	div.localNavFrames			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNavFrames			a	{ font-size: 1.1em; line-height: 1.1em; }
}

@media (min-width: 828px) and (max-width: 867px) {

	html						{ height: auto;}
	body					{ height: auto; width: auto;}
	div#fullWrap				{ height: auto; overflow: auto;}	/*  overflow: scroll; position: relative;   */

	div#pageWrap				{ background:  #245d38 url(images/background_header_gradient_768.png) top repeat-x; }
	
	
	.areaIntro				{ padding-left: 0px; }

	div.titleHeaderMain		{ height: 210px; background: url(images/background_headerMain_1024.jpg) center top no-repeat; overflow: hidden; }
	div.titleLogoMain		{ height: 222px; }
	div.titleLogoMain	a	{ width: 396px; height: 159px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) center top no-repeat; left: 0px; top: 0px; }

	div.upperNavOptions		{ right: -164px; }
	div.upperNavOptions	a	{ font-size: 1.2em; line-height: 1.8em; }
	div.upperNavOptions	span + span	{ margin-left: 6px; padding-left: 6px; }
	div.topNavOptions		{ text-align: center; }	
	div.topNavOptions	span + span	{ margin-left: 4px; padding-left: 4px; }
	div.topNavOptions	a	{ font-size: 1.1em; line-height: 2.9em; padding: 11px 8px; }
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_OWE			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits	{ border-bottom: 6px solid #ffd100; }
	
	.columnOne		{ width: 29%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px;}
	.columnTwo		{ width: 17%; display: inline-block; vertical-align: top; font-size: 1.1em; padding: 3px 0px; }
	.columnThree	{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px; }
	.columnFour		{ width: 29%; display: inline-block; vertical-align: top; font-size: 0.98em; font-weight: normal; padding: 3px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 5px; }
	.cogcc_about  div.contactTable	{ padding: 0px 0px 10px 5px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.0em;}
	
	
	div#localNavContainer2	{ max-width: 867px; }	
	div.localNav			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNav			a	{ font-size: 1.0em; line-height: 1.8em; }
	
	div#localNavContainer2Frames	{ max-width: 867px; }	
	div.localNavFrames			span + span	{ margin-left: 8px; padding-left: 8px; }
	div.localNavFrames			a	{ font-size: 1.0em; line-height: 1.8em; }
	
}

@media (min-width: 660px) and (max-width: 827px) {

	html						{ height: auto;}
	body					{ height: auto; width: auto;}
	div#fullWrap				{ height: auto; overflow: auto;}	/*  overflow: scroll; position: relative;   */

	div#pageWrap				{ background:  #245d38 url(images/background_header_gradient_768.png) top repeat-x; }
	
	
	.areaIntro				{ padding-left: 0px; }


	div.titleHeaderMain		{ height: 210px; background: url(images/background_headerMain_1024.jpg) center top no-repeat; overflow: hidden; }
	div.titleLogoMain		{ height: 222px; }
	div.titleLogoMain	a	{ width: 396px; height: 159px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_768.png) center top no-repeat; left: 0px; top: 0px; }

	div.upperNavOptions		{ right: -164px; }
	div.upperNavOptions	a	{ font-size: 1.2em; line-height: 1.8em; }
	div.upperNavOptions	span + span	{ margin-left: 6px; padding-left: 6px; }
	div.topNavOptions		{ text-align: center; }	
	div.topNavOptions	span + span	{ margin-left: 4px; padding-left: 4px; }
	div.topNavOptions	a	{ font-size: 0.9em; line-height: 4.0em; padding: 11px 4px; }
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_OWE			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits { border-bottom: 6px solid #ffd100; }
	
	.columnOne		{ width: 29%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px;}
	.columnTwo		{ width: 17%; display: inline-block; vertical-align: top; font-size: 1.1em; padding: 3px 0px; }
	.columnThree	{ width: 20%; display: inline-block; vertical-align: top; font-size: 1.0em; padding: 3px 0px; }
	.columnFour		{ width: 29%; display: inline-block; vertical-align: top; font-size: 0.98em; font-weight: normal; padding: 3px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 5px; }
	.cogcc_about  div.contactTable	{ padding: 0px 0px 10px 5px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 1.0em;}
	
	
	div#localNavContainer2	{ max-width: 827px; }	
	div.localNav			span + span	{ margin-left: 6px; padding-left: 6px; }
	div.localNav			a	{ font-size: 0.84em; line-height: 1.0em; }
	
	div#localNavContainer2Frames	{ max-width: 827px; }	
	div.localNavFrames			span + span	{ margin-left: 6px; padding-left: 6px; }
	div.localNavFrames			a	{ font-size: 0.84em; line-height: 1.0em; }
	div.OpAgenda				{ display: none; }
}

@media (min-width: 660px) and (max-width: 710px) {
	
	.pageContentFullWidth		{ clear: both; }
	.pageContentFullWidtha		{ max-width: 700px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthb		{ max-width: 700px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthc		{ max-width: 700px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthd		{ max-width: 700px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthe		{ max-width: 700px; width: 100%; margin-right: 0px; }
	div.OpAgenda				{ display: none; }
	
}	

@media (max-width: 659px) {

	html					{ height: auto; background: #ffffff;}
	body					{ height: auto;}
	div#fullWrap			{ height: 100%; overflow: hidden;}	/*  overflow: scroll; position: relative;   */

	div#fullWrap			{ }
	div#pageWrapMain		{ background:  #245d38; }
	div#pageWrap			{ background:  #245d38 url(images/background_header_gradient_320.png) top repeat-x; overflow: hidden; }
	div#fullWrapFrames			{ height: 100%; overflow: hidden;}
	div#pageWrapFrames			{ background:  #ffffff url(images/background_header_gradient_80.png) top repeat-x; overflow: hidden; height: 100%;}

	

	div.titleHeaderMain		{ height: 204px; background: url(images/background_headerMain_640.jpg) center top no-repeat; }
	div.titleLogoMain		{ height: 204px; }
	div.titleLogoMain	a	{ width: 312px; height: 77px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_320.png) center top no-repeat; left: 10px; top: 60px; }
	
	div.titleHeader			{ height: 160px; }
	div.titleLogo			{ height: 160px; }
	div.titleLogo		a	{ width: 230px; height: 57px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_small_320.png) center top no-repeat; left: 15px; top: 65px;}
	
	div#pageWrapFrames div.titleHeader		{ height: 86px; }
	div#pageWrapFrames div.titleLogo			{ height: 86px; }
	div#pageWrapFrames div.titleLogo		a	{ width: 156px; height: 39px; background: url(images/co_dnr_comm_ecmc_cmyk_transparent_small_320.png) center top no-repeat; left: 15px; top: 35px;}

	div.upperSearch					{ right: 8px; }	

	/* ---------------------------------------------------------------- */
	
	div.footer1						{ width: 100%; padding-right: 0px; font-size: 1.0em; }
	div.footer2						{ width: 100%; padding-right: 0px; margin-top: -24px; }
	div.footer4						{ width: 100%; margin-top: 20px;}

	.footerTitle					{ font-size: 1.0em;}
	.footer4  p 						{ margin-top: 0.7em;}
	.copyrightText 					{ height: 15px; font-size: 0.9em; text-align: bottom; margin-top: 1em;}
	
	/* ---------------------------------------------------------------- */

	div.upperNavOptions				{ background: none; text-align: center; right: 0px; padding: 0; min-width: 220px; top: 13px; height: 13px;}
/* 	div.upperNavOptions				{ position: absolute; top: 0px; right: -136px; background: url(images/background_upperNav.png) top left; height: 32px; padding: 12px 0px 0px 136px; min-width: 366px; }	 */

	/* ---------------------------------------------------------------- */
	
	div#topNavContainer1				{ display: none; visibility: hidden;  }
	div#topNavContainer2				{ display: none; visibility: hidden;  }
	div#topNavContainer1_mini		{ display: inline; visibility: visible; height: 100%; background: #245d38; width: 100%; border-bottom: 1px solid #888; }
	div#topNavContainer2_mini		{ display: inline; visibility: visible; height: 100%; margin: 0px auto; position: relative; }
	div#topNavContainer1_miniFrames		{ display: inline; visibility: visible; height: 100%; background: #245d38; width: 100%; border-bottom: 1px solid #888; }
	div#topNavContainer2_miniFrames		{ display: inline; visibility: visible; height: 100%; margin: 0px auto; position: relative; }
	
	div#pageWrap				div#topNavContainer2_mini	/* {padding-top: 1px; padding-bottom: 1px; } */
	div#pageWrapFrames		div#topNavContainer2_mini
	
	div#topNavContainer2		div.topNavOptions    {text-align: left;}
	div#topNavContainer2_miniFrames	div.topNavOptions a	{ font-size: 1.2em; padding: 0px; }
	
	div#pageWrapMain		div#topNavContainer2_mini	div.topNavOptions	a	{ top: 0px; }
	div#pageWrap			div#topNavContainer2_mini	div.topNavOptions	a	{ top: 5px; }
	div#pageWrapFrames	div#topNavContainer2_mini	div.topNavOptions	a	{ top: 0px; }
	
	div#pageWrapMain		div#topNavContainer2_miniFrames	div.topNavOptions	a	{ top: 0px; }
	div#pageWrap			div#topNavContainer2_miniFrames	div.topNavOptions	a	{ top: 5px; }
	div#pageWrapFrames	div#topNavContainer2_miniFrames	div.topNavOptions	a	{ top: -7px; }	
	
	
	div.topNavOptions	span				{ display: block; text-align: left;}
	div.topNavOptions	span + span			{ margin-left: 0px; padding-left: 0px; border-left: none; padding-top: 0px; padding-bottom: 0px; border: none; }
	div#pageWrapFrames  div.topNavOptions	span + span			{ margin-left: -20px; padding-left: 20px; margin-right: -20px; padding-right: 20px; border-left: none; padding-top: 0px; margin-bottom: -10px; border: none; background: #245d38;}
	div.topNavOptions	span	a			{ font-size: 1.4em; display: block; padding-top: 4px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; text-align: left;}
	div#pageWrapMain		div.topNavOptions	span + span	a		{ border-top: 1px solid #888; }
	div#pageWrap			div.topNavOptions	span + span	a		/* { border-top: 1px solid #888; } */
	div.topNavOptions						{ padding: 0px 0px 0px; }


	
	.gcse-search-box .cse .gsc-control-cse	{
		  background-color: transparent;
		  border: 0;
		  padding: 0;
		  display: none; }
		  
	.gcse-search-box .gsc-control-cse	{
		  background-color: transparent;
		  border: 0;
		  padding: 0;
		  display: none; }	  

	.gcse-search-box .gsib_a	{
		  height: 18px!important;
		  border: none!important;
		  padding: 1px 4px;
		  width: 207px!important;
		  display: none; }
		  
	.gcse-search-box .gsib_a .gsc-input	{
		  margin: 0px!important;
		  width: 207px!important;
		  display: none; }	  
		  
	.gcse-search-box .gsib_a .gsc-input::-ms-clear {
		  display: none; }  
		  
	.gcse-search-box .gsc-input-box	{
		  height: 20px!important;
		  display: none; }

	.gcse-search-box .gsc-input	{
		  font-size: 13px!important;
		  display: none; }
		  
	.gcse-search-box .gsc-search-button-v2	{
		  padding-top: 3.5px!important; 
		  padding-bottom: 3.5px!important; 
		  line-height: 13px!important; 
		  padding-left: 15px!important;
		  padding-right: 15px!important;
		  min-width: 0px;
		  height: 22px;
		  display: none; }
		  
	.gcse-search-box td.gsc-search-button	{
		  padding-top: 3.5px!important; 
		  padding-bottom: 3.5px!important; 
		  line-height: 13px!important;
		  display: none; }

	
	/* hide all the top level menu */
	a#topNavAbout,
	a#topNavReg,
	a#topNavData,
	a#topNavDashboard,
	a#topNavGov,
	a#topNavHearings,
	a#topNavMaps,
	a#topNavLibrary,
    a#topNavComplaints,
	a#topNavOWE,
	a#topNavPermits,
	a#topNavMedia{ display: none; }

	/* put them all back for the Main Menu */
	div#pageWrapMain		a#topNavAbout,
	div#pageWrapMain		a#topNavReg,
	div#pageWrapMain		a#topNavData,
	div#pageWrapMain		a#topNavDashboard,
	div#pageWrapMain		a#topNavGov,
	div#pageWrapMain		a#topNavHearings,
	div#pageWrapMain		a#topNavMaps,
	div#pageWrapMain		a#topNavMedia,
	div#pageWrapMain		a#topNavLibrary,
	div#pageWrapMain		a#topNavComplaints,
	div#pageWrapMain		a#topNavOWE,
	div#pageWrapMain		a#topNavPermits { display: block; }

	/* in secondary pages, put back and reformat the proper top-level menu items */
	div.cogcc_about			a#topNavAbout,
	div.cogcc_reg			a#topNavReg,
	div.cogcc_data			a#topNavData,
	div.cogcc_dashboard		a#topNavDashboard,
	div.cogcc_gov			a#topNavGov,
	div.cogcc_hearings		a#topNavHearings,
	div.cogcc_maps			a#topNavMaps,
	div.cogcc_media			a#topNavMedia,
	div.cogcc_library		a#topNavLibrary,
	div.cogcc_complaints	a#topNavComplaints,
	div.cogcc_owe			a#topNavOWE,
	div.cogcc_permits		a#topNavPermits { border-bottom: none; display: inline; }
	
	div#pageWrap					div.topNavOptions	span	a								{ line-height: 2.4em; }	
	div#pageWrapFrames			div.topNavOptions	span	a								{ line-height: 2.4em; }	/* in small format, in the non-home page, primary nav needs extra height */
/* 	div#pageWrap		div.topNavOptions	span									{ background: url(images/nav_menu.png) no-repeat right top; } */
	
	/* ---------------------------------------------------------------- */
	
	div#localNavContainer1				{ height: 100%; border-bottom: 1px solid white; border-top: 3px solid #ffd100;}
	div#localNavContainer2				{ height: 100%; padding-top: 2px; }

	div.localNav			{ background: #001970; padding: 2px 8px; }
	div.localNav			span	{ display: block; text-align: center; }
	div.localNav			span + span	{ margin-left: 0px; padding-left: 0px; border-left: none; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #888; }
	div.localNav	a		{ font-size: 1.3em; line-height: 1.8em; padding: 8px 0px 8px 0px; }
	
	div#localNavContainer1Frames				{ height: 100%; border-bottom: 1px solid white; border-top: 3px solid #ffd100;}
	div#localNavContainer2Frames				{ height: 100%; padding-top: 2px; }

	div.localNavFrames			{ background: #001970; padding: 2px 16px; }
	div.localNavFrames			span	{ display: block;  text-align: center; }
	div.localNavFrames			span + span	{ margin-left: 0px; padding-left: 0px; border-left: none; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #888; }
	div.localNavFrames	a		{ font-size: 1.0em; line-height: 1.2em; padding: 2px 0px 2px 0px; }	
	
	div.cogcc_aboutus			a#localNavAbout,
	div.cogcc_contact			a#localNavContact,
	div.cogcc_commission			a#localNavCommission,
	div.cogcc_email_signup		a#localNavEmail,
	div.cogcc_help				a#localNavHelp,
	div.cogcc_jobs				a#localNavJobs,
	div.cogcc_faqs				a#localNavFAQs,
	div.cogcc_staffmaps			a#localNavStaffMaps,
	div.cogcc_hearings_overview	a#localNavHearingsOverview,
	div.cogcc_hearings_hearings	a#localNavHearings,
	div.cogcc_efiling			a#localNavEfiling,
	div.cogcc_rulemaking		a#localNavRulemaking,
	div.cogcc_hearings_howto	a#localNavHowTo,
	div.cogcc_hearings_info		a#localNavInfo,
	div.cogcc_olderapplications	a#localNavOldApps,
	div.cogcc_hearings_orders	a#localNavHearingsOrders,
	div.cogcc_overview			a#localNavOverview,
	div.cogcc_rules				a#localNavRules,
	div.cogcc_fa				a#localNavFA,
	div.cogcc_well_integrity	a#localNavWellIntegrity,
	div.cogcc_sb_19181			a#localNavsb19181overview,
	div.cogcc_sb_19181_public_comments			a#localNavsb19181publiccomments,
	div.cogcc_sb_19181_doc		a#localNavsb19181doc,
	div.cogcc_sb_19181_guidance	a#localNavsb19181guidance,
	div.cogcc_sb_19181_rulemaking	a#localNavsb19181rulemaking,	
	div.cogcc_policies			a#localNavPolicies,
	div.cogcc_orders			a#localNavOrders,
	div.cogcc_CPWC				a#localNavCPWC,
	div.cogcc_enforcement		a#localNavEnforcement,
	div.cogcc_fa				a#localNavFA,
	div.cogcc_opguide			a#localNavOpGuide,	
	div.cogcc_forms				a#localNavForms,
	div.cogcc_cogis				a#localNavCogis,
	div.cogcc_merp				a#localNavMerp,
	div.cogcc_cogis_old			a#localNavCogisOld,
	div.cogcc_imaged				a#localNavImaged,
	div.cogcc_downloads			a#localNavDownloads,
	div.cogcc_fields				a#localNavFields,
	div.cogcc_prod				a#localNavProd,
	div.cogcc_stat				a#localNavStat,
	div.cogcc_local				a#localNavLocal,
	div.cogcc_state				a#localNavState,
	div.cogcc_federal			a#localNavFederal,
	div.cogcc_gisonline			a#localNavGISOnline,
	div.cogcc_gis_flowlines     a#localNavFlowlinesGIS,	
	div.cogcc_gis_external      a#localNavExternalGIS,
	div.cogcc_press		        a#localNavPress,
	div.cogcc_cora		        a#localNavCORA,	
	div.cogcc_owe		        a#localNavOWE,
	div.cogcc_staff				a#localNavStaff,
	div.cogcc_area				a#localNavArea,
	div.cogcc_forums				a#localNavForums,	
	div.cogcc_presentations		a#localNavPresentations,
	div.cogcc_special_projects	a#localNavSpecial,	
	div.cogcc_technical			a#localNavTechnical,	
	div.cogcc_complaints_loc   	a#localNavComplaints,
	div.cogcc_complaints_search	a#localNavComplaintsSearch,
	div.cogcc_complaints_cdphe  a#localNavComplaintsCDPHE,
	div.cogcc_permits_2			a#localNavPermits,
	div.cogcc_permits_uic		a#localNavUIC,
	div.cogcc_permits_ogdp		a#localNavOGDP,
	div.cogcc_permits_cap		a#localNavCAP,
	div.cogcc_permits_help		a#localNavPermitsHelp,
	div.cogcc_dashboard			a#localNavDashboard	{ border-bottom: 2px solid #ffd100; line-height: 2.0em; margin-bottom: 0px; padding-bottom: 0px; padding-bottom: 0px;padding-top: 0px; margin-top: 0px; }
	
	/* ---------------------------------------------------------------- */
	
	div.contentBody				{ min-height: 0px; padding: 16px 8px 0px; }
	
	.pageContentFullWidth		{ clear: both; }
	.pageContentFullWidtha		{ max-width: 650px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthb		{ max-width: 650px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthc		{ max-width: 650px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthd		{ max-width: 650px; width: 100%; margin-right: 0px; }
	.pageContentFullWidthe		{ max-width: 650px; width: 100%; margin-right: 0px; }


	.pageContentLeftHalf		{ width: 100%; float: none; }
	.pageContentLeft12a			{ padding-right: 0px; }
	.pageContentLeft12b			{ }

	.pageContentRightHalf		{ width: 100%; float: none; }
	.pageContentRight12a		{ padding-left: 0px; }
	.pageContentRight12b		{ }
	
	.pageContentLeftHalfv2		{ float: none; width: 100%; }
	.pageContentRightHalfv2		{ float: none; width: 100%; }
	.pageContentLeft12av2		{ padding-right: 0px; }
	.pageContentRight12av2		{ padding-left: 0px; }

	.pageContentLeft2Thirds		{ clear: both; }
	.pageContentLeft2ThirdsLocal{ clear: both; margin-bottom: 15px; }
	.pageContentLeft23a			{ margin-right: 0px; float: none; width: 100% }
	.pageContentLeft23b			{ margin-right: 0px; }
	.pageContentRight13			{ float: none; width: 100%; margin-bottom: 15px;}
	.pageContentRight13_email	{ float: none; max-width: 320px; margin-left: 0px; }

	.pageContentBackground		{ }
	
	div.pageImage				{ width: auto; padding: 0px 16px 0px; margin-top: 16px; }
	div.pageImage	img			{ width: auto; max-width: 100%; margin: 0px auto 0px; border: 2px solid white; display: block; }
	div.pageImageLocal			{ display: none; }
	div.pageTitle				{ margin: 16px; }
	.areaIntro					{ padding-left: 16px; padding-right: 16px; margin-bottom: 24px; }
	.areaSearch					{ background: none;	 margin: 16px 16px; }
	.areaWhite					{ background: white; margin-bottom: 10px;}

	div.pageContentImageLeft				{ float: none; margin: 0px 0px 8px; display: block; }
	div.pageContentImageLeft		img		{ border: 1px solid white; margin: 0px auto 8px; display: block; max-width: 100%; }
	div.pageContentImageLeftSpecial   img	{ display: none; }
	table.fedtable td.disappear			{display: none;}
	div.pageContentImageRight			{ float: none; margin: 0px 0px 8px; display: block;}
	div.pageContentImageRight	img		{ border: 1px solid white ;margin: 0px auto 8px; display: block; max-width: 100%; }
	
	
	.columnOne		{ width: 21%; display: inline-block; font-size: 0.92em; padding: 2px 0px; word-wrap: break-word; margin-left: 0px; }
	.columnTwo		{ width: 29%; display: inline-block; font-size: 0.92em; padding: 2px 0px; }
	.columnThree	{ width: 22%; display: inline-block; font-size: 0.92em; padding: 2px 0px; }
	.columnFour		{ width: auto; display: inline-block; font-size: 0.92em; padding: 2px 0px; word-wrap: break-word; }
	
	.cogcc_about  div.contentArticle	{ padding: 0px 2px 5px 0px; }
	.cogcc_about  div.contactTable	{ padding: 0 2px 10px 0px; }
	
	.cogcc_forms .contentTitle	{ font-weight: bold; font-size: 0.85em;}
	
	
	div.newwindowtoollink1						{ margin-bottom: 0px; text-align: center; font-size: 1.3em; }
	div.newwindowtoollink2						{ margin-bottom: 0px; text-align: center; font-size: 1.3em; }
	div.newwindowtoollink3						{ margin-bottom: 8px; text-align: center; font-size: 1.3em; }
	
	div.OpAgenda				{ display: none; }


	/* Areas------------------------ */
	.areaWhiteInner				{ background: white; padding: 8px 5px 8px 5px; }
	.areaNormal					{ background: none;	 margin-bottom: 24px; }
	.areaPanel					{ background: white; margin-bottom: 24px; padding: 16px; }
	.areaDocList				{ background: white; margin: 0px 8px 8px; padding: 8px; 
									border-top: 4px solid black; border-bottom: 4px solid black; }
	.areaDocList		li		{ border-bottom: 1px solid #eee; }


}
	
@media (max-width: 480px) {
	
	#filterbox			{ display: none; }
	.searchLabel		{ font-size: 0em; }
	#searchStaff		{ width: 125px; }
	div.contentBody 	a[href^="tel"]:link,
	div.contentBody		a[href^="tel"]:visited, 
	div.contentBody		a[href^="tel"]:hover {
	pointer-events: auto;
	text-decoration:    none;
	}
	
	.contentTitle.columnOne		{ width: 22%; }
	.contentTitle.columnTwo		{ width: 28%; }
	.contentTitle.columnThree	{ width: 10%; }
	.contentTitle.columnFour	{ display: none; }
	
	div.contentWPHeader.contacts			{ padding: 8px 5px 8px 16px; }
	.cogcc_about	div.contentArticle.contacts	{ padding: 0px 0px 5px 0px; width: 100%; }
	
	.columnOne		{ width: 22%; display: inline-block; font-size: 0.92em; padding: 2px 0px; word-wrap: break-word; margin-left: 0px; }
	.columnTwo		{ width: 28%; display: inline-block; font-size: 0.92em; padding: 2px 0px; }
	.columnThree	{ width: 22%; display: inline-block; font-size: 0.92em; padding: 2px 0px; }
	.columnFour		{ width: 25%; display: inline-block; font-size: 0.92em; padding: 2px 0px; word-wrap: break-word; }
	
	div.OpAgenda				{ display: none; }
	
	.gcse-search-box .cse .gsc-control-cse	{
		  background-color: transparent;
		  border: 0;
		  padding: 0;
		  display: none; }
		  
	.gcse-search-box .gsc-control-cse	{
		  background-color: transparent;
		  border: 0;
		  padding: 0;
		  height: 22px!important;
		  display: none; } 

	.gcse-search-box .gsib_a	{
		  border: none!important;
		  padding: 1px 4px;
		  width: 207px!important;
		  display: none; }
		  
	.gcse-search-box .gsib_a .gsc-input	{
		  height: 15px!important;
		  margin: 0px!important;
		  width: 169px!important;
		  display: none; }	  
		  
	.gcse-search-box .gsib_a .gsc-input::-ms-clear {
		  display: none; }  
		  
	.gcse-search-box .gsc-input-box	{
		  height: 18px!important;
		  display: none; }
		  
	.gcse-search-box .gsc-input-box	table{
		  vertical-align: middle!important; }	  

	.gcse-search-box .gsc-input	{
		  font-size: 15px!important;
		  line-height: 15px!important;
		  display: none; }

	.gcse-search-box .gsc-input	.gsc-input-box {
		  padding-bottom: 1px!important;
		  padding-top: 1px!important; }	  
		  
	.gcse-search-box .gsc-search-button-v2	{
		  padding-top: 3.5px!important; 
		  padding-bottom: 3.5px!important; 
		  line-height: 13px!important; 
		  padding-left: 15px!important;
		  padding-right: 15px!important;
		  min-width: 0px;
		  height: 22px;
		  display: none; }
		  
	.gcse-search-box td.gsc-search-button	{
		  padding-top: 3.5px!important; 
		  padding-bottom: 3.5px!important; 
		  line-height: 13px!important;
		  display: none; }	

}
/* Accessibility fixes */
/* hide content that will be read by a screen reader */
.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip-to-main-content-link {
	position: absolute;
	left: -9999px;
	z-index: 999;
	background: #245d38;
	color: white;
	opacity: 0;
	padding:1em;
    border-radius: 15px;
    border:4px solid #ffd100;
    text-align:center;
    font-size:1.2em;
  }
.skip-to-main-content-link:focus {
left: 50%;
transform: translateX(-50%);
opacity: 1;
}  
/* footer */
div.footerMain		a:link		{ line-height: 25px; }
/* home page */
div.contentBody		a:link		{ color: #031987; text-decoration: underline; }
.dailydash {
    font-size: 125%;
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 30px;
    text-align: center;
    color: #0b581f;
    text-shadow: black 0 -1px 0 #888;
}
/* general */
h1.contentWPHeader, h2.contentWPHeader	{ background: #ffd100; color: black; font-family: 'museo_slab500', Arial, sans-serif; font-size: 1.4em; font-weight: bold; padding: 8px 13px; }
/* about the ECMC */
h2.aboutMission, h3.aboutMission { font-size: 1.25em; font-weight: bold; font-style: italic; text-align: center; }
h3.aboutDirector, h4.aboutDirector { font-size: 1.25em; text-align: center; }
/* complaints */
h2.complaintsSectionSmall {text-align: center; color: #000000; margin-bottom: 15px; font-weight:bold; text-decoration: underline;}
h2.complaintsSection {text-align: center; font-size: 1.6em; color: #000000; margin-bottom: 15px; margin-top: 15px; font-weight:bold; text-decoration: underline;}
h2.complaintsFaq {text-align: center; font-size: 1.6em; font-weight:bold;}
/* hearings */
h2.rulemakingHead {font-weight: bold; text-decoration: underline;}
/* OWE */
h2.oweHead, h3.oweHead, h4.oweHead {font-size: 1.1em; font-weight: bold; padding-bottom:20px; text-decoration: underline; }
/* library */
h2.libraryProjects {font-size: 1.5em; font-weight: bold; text-decoration: underline;}
h2.headStrongLarge {font-size: 1.5em; font-weight: bold;}
h2.headStrong, h3.headStrong {font-size: 1.2em; font-weight: bold;}