/* ------------------------ */
	/*	CSS IMPORTS				*/
	/* ------------------------ */
	@import "meyer-reset.css";
	@import "nav.css";

	/* ------------------------ */
	/*	COLORS					*/
	/* ------------------------ */
	/*
		Dark Green: 		#14754e		.color1
		Light (Slate) Blue: #39585a		.color2
		Dark Blue: 			#223c3d		.color3
		Brown: 				#8a4d17		.color4
		Yellow (Links): 	#f0cb01

	*/

	/* ------------------------ */
	/*	BASIC ELEMENTS			*/
	/* ------------------------ */
	html { height:100%; margin-bottom:1px; }
	body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; }
		
	strong { font-weight: bold; }
	em { font-style: italic; }

	h1, h2, h3, h4, h5, h6, p, li, cite { font-size: 1.1em; line-height: 1.4em; color: #fff; } /* 1.6 or 1.4 ? */
		cite { font-style: normal; }

	li h3, li h4, li h5, li h6, li p, li li { font-size: 1em; }

	dt { color: #fff; font-size: 1.1em; font-weight: bold; }
		dt span { font-weight: normal; }

	sup { font-size: 0.3em; vertical-align: top; }
	
	a { font-weight: bold; color: #f0cb01; text-decoration: none; }
		a:hover { text-decoration: underline; }
		.mouseover a { text-decoration: underline; }

	.replace {  }
	.clickable { cursor: pointer; }
	.noshow { position: absolute; left: -5000px; }


	/* ------------------------ */
	/*	FORM BUTTONS			*/
	/* ------------------------ */
	button, a.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #fff; border: 0; cursor: pointer; margin: 0 0 0 -2px; padding: 0 14px 0 0; text-align: center; height: 22px; line-height: 22px; }
		a.button { display: block; }
		button::-moz-focus-inner, a.button::-moz-focus-inner { border: none;} 		
		button span, a.button span { position: relative; display: block; white-space: nowrap; margin: 0; padding: 0 0 0 14px; height: 22px; line-height: 22px; border: 0; }
		button span.widerbutton { width:108px; _margin-left:-21px; _width:90px; }
		button span.evenwiderbutton { position: relative; display: block; white-space: nowrap; margin: 0; padding: 0 0 0 14px; height: 22px; line-height: 22px; border: 0; width:116px; }
			
		.color1 button, .color1 a.button { background: url(../_img/color1_button_right.png) no-repeat top right; }
		.color1 button span, .color1 a.button span { background: url(../_img/color1_button_left.png) no-repeat top left; }
	
		.color2 button { background: url(../_img/color2_button_right.png) no-repeat top right; }
		.color2 button span { background: url(../_img/color2_button_loft.png) no-repeat top left; }

		.color4 button, .color4 a.button { background: url(../_img/color4_b.png) no-repeat top right; }
		.color4 button span, .color4 a.button span { background: url(../_img/color4_c.png) no-repeat top left; }

		button:hover, a.button:hover { background-position: right -22px !important; text-decoration: none; }
			button:hover span, a.button:hover span { background-position: 0 -22px !important; }


	/* ------------------------ */
	/*	FORMS					*/
	/* ------------------------ */
	input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 1.1em; }
		.color2 input, .color2 textarea { background-color: #587779; border: 1px solid #587779; }
		.color4 input, .color4 textarea { background-color: #a36c2f; border: 1px solid #a36c2f; }


	/* ------------------------ */
	/*	FORM VALIDATION			*/
	/* ------------------------ */
	.validation_notice { background: #104B33 url(../_img/color1_dashed.png) left top repeat-x; margin-bottom: 20px; }
	.validation_notice .validation_inside { background: transparent url(../_img/color1_dashed.png) left bottom repeat-x; padding: 15px 20px 10px; }
	.validation_notice h3 { background: transparent url(../_img/validati.png) left center no-repeat; padding-left: 50px; margin-bottom: 20px; line-height: 29px; }
		input.invalid, textarea.invalid, select.invalid { border: 1px solid #fff; background-color: #104B33 !important; }
		select.invalid option { background-color: #587779; }
	.validation_notice ul { margin-left: 0 !important; }
		.validation_notice ul li { padding-left: 15px !important; margin-bottom: 0.4em !important; background: url(../_img/color1_b.png) no-repeat 0 6px; list-style-type: none !important; }
	.validation_notice strong { color: white !important; }
	
	#unsub .validation_notice { background: #2f4c4d url(../_img/color2_d.png) left top repeat-x; width: 525px; }
	#unsub .validation_notice .validation_inside { background: transparent url(../_img/color2_d.png) left bottom repeat-x; }
	#unsub .validation_notice h3 { background-image: url(../_img/validati.png); }
	#unsub .invalid { background-color: #2f4c4d !important; }
		
	/* ------------------------ */
	/*	PULL QUOTES				*/
	/* ------------------------ */
	blockquote { background: url(../_img/color1_o.png) left top no-repeat; padding: 23px 0 0 0; margin-bottom: 8px; }
	blockquote .inside { background: url(../_img/color1_c.png) right bottom no-repeat; padding: 0 0 13px 0; }
	blockquote p { margin: 0 0 1em; font-size: 1.1em; line-height: 1.9em; }
	blockquote p.last { margin: 0; }


	/* ------------------------ */
	/*	CLEARING FLOATS			*/
	/* ------------------------ */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .clearfix {height: 1%;}	

	#container { width: 800px; margin: 0 auto; position: relative; padding-bottom: 20px;}
	
	#header { height: 70px; /* position: relative; */ }
		#logo { margin-top: 10px; vertical-align: middle; }
		#tagline { color:#14754e }
	
		#contactUsNow { position: absolute; top: 0; right: 0; width: 253px; height: 34px; margin-top:3px; text-align:center; line-height:34px; color:#FFFFFF; }
			#contactUsNow:hover, #contactUsNowAlliances:hover { background-position: 0 -34px; text-decoration:none; }		
	
			#contactUsNow { background-image: url(../_img/contactb.png); }

	
	/* ------------------------ */
	/*	BASIC BOXES LAYOUT		*/
	/* ------------------------ */
	/*
		1, 1, 1, 1: 	|----|----|----|----|
		1, 3:			|----|--------------|
		3, 1:           |--------------|----|
		2, 2:           |---------|---------|
		2, 1, 1:		|---------|----|----|
		1, 1, 2: 		|----|----|---------|
	*/
	
	
	div.col { float: left; margin-right: 8px; padding: 1px 8px 13px 15px; }
		div.last { margin-right: 0 !important; border-bottom: 0 !important; }
		div.narrow { width: 169px; }
		div.mid { width: 371px; }
		div.wide { width: 572px; }
		div.wider { width: 775px; }

		div.color0 { background: none !important; } /* No BG */
		div.color1 { background-color: #14754e !important; background-image: url(../_img/color5_s.png); background-repeat: no-repeat; background-position: top left; } /* Green */
		div.color2 { background-color: #39585a !important; background-image: url(../_img/color5_s.png); background-repeat: no-repeat; background-position: top left; } /* Lt. Blue */
		div.color3 { background-color: #223c3d !important; background-image: url(../_img/color5_s.png); background-repeat: no-repeat; background-position: top left; } /* Dk. Blue */
		div.color4 { background-color: #4b3f77 !important; background-image: url(../_img/color5_s.png); background-repeat: no-repeat; background-position: top left; } /* Purple */
		div.color5 { background-color: #004d74 !important; background-image: url(../_img/color5_s.png); background-repeat: no-repeat; background-position: top left; } /* Blue */

		div.stripe1, div.stripe2, div.stripe3, div.stripe4 { width: 194px !important; background-position: inherit !important; background-repeat: repeat-y !important; padding: 0 0 27px 0 !important; }
			div.stripe1 { background-image: url(../_img/color1_t.png) !important; }
			div.stripe2 { background-image: url(../_img/color2_t.png) !important; }
			div.stripe3 { background-image: url(../_img/color3_t.png) !important; }
			div.stripe4 { background-image: url(../_img/color4_t.png) !important; }
		
		div.hero { padding: 0 !important; }
			div.heroNarrow { width: 152px; }
			div.heroMid { width: 396px; }
			div.heroWide { width: 640px; }
		
		div.heroSidebar { height: 376px !important; overflow: hidden !important; }
		
		div.leaves { padding-left: 0 !important; }
			div.leavesNarrow { width: 211px; }
			div.leavesMid { width: 445px; }
			div.leavesWide { width: 679px; }
			div.leavesWider { width: 914px; }
			
		div.promo { padding: 0 !important; background-color: none !important; }

	div.stackList { width: 194px; padding: 0 0 27px !important; }
	div.stackLast { border-bottom: 0 !important; }
	div.stack { border-bottom: 8px solid #fff; padding: 1px 15px 13px 15px; background-repeat: no-repeat; }
	
	div.col h2 { padding-top: 0px; margin-top: 0; }
	div.stack h4, div.stack2 h4, div.stack3 h4 { padding-top: 28px; }

	div.pageContent { width: 370px; padding: 0 7px 15px 15px; float: left; background-position: 0 16px; background-repeat: no-repeat;  }
		.color1 div.pageContent { background-image: url(../_img/color1_v.png); }		
		.color2 div.pageContent { background-image: url(../_img/color2_v.png); }		

		div.pageContent p { margin-bottom: 1em; }
		div.pageContent h4 { color:#f0cb23; }
		ul.traditional { margin-bottom: 1em; }
		ul.traditional li { margin-bottom: 0.8em; padding-left: 12px; }		
			ul.traditional li li { padding-left: 0 !important; background: none !important; }
			.color1 ul.traditional li { background: url(../_img/color1_bullet.png) no-repeat 0 6px; }
			.color2 ul.traditional li { background: url(../_img/color2_bullet.png) no-repeat 0 6px; }
			.color3 ul.traditional li { background: url(../_img/color3_bullet.png) no-repeat 0 6px; }
			.color4 ul.traditional li { background: url(../_img/color4_bullet.png) no-repeat 0 6px; }
		
		ol.traditional { margin-left: 20px; }
			ol[type="1"] { list-style-type: decimal !important; }
			ol[type="i"] { list-style-type: upper-alpha !important; }
			ol[type="A"] { list-style-type: lower-roman !important; }
			ol[type="a"] { list-style-type: lower-alpha !important; }
			ol.traditional li { margin-bottom: 0.8em; }
				ol.traditional li div, ul.traditional li div  { margin-bottom: 0.8em; }
		
		div.pageContent_wider { width: 659px; padding: 0 7px 0 22px; float: left; background-position: 0 27px; background-repeat: no-repeat; }
			div.pageContent_wider p { margin-bottom: 1em; }
			div.pageContent_wider ul.traditional { margin-left: 14px; margin-bottom: 1em; }
				div.pageContent_wider ul.traditional li { list-style-type: square; margin-bottom: .8em; }
			.color2 div.pageContent_wider  { background-image: url(../_img/color2_v.png); }

	div.hr { height: 1px; width: 100%; background-repeat: no-repeat; margin: 30px 0; }
		div.hr hr { display: none; }
		.color1 .hr { background-image: url(../_img/color1_h.png); }
		.color2 .pageContent .hr { background-image: url(../_img/color2_h.png); }
		.color2 .hr { background-image: url(../_img/color2_h.png); }
		.color4 .hr { background-image: url(../_img/color4_h.png); }
		
	#sidebar { text-indent: 0em; }


	/* ------------------------ */
	/*	HERO IMAGES				*/
	/* ------------------------ */
	.heroWide #hero { width: 640px; height: 360px; background-repeat: no-repeat; border-bottom: 8px solid #fff; }
	.heroMid #hero { width: 396px; height: 360px; background-repeat: no-repeat; border-bottom: 8px solid #fff; }
	.heroNarrow #hero, .stripe1 #hero, .stripe2 #hero, .stripe3 #hero, .stripe4 #hero { width: 194px; height: 480px; background-repeat: no-repeat; border-bottom: 8px solid #fff; }


	/* ------------------------ */
	/*	HEADERS					*/
	/* ------------------------ */
	.hdr { display: block; background-repeat: no-repeat; text-indent: 0px; font-size:18px; line-height:normal; background-position: bottom left;}	
		h2.hdr, h5.hdr { padding-top: 10px; margin-bottom: 15px; font-weight: normal; }


	/* ------------------------ */
	/*	BODY CONTENT			*/
	/* ------------------------ */
	.pageContent .intro { font-size: 1.3em; margin: 10px 0 15px; }
	.pageContent h3 { text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin: 0 0 10px; }
	.pageContent h3.smaller { text-transform: uppercase; font-weight: bold; font-size: 1.1em; margin: 26px 0 15px; }
	.pageContent h4 { font-weight: bold; }
	
	p.arrow { padding-left: 26px; line-height: 2em; background-repeat: no-repeat; margin-top: 15px; display: inline-block; }
		.color1 p.arrow { background-image: url(../_img/color1_l.png);background-repeat: no-repeat; padding-left: 26px; }
		.color2 p.arrow { background-image: url(../_img/color2_l.png);background-repeat: no-repeat; padding-left: 26px; }

	.color2 .button_back { cursor: pointer; line-height: 30px; height: 30px; display: inline-block; background: #2b4647 url(../_img/color2_button_right.png) left top no-repeat; padding-left: 43px; color: #fff; text-decoration: none !important; font-size: 1.1em; }
		.color2 .button_back:hover { background-color: #1d3b3c; }
		.color2 .button_back span { cursor: pointer; line-height: 30px; height: 30px; display: inline-block; background: url(../_img/color2_button_left.png) right top no-repeat; padding-right: 25px; color: #fff; }

	.color2 .button_print { cursor: pointer; line-height: 30px; height: 30px; display: inline-block; background: #2b4647 url(../_img/color2_button_right.png) left top no-repeat; padding-left: 36px; color: #fff; text-decoration: none !important; font-size: 1.1em; }
		.color2 .button_print:hover { background-color: #1d3b3c; }
		.color2 .button_print span { cursor: pointer; line-height: 30px; height: 30px; display: inline-block; background: url(../_img/color2_button_left.png) right top no-repeat; padding-right: 15px; color: #fff; }
	
	/* ------------------------ */
	/*	MICROFORMATS			*/
	/* ------------------------ */
	.vcard .fn { font-weight: bold; }


	/* ------------------------ */
	/*	ICONS					*/
	/* ------------------------ */
	a.icon { width: 20px; height: 20px; line-height: 20px; display: inline-block; overflow: hidden; text-indent: -999em; background-position: left top; background-repeat: no-repeat; vertical-align: bottom; }
		a.icon:hover { background-position: left bottom; }

		.color2 .pdf { background-image: url(../_img/c2_pdf00.png); }
		.color2 .xls { background-image: url(../_img/c2_xls00.png); }
		.color2 .eps { background-image: url(../_img/c2_eps00.png); }
	

	/* ------------------------ */
	/*	ERROR PAGES				*/
	/* ------------------------ */
	#error404 div.stripe1 { padding-bottom: 14px !important; }
	
	#errorContent { width: 416px; height: 295px; padding: 95px 90px 0 188px; background: url(../_img/error_ba.png) no-repeat; }
		#errorContent p { font-size: 1.3em; margin-bottom: 1.3em; }
		#errorContent #btn_GoBack { width: 79px; height: 13px; background: url(../_img/btn_go_b.png) no-repeat; }
		#hdr_ourApologies { width: 123px; height: 13px; background: url(../_img/hdr_our_.png) no-repeat; margin-bottom: 15px; }
		
	.textButton { display: block; text-indent: -999em; outline: none; cursor: pointer; }
		

	/* ------------------------ */
	/*	GENERIC ARTICLE		 	*/
	/* ------------------------ */
	.article p, .article h2, .article h3, .article ul li, .article ol li { font-size: 1.3em; }
		.article ul li li, .article ol li li, .article ol li p, .article ol li h2, .article ol li h3 { font-size: 1em; }
	
	.article h1 { margin: 15px 0 0 0; }
		.article h1 span { display: block; text-indent: 0 !important; padding-top: 5px; font-weight: normal; }
	
	.article h2 { font-weight: bold; text-transform: uppercase; margin: 40px 0 20px !important; padding: 0 !important; }
	.article h3 { font-weight: bold; margin-top: 1.4em; }
	
	.article p { margin-bottom: 1.4em; }
		.article p.end, .article div.end, .article img.end, .article ul.end { margin-bottom: 60px; }
	
	.article ul.traditional li { background-position: 0 8px; margin-bottom: 1.0em; }
	
	.article .first { margin-top: 25px !important; }
		.article #footer .first, .article #header .first { margin-top: 0 !important; }
		
	.article #headerUtils, .conference #headerUtils { padding-top: 19px; border-bottom:1px dashed #789697; padding-bottom:7px; }
	
	.article table { border: 1px solid white; }
		.article td, .article th { border: 1px solid #ccc; font-size: 1.3em; color: white; padding: 0.3em 2em 0.3em 0.5em; }
	/*
	.article h3 { font-size:13px; font-weight:bold; margin-bottom:28px; text-transform:uppercase; }
	.article h4 { font-size:13px; font-weight:bold; }
	*/
	
	.article div.wide { padding-right: 50px; width: 629px; }