/******************************************************************

Theme: Simply
Variant: Greenish
Author: Nick Bentley
Version: 2.1

*******************************************************************/

/** Reset Minimized ***********************************************/
/******************************************************************/
@charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}label, input[type=button], input[type=submit], button { cursor: pointer; }

table.general_tables td { border-width: 1px; border-style: solid; }
#meeting_dates table { border-width: 1px; border-style: solid; }
table.histarchive_table { border-width: 1px; border-style: solid; color: #000;}

/** Sitewide Styles ***********************************************/
/******************************************************************/

/* body { background: #adb900; font: 14px/20px Verdana, Geneva, sans-serif; color: #fff; } */
/* body { background: #4e6128; font: 14px/20px Verdana, Geneva, sans-serif; color: #fff; } */
 body { background: #004225; font: 14px/20px Verdana, Geneva, sans-serif; color: #000; } 
#shell { margin: 0 auto; }
a { text-decoration: none; }
.container { margin: 0 auto; width: 950px; position: relative; }
.imgLeft { float: left; margin: 0 12px 5px 0; }
.imgRight { float: right; margin: 0 0 5px 12px; }
.clear { clear: both; }
.twoCols { width: 50%; float: left; }
.hidden { display: none; visibility: hidden; } 
.invisible { visibility: hidden; }


::-moz-selection{ background: #555; color:#fff; text-shadow: none; }
::selection { background:#555; color:#fff; text-shadow: none; } 


/** Header Styles *************************************************/
/******************************************************************/

header { position: relative; z-index: 2; }

/*	#titlebar { background: url(../img/bgTitleBar.jpg) repeat-x; height: 128px; } */
	#titlebar { height: 128px; }
	
		#logo { padding: 45px 0 0; width: 300px; }
		
			#logo p { margin: 0; }
			#logo .Logo_Title { font-size: 40px; color: #fff; text-decoration: none; }
			#logo .Logo_Title .subTitle { font-size: 22px; color: #ddd; margin: 0; }
		
		header nav { position: absolute; top: 7px; right: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; z-index: 2; }
			
			header nav ul {  }
			header nav ul li { background: #050505 url(../img/bgNavLi.jpg) top left repeat-x; float: left; margin: 0 0 0 2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; position: relative; }
			.lt9 header nav ul li { border-right: 1px solid #222; border-bottom: 1px solid #222; }
			header nav ul li a { display: block; padding: 8px 25px; color: #fff; -moz-text-shadow: 1px 1px 0px #000; -webkit-text-shadow: 1px 1px 0px #000; text-shadow: 1px 1px 0px #000; }
			header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { background: #000; }
			header nav ul li a:hover {  }
			
				header nav ul ul { display: none; position: absolute; width: 180px; background: #000; top: 36px; left: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 1px 1px 2px #222;  -webkit-box-shadow: 1px 1px 2px #222; box-shadow: 1px 1px 2px #222;  }
				.lt9 header nav ul ul { border-right: 1px solid #777; border-bottom: 1px solid #777; }
				header nav ul li:hover ul { display: block; }
				header nav ul li ul li { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: none; margin: 0; }
				.lt9 header nav ul li ul li { border: none; }
				header nav ul li ul li a { padding: 5px 0 5px 25px; display: block; }
				header nav ul li ul li:hover, header nav ul li ul li.nav-selected  { background: #555; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	
		#search { position: absolute; top:75px; right: 0;  }
		
			#search h3 { display: none; }
			#search input { display: block; float: left; border: none; padding: 0; }
			#search input[type="text"] { background: url(../img/bgSearch.gif); width: 172px; height: 22px; font-size: 13px; color: #ccc; padding: 2px 5px; }
			#search input[type="submit"] { background: url(../img/btnSubmit.gif); width: 49px; height: 26px; line-height: 0; text-indent: -9999em; }
	
	#headerImg { position: relative; height: 315px; background: url(../img/bgHeader.jpg) top center repeat-x; z-index: 1; }
	.subpage #headerImg { height: 100px; display: none; }
	
		.vignette {  }
		
			.vignette img { padding: 0 0 0 550px; }
			.vignette .powerPhrase { position: absolute; top: 45px; left: 100px; text-align: right; font-size: 45px; text-transform: uppercase; color: #fff; line-height: 48px; }


/** CTA Styles ****************************************************/
/******************************************************************/

/* #ctaShell { border-bottom: 2px solid #fff; background: url(../img/bgHeader.jpg) bottom center repeat-x; overflow: auto; z-index: 1; position: relative; } */

#ctaShell { overflow: auto; z-index: 1; position: relative; }
	
	.ie7 #ctaShell .container { padding-bottom: 28px; }
		
		/* .cta { display: block; position: relative; width: 224px; height: 136px; background: url(../img/bgCta.jpg) no-repeat; overflow: hidden; margin: 28px 0 28px 4px; padding: 15px 10px 10px 80px; float: left; } */
		.cta { display: block; position: relative; width: 224px; height: 136px; overflow: hidden; margin: 28px 0 28px 4px; padding: 15px 10px 10px 80px; float: left; }
		.cta:first-child { margin-left: 0 !important;  }
		.homepage .cta { margin: 0 0 28px 4px; }
		
			.ctaTitle { font-size: 20px; }
			.blue .ctaTitle { color: #a7d90f; }
			.ctaDesc { display: block; color: #fff; font-size: 13px; margin: 13px 0; }
			.ctaReadMore { font-weight: bold; color: #fff; font-size: 13px; }
			.ctaReadMore:hover { text-decoration: underline; }
			.ctaImg { position: absolute; top: 1px; left: 0; text-align: center; height: 150px; overflow: hidden; width: 78px; }
		

/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell { position: relative; z-index: 1; background: #004225 url(../img/bgMainShell.jpg) repeat-x top left; padding-top: 20px; margin: 0 0 30px;}
/* #mainShell .container { background: #704625; border: 1px solid #fff; width: 950px; padding: 40px 4px; } */
#mainShell .container { background: #e5e3be; border: 1px solid #fff; width: 950px; padding: 40px 4px; }
body.full #mainShell .container {  }
		
	
		.clip { width: 48px; height: 48px; background: url(../img/bgTLCorner.png); position: absolute; top: -4px; left: 0; z-index: 3; }
		
		/** General Content Elements ******************************/
		/**********************************************************/
		
		#mainShell  hgroup {  }
		#mainShell  h1 { font-size: 24px; color: #004225; text-transform: uppercase; margin: 0 0 15px;}
		/*#mainShell  h2 { font-size: 18px; color: #a7d90f; text-transform: uppercase; margin: 15px 0 5px; } */
		#mainShell  h2 { font-size: 18px; color: #004225; text-transform: uppercase; margin: 15px 0 5px; }
		#mainShell  h1+h2 { margin: -15px 0 20px; }
/*		#mainShell  h3 { font-size: 15px; color: #1dd90f; } */
		#mainShell  h3 { font-size: 15px; color: #004225; }
		#mainShell  p { margin: 0 0 15px;  }
/*		#mainShell  a { color: #a7d90f; font-style: italic;}  
		#mainShell  a { color: #004225; font-style: italic;}*/
		#mainShell  a { color: #4eb725; font-style: italic;}
		#mainShell  a:hover { text-decoration: underline; }
		#mainShell  strong {  }
		#mainShell  em {  }
		#mainShell  blockquote { margin: 0 0 15px; }
		#mainShell  ul, ol { margin: 15px 0 15px 15px; }
		#mainShell  ul ul, #mainShell ol ol { margin: 0 0 0 20px; }
		#mainShell  ul {  }
		#mainShell  li {  }
		#mainShell  ul li { list-style: disc; }
		#mainShell #dsq-content ul li { background: none; padding: 0; list-style: none !important; }
		#mainShell  li li { list-style: square; }
		#mainShell  li li li { list-style: circle; }
		#mainShell  ul li a {  }
		#mainShell  ol {  }
		#mainShell  ol li { list-style: decimal; }
		#mainShell  ol ol { margin: 5px 0 5px 50px; }
		#mainShell  dl { margin: 15px 0; }
		#mainShell  dl dt { font-weight: bold; }
		#mainShell  dl dd { margin: 0 0 0 25px; }
		#mainShell  hr {  }
		#mainShell  img {  }
		#mainShell  hr { margin: 15px 0; }
	
		/** Form Elements ******************************************/
		/***********************************************************/
		
		#mainShell  form {  }
		#mainShell  fieldset {  }
		#mainShell  label {  }
		#mainShell  input, #mainShell  textarea, #mainShell  select { vertical-align:middle; }
		#mainShell  input {  }
		#mainShell  input[type="submit"] {  }
		#mainShell  textarea {  }
		#mainShell  select {  }

		
		
	#mainShell article { background: url(../img/bgArticleSide.jpg) top right repeat-y; width: 550px; float: left; min-height: 280px; padding: 0 40px; position: relative; }
	body.full #mainShell article { float: none; width: auto; }
	
		#mainShell article .clip {  }
		#mainShell article blockquote { border-left: 3px solid #999; padding-left: 30px; }
	
	#mainShell #sidebar { float: left; width: 230px; min-height: 280px; margin-left: 10px; padding: 0 40px; position: relative; }
	
		#subNav { margin: 0 0 20px; }
		
			#subNavHeading { font-size: 22px; color: #ccc; text-transform: uppercase; display: block; margin: 0 0 10px; }
			#subNav ul { margin: 0; padding: 10px 15px; background: #111; border-right: 1px solid #555; border-bottom: 1px solid #555; }
			#subNav ul li { list-style: none !important; }
			#subNav ul li a { display: block; line-height: 1.5em; padding: 0 0 0 5px;  }
			#subNav ul li a:hover { text-decoration: none !important; background: #222; }
			
		
		#mainShell #sidebar .clip {  }
/*		#mainShell #sidebar h2 { color: #a7d90f; } */
		#mainShell #sidebar h2 { color: #004225; }
		#mainShell #sidebar blockquote { font-size: 32px; line-height: 30px; }
		
	#mainShell #btm, #mainShell #top { height: 11px; width: 960px; position: absolute; left: 0; }
	#mainShell #btm { background: url(../img/bgMainShellArticle.gif) no-repeat -2px bottom; bottom: 0px; }
	body.full #mainShell #btm { background-image: url(../img/bgMainShellArticle-full.gif); }
	#mainShell #top { background: url(../img/bgMainShellTop.gif) no-repeat -2px top;  top: -5px; }
	body.full #mainShell #top { background-image: url(../img/bgMainShellTop-full.jpg); }
	.ie7 #mainShell #top { height: 5px; }


/** Footer Styles *************************************************/
/******************************************************************/

footer.container { position: relative; border-top: 2px solid #444; padding: 30px 0 50px 250px; width: 700px }

	#footerLogo { position: absolute; left: 0; top: 8px; }
	
	footer nav {  }
	footer nav ul {  }
	footer nav ul li { display: inline; padding: 0 4px; color: #111; }
	footer nav ul li:first-child { padding-left: 0; }
	footer nav ul li a { font-size: 12px; color: #111; text-transform: uppercase; }
	footer nav ul li a:hover { text-decoration: underline; }
	footer nav ul li.hover a {  }
	
	#address { font-size: 11px; color: #fff; }
	
		.fn { font-weight: bold; }
		.fn, .adr, .tel { margin: 0 15px 0 0; }
	
	#vivid { text-indent: -9999em; }
	
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */


/* iPad landscape ----------- */
@media only screen and (max-device-width : 960px) {
 
 body { overflow-x: hidden; }
 
.container { width: 90%; }

#titlebar { height: auto; }

#logo { margin-left: 15px; height: 100px; }

.cta { width: 27%; height: 10%; padding: 1% 2.5%; margin: 30px 4px; background: #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 2px 2px 0px #6f793a; }
.cta img { display: none; }

.vignette .powerPhrase { width: 52% }

#mainShell { clear: both; }

	#mainShell article { width: 60%; padding: 20px; float: left; margin: 0 0 0 20px; background: #000; }
	
	#mainShell #sidebar { width: 20%; background: #000; }
	
	#mainShell .container { width: 90%; }
		
		.clip { display: none; }
	
	#btm, #top {  }

footer.container { padding-left: 0; width: 90%; clear: both; }	
	#footerLogo { display: none; }
	footer nav { }

	#address { margin-left: 0px; margin-top: 20px; }
		.fn { display: block; }
		.street-address { display: block; }
		.tel { display: block; }
	
	.ccm-layout-row.fourColRow .ccm-layout-col { width: 50% !important }

}



/* iPad portrait ----------- */
@media only screen and (max-device-width : 768px) {
  
.container { width: 90%; }

#titlebar { height: auto; }

	#logo { margin-left: 15px; }
	
	header nav { position: static; margin: 30px 0 0 0; }
	header nav ul { margin: 0 auto; width: 95%; }
	header nav ul li { float: none; width: auto; display: block; margin: 0 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	header nav ul li a {  }
	
	header nav ul ul { display: none !important; position: absolute !important; visibility: hidden !important; }*/
	
	#search { position: static; margin: 10px 20px 0 20px; }
	
#headerImg { display: none; }

#ctaShell { padding-left: 30px; }
.cta { width: 25%; height: auto; padding: 1% 3% 3% 3%; margin: 20px 0 15px 10px !important; }
.cta p, .ctaReadMore { display: none; }
.ctaDesc { display: none !important; }

#mainShell { clear: both; }

	#mainShell article { background: none; background: #000; width: 90%; padding: 20px; margin: 0 0 0 20px; float: none; }
	
		#mainShell .container { background: #000; width: 90%; }
		
		.clip { display: none; }
	
	#mainShell #sidebar { float: none; width: 93%; padding: 40px 10px; margin: 0 0 0 20px; }
	
	#btm, #top { }

footer.container { padding-left: 0; width: 90%; clear: both; }	
	#footerLogo { display: none; }
	footer nav {  }

	#address { margin-left: 15px; }	
		.fn { display: block; }
		.street-address { display: block; }
		.tel { display: block; }
	

}


/* Mobile landscape + portrait ----------- */
@media only screen and (max-device-width : 480px) {

.container { width: 90%; overflow-x: hidden; }

		header nav { position: static; margin: 30px 0 0; }
	header nav ul { margin: 0 auto; padding: 0; width: 90%; }
	header nav ul li { float: none; width: auto; display: block; margin: 0 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	header nav ul li a {  }
	
	header nav ul ul { display: none !important; position: absolute !important; visibility: hidden !important; }
	
	#search { position: static; margin: 25px 25px 25px 15px; padding: 0 0 20px 0; }
	
	#ctaShell { padding: 10px 0 10px 15px; }
	.cta { width: 90%; height: 15px; padding: 2% 3% 4% 3%; margin: 5px 0 5px 0 !important; clear: both; }

	.ccm-layout-row.fourColRow .ccm-layout-col { width: 100% !important }

	#mainShell article { width: 78%; padding: 10px; float: none; }
	
		#mainShell .container { background: #000; width: 90%; margin: 10px; padding: 20px 5px; }
	
	#mainShell #sidebar { float: none; width: 78%; padding: 20px; margin: 0 0 0 20px; }	
	

}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  header, #ctaShell, #footerLogo, footer nav, #vivid { display: none; }
  footer { padding-left: 0; }
}