/* Content stylesheet for leaseown.org -> mcatoolkit.org*/
/* Susan Bernstein, Blue Star Consulting, contact at sbernstein@tnc.org 2007, 2008, 2009 */

/* Submerged Lands illustration colors */
/* #87a452; green 1 *//* #77983d; green 2 *//* #6e9640; green 3 *//* #dbd3bc; sand 1 *//* #d0c5a7; sand 2 *//* #bcae91;		sand 3 *//* #c4c9c3; pale grey *//* #aaac9f; dark grey-brown *//* #b8d6f2; water 1 *//* #85b5e5; water 2 *//* #3399cc; 	water 3 */

body {
	border: 0;
	padding: 0;
	margin: 0;
	text-align:center;
}

div#maincontent {
	max-width: 780px;
	background-color:white;
	text-align:left;
	margin: 0 auto;
}
.hidden {display: none;}
.clearright	{
	clear: right;
	}
.clearleft	{
	clear: left;
	}
.clear {clear: both;}

/* =============== content elements of pagecontent ========================*/

div#pagecontent {
	margin-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}
/* paragraphs, titles, subtitles, special words ============================*/
#pagecontent p {	
	padding: 0 15px;
	font-size: 12px;
	line-height: 1.4em;
	color: #393939;
	}

#pagecontent h1 {
	padding: 0 10px 0 15px;
	font:  bold 1.5em/1 "Times New Roman", Times, serif;	
	color: #008c51;
	}
#pagecontent h1.num {
	margin-left: 1.5em;text-indent: -1.5em; /* to make numbered headings hang when wrapped */
	}
#pagecontent h1.myths, #pagecontent h1.question {
	padding: 0 10px 0 15px; margin-bottom: 0;
	font: bold 1.25em/1.1 "Times New Roman", Times, serif;	
}
#pagecontent h1.myths span, #pagecontent h1.question span {font-variant:small-caps;}
#pagecontent h1.myths {
	margin-left: 4em;text-indent: -4em; }
#pagecontent h1.myths.ten {	/* new version has numbered myths/facts */
	margin-left: 4.4em;text-indent: -4.4em; }
#pagecontent h1.question {
	margin-left: 5em;text-indent: -5em; }
#pagecontent h1.facts {
	font-weight: normal;
	margin-left: 3.4em;text-indent: -3.4em; }
#pagecontent h1.myths.facts.ten {	/* new version has numbered myths/facts */
	margin-left: 3.8em;text-indent: -3.8em; }
#pagecontent h1.question.facts {
	margin-left: 4em;text-indent: -4em; }
#pagecontent h1.question.facts + div.indent > ol > li {
	font:  1em/1.1 "Times New Roman", Times, serif;	
	color: #008c51; }

#pagecontent h1.workshop { /* PMCA Workshop title */
	margin-left: 290px;text-indent: -290px;
	} 
#pagecontent h2 {	
	padding: 0 10px 0 15px; margin-bottom: -.2em;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #008c51;	/* 	jewel green */
	}
#pagecontent h2.home { /* homepage sections */
	font-size: .85em;line-height: 200%;
	}
#pagecontent h3 {	
	padding: 0 10px 0 15px; margin-bottom: -.5em;
	font: bold .85em Verdana,  Arial, Helvetica, sans-serif;
	color: #008c51;	/* 	jewel green */
	}
#pagecontent h4 {	
	padding: 0 10px 0 15px; margin-bottom: -.5em;
	font: bold .75em Verdana, Arial, Helvetica, sans-serif;
	color: #008c51;	/* 	jewel green */
	}
#pagecontent span.attention {	/* use this for a notable term or phrase */
	color: #A0201A; /* TNC Crimson */
	}
#pagecontent span.def { /* for tooltip definitions */
	color:	 #3399cc;	/*	water 3 same as link*/
	cursor:pointer;
	}
#pagecontent span.top { /* return to top link */
	font-style:italic; font-size: .65em; font-weight: bold;
	}
#pagecontent span.pubtitle { /* title of publication */
	font-style:italic;
	}
#pagecontent span.paratitle {	/* use this for bold/title words that start a paragraph or list item */
	color: #393939; /* for now, same color */
	font-weight: bold;
	}
#pagecontent span.credittitle { /* use this within credits or similar */
	color: #808080; /* greyer */
	}
.indent {margin-left: 5%; margin-right: 3%;}
.indentsmall {padding-left: 10px;}

#homepagefirst	{/* opening paragraph on home page replaces title */
	}
#homepagefirst	p { 	
	margin-top: 15px;
	font:  1.1em  Times, serif, Oakleaf;
	line-height: 1.3em;
	color: #666666;		
}
#homepagefirst span { font-weight:bold; color:#00703c;}/* 	oak green */
#homepagesecond	{
	} 
#homepagesecond	p { 	
	font:  .8em  Verdana, sans-serif;
	line-height: 1.35em;padding-top: 10px;
	color: #666666;		
	}
#homepagesecond span { font: bold Verdana, sans-serif; color:#00703c;}	/* 	oak green */
#homepagesecond ul.homepage {margin-top: -10px;}
#homepagesecond ul.homepage li{
 	font-size: .8em;}
	
/* FOOTNOTES */
/* each footnote reference number in the text AND in the note should be spanned with .footref */
/* all the footnotes should be in a div. Each one is a <p> */
div#footnotes {
	border-top: 1px solid #b8d6f2;	/* 	water 1 */
	}
div#footnotes p {line-height: 1.15em;}
	
#pagecontent span.footref {	/* a footnote reference */
	font-size:9px; /*smaller*/font-weight: bold;
	vertical-align:top;
	color: #1c5495  !important;/*True blue  */
	}
/* TABLES ==========================================================================*/

#pagecontent td {
	font-size: 12px;
	line-height: 1.4em;
	color: #393939;
	padding: 2px;
	vertical-align:top;
	}
#pagecontent td.right {/* the next 3 rules to override specific table cell styles */
	text-align: right;
	}
#pagecontent td.left {
	text-align: left;
	}
#pagecontent td.center {
	text-align: center;
	}
#pagecontent table.progsummary, #pagecontent table.costsummary {
  	border-collapse:collapse;
	margin: 1.5em 10px 0 10px;
	}

#pagecontent table.progsummary td, #pagecontent table.costsummary td{
	border:  #77983d 1px solid; 	/*	green 2 */
	line-height: 1.2em;
/*	white-space: nowrap;*/
	padding: 2px 3px;
	}
#pagecontent table.progsummary td:first-child { /* the first column consists of titles */
	font-weight:bold;
	}
#pagecontent table.costsummary thead { 	
	font-weight:bold;
	}
#pagecontent table.defsmenu {	/* for the submerged defs countries and states */
	margin:0 20px 0px 10px; padding: 10px 0 20px 0;width: 760px;
	}
#pagecontent table.defsmenu td {
	padding:0;
}
#pagecontent table.defsmenu td.defimg {width: 400px;}
#pagecontent table.defsmenu td.defimg img {vertical-align:bottom;}
#pagecontent table.defsmenu p {margin: 0;}
#pagecontent table.defsmenu td.col {width:175px;}
#pagecontent table.defsmenu td.title {text-align: center;font-weight:bold; line-height: 1.2em; margin: .5em;}
#pagecontent table.defsmenu td.heading {text-align: center;font-weight:bold; font-size: 1em; color:#117aae;/* water 3 at 68% dark at 100% saturation */
line-height: 1.4em; margin: .7em;}
#pagecontent table.defsmenu td.deftext {}
#pagecontent table.defsmenu td.deftext p {padding:.6em .3em 0 .3em;font-size: 100%;line-height:1.3;max-width:390px;}
#pagecontent table.defsmenu td.deftext h2 {display:none;text-align:center;margin: -1.5em 0 1em 0; padding:0;}

#pagecontent table.afterwards { /* for options tabulated in Types, Afterwards and Alternatives */
	margin: .5em 1em; border-collapse:collapse;
	text-align:center;
	}
#pagecontent table.afterwards td {border: solid 1px  #555f55;}
#pagecontent table.afterwards thead {font-weight: bold;} 
#pagecontent table.afterwards td:first-child {text-align:left; white-space:nowrap;padding: 2px 5px;border-style: solid;}
#pagecontent table.afterwards thead td {border-style: solid; text-align: center !important;}
#pagecontent table.afterwards.types {border: solid 2px #555f55;} /* Overview-Basics-Types table */
#pagecontent table.afterwards.types td {vertical-align:middle;} /* Overview-Basics-Types table */
#pagecontent table.afterwards.types td:first-child {white-space:normal;}
#pagecontent table.afterwards.types td:first-child.center {text-align: center;}
#pagecontent table.afterwards.types tr.b2 {border-bottom: solid 2px #555f55;} 

#pagecontent table.resources {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px auto;
	text-align:left; max-width: 740px;
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
	}
#pagecontent table.resources thead {	/* the table header row */
	font-variant:small-caps; font-size:1.05em;
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	} 
#pagecontent table.resources thead span {	
	font-variant:normal; font-size:.9em;
	font-weight:normal;
	} 
#pagecontent table.resources thead td, 
#pagecontent table.resources thead th,
#pagecontent table.resources thead th a {
	color:#6e9640;	/* 	green 3 */
	}
#pagecontent table.resources thead th span,
#pagecontent table.resources td span {font-size:smaller;}
#pagecontent table.resources td span.pubtitle {font-size:inherit;} /* don't change size! */
#pagecontent table.resources td,
#pagecontent table.resources th {
	vertical-align:top;
	padding:2px 2px 5px 2px;
	font-size: 70%;
	line-height: 1.25em;
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
}
#pagecontent table.resources td:first-child {
	font-weight: bold; text-align: center;
	}
#pagecontent table.narrative {	/* table of info in general narrative flow */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 2em; padding: 0;
	text-align:left;
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
	}
#pagecontent table.narrative.mca {border-collapse:collapse;}
#pagecontent table.narrative thead,
#pagecontent table.narrative thead td {	/* the table header row */
	font-variant:small-caps; font-size:1em;
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	} 
#pagecontent table.narrative thead th {
	color:#416405;	white-space: nowrap;
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
	}
#pagecontent table.narrative td {
	vertical-align:top;
	padding:5px;
	font-size: 75%;
	line-height: 1.25em;
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
}
#pagecontent table.narrative td:first-child {
	vertical-align: middle;
	font-weight: bold;
	}
#pagecontent table.narrative td:first-child.plain {/*variation to prevent first-child bold centered style */
	vertical-align:middle;
	font-weight: normal ; text-align: left;
	}
#pagecontent table.resources td:first-child.plain,
#pagecontent table.resources.plain td:first-child{/*variation to prevent first-child bold centered style */
	font-weight: normal ; text-align: left;
	}
#pagecontent table.resources td span.unbold {font-weight: normal;font-size: inherit;} /* override  other bold*/

#pagecontent table.resources td.noborder { border:none;}
#pagecontent table.resources td.nobordertop { border-top:none;}
#pagecontent table.resources td.noborderbottom { border-bottom:none;}
#pagecontent table.resources td.noborderleft { border-left:none;}
#pagecontent table.resources td.noborderright { border-right:none;}
#pagecontent table.mca td {
	border: 1px solid #416405;
	}
#pagecontent table.mca td:first-child.top {vertical-align:top;}
#pagecontent table.narrative td.foot {
	text-align: center;font-variant:small-caps;white-space: nowrap;
	color:#416405;	
	font-weight:bold;
	vertical-align:middle;
}
#pagecontent table.narrative.nomargintop {margin-top:0;}

#pagecontent table.narrative td.noborder { border:none;}
#pagecontent table.narrative td.nobordertop { border-top:none;}
#pagecontent table.narrative td.noborderbottom { border-bottom:none;}
#pagecontent table.narrative td.noborderleft { border-left:none;}
#pagecontent table.narrative td.noborderright { border-right:none;}
#pagecontent table.narrative td.rowhead {font-style: italic;}
#pagecontent table.narrative td p {font-size: 100%; line-height: 1.15; padding: 0 0 .5em .8em; text-indent: -1em;}
#pagecontent table.narrative td ul, #pagecontent table.resources td ul { margin: 0 .5em .1em -1.8em;}
#pagecontent table.narrative td ul li, #pagecontent table.resources td ul li {list-style: none;padding-left: 0;text-indent: -1.4em;line-height: 1.4;}
#pagecontent table.narrative td.note { /* combo of footnote and caption since IE doesn't recognize caption-side bottom */
	font-size: .65em;
	line-height: 1.1;
	background-color: #e2e6cd; /* icicle at 90% bright*/
	}
#pagecontent table.partners { /* styled same as ReefResilience partners */
	margin-left: 10%; margin-right: 10%;
	}
#pagecontent table.partners td {border-collapse:collapse;border-bottom: #f6e7e3 1px solid; vertical-align: middle;padding:2px 4px;}
#pagecontent table.partners td:first-child {	/* logos */
	text-align: center;
	}
#pagecontent table.datawide {border: 1px solid #008000; margin: 2em auto 1em auto;border-collapse:collapse;padding:0;
width: 98%;}
#pagecontent table.datawide td {border: 1px solid #008000; font-size: .6em; vertical-align:middle; text-align:center; line-height:1.3em;border-collapse:collapse;}
#pagecontent table.datawide td:first-child {font-weight:bold;}
#pagecontent table.datawide thead th,
#pagecontent table.datawide thead td{font-weight:bold; font-size: .5em;text-align:center;color:#008000;border: 1px solid #008000;border-collapse:collapse; }

#pagecontent table.datanormal {border: 1px solid #008000; margin: 2em auto 1em auto;border-collapse:collapse;padding:0;
}
#pagecontent table.datanormal td {border: 1px solid #008000; font-size: .7em; vertical-align:middle; text-align:left; line-height:1.2em;padding-left: 4px;}
#pagecontent table.datanormal td:first-child {font-weight:bold;}
#pagecontent table.datanormal thead td{font-weight:bold; font-size: .7em;text-align: center;color:#008000; }
#pagecontent div.datanormal > p.title {color: #6e9640;font-variant:small-caps; font-size:1em;
	font-weight:bold;text-align: center; margin-bottom:-1em;}

/* for any table field with hi/med/low, exists/poss/unlikely characteristics etc */
#pagecontent table td.hi {background-color:#49a942;} /* Leaf Green */
#pagecontent table td.med {background-color: #ffe04f;}	/*	Yellow Field */
#pagecontent table td.low {background-color:#ffa49c;} /* Carnelian at 100% bright, 50% opaque */
#pagecontent table td.filler {background-color:#616c61;} /* filler cells to mimic hardcopy version as per requirement */
#pagecontent table td.x {text-align:center;}

#pagecontent table td.bold {font-weight: bold;} /*the odd cell */
/* for Basics-Targets tables */
.targetelts {
	padding: 5px;
	float: left;
	width: 350px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;in
	margin-left: 20px;
	border: 2px solid #6e9640;
}
.targetsvcs {
	padding: 5px;
	float: right;
	width: 350px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 2px solid #6e9640;
}
.targetelts table,
.targetsvcs table {
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
}
#pagecontent .targetelts table td,
#pagecontent .targetsvcs table td {
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
	padding-left: .5em;
}
.targetelts table thead,
.targetsvcs table thead {
	font-variant:small-caps; font-size:.9em;
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	color:#6e9640;	white-space: nowrap;
	border: 1px solid #6e9640;	/* 	green 3 */border-collapse:collapse;
}
#pagecontent .targetelts table  td ul,
#pagecontent .targetsvcs table  td ul {margin: .1em .5em .1em -1.8em;}
#pagecontent .targetelts table  td ul li,
#pagecontent .targetsvcs table  td ul li {list-style: none;padding-left: 0;text-indent: -1.4em;line-height: 1.4;}
div#targets p {color: #6e9640;font-variant:small-caps; font-size:1em;
	font-weight:bold;text-align: center; margin:0;}
#pagecontent td.note { /* combo of footnote and caption since IE doesn't recognize caption-side bottom */
	font-size: .65em;
	line-height: 1.1;
	background-color: #e2e6cd; /* icicle at 90% bright*/
	}


/* LISTS ==========================================================================*/

#pagecontent ul, #pagecontent ol {
	margin: .75em 10px .5em 0px;	/* browsers add their own left spacing */
}
#pagecontent li {
	font-size: 12px;
	line-height: 1.5em;
	color: #393939;
	list-style-position: outside;	/* outside breaks IE lists; fix in ie.css */
}
#pagecontent table.resources td li {font-size: 100%;}
#pagecontent ol ul,#pagecontent ul ul /*li*/ {	/* lists within lists */
	 margin-top: 0; margin-bottom: 0;
	list-style-position: outside;	/* outside breaks IE lists; fix in ie.css */
	list-style-type: circle;	/* circle better in constrained boxes; check other uses */
}

#pagecontent ul.pubs li {	/* publication lists have no bullets */
	list-style:none;
	text-indent: -2em;
	}
#pagecontent ul.pubs li.note {	/* annotation para below pub title */
	text-indent: 0;
	}
	
#pagecontent ol ul {	/*list within list */
	list-style: disc;
	}
#pagecontent ol.checklist {
	float: right;margin:10px;
	padding-right: 10px;
	border: 1px solid #6e9640;		/*green 3 */

	list-style-image: url(../images/checkbox.gif);
	}
#pagecontent ol.wide {
	width: 300px;
	}
#pagecontent ol.narrow {
	width: 250px;
	}
#pagecontent ol.checklist li {
	list-style-position:outside;
	margin-left: -.7em;padding-left: 1.7em;text-indent: -2em;	/* hanging indent for FF*/
	padding-bottom: .4em;
	padding-top: .1em;
	}	
#pagecontent ol.checklist li.main { /* title, main menu heading */
	list-style: none;
	padding-left: 0;text-indent: -1.8em; margin-top: .4em;	
	font-weight: bold;
	color: #008c51;	/* 	jewel green same as h2, h3, h4 */
}
#pagecontent ol.checklist li.link { /* links to field guide, checklist pdfs */
	list-style: none;
	text-align: center;
	margin-top: .2em; margin-bottom: .1em;margin-left: -2.5em;padding-left: 0;	
	border-bottom: 1px solid #6e9640;
	}

#pagecontent ol.checklist li.uncheck { /* unchecked items */
	list-style-image: url(../images/checkbox_unchecked.gif);
}
#pagecontent ul.myths li {
	margin: 1em 10px .5em 0px;	/* Myths use list items as page paragraphs */
	}
.nobullet {list-style:none;}
#pagecontent p + ul.tight { /* IE needs tightening up */
	margin-top: -.5em; /* FF too */
}
#pagecontent ul.airy li,
#pagecontent ol.airy li { /* more space between list items */
	padding-bottom: .5em;
	}

/* ILLUSTRATIONS ==================================================================*/
div.homeimg {
	top: 0px; float: left;  margin: 0 10px;
	background-color:transparent;
}
div.illust192 { /*general--odd width */
	float: right; margin: 10px;width: 192px;
	}

div.illust250 {
	float: right; margin: 10px; width: 250px;
	}
div.illust400 {
	float: right; margin: 10px; width: 400px;
	}
div.illust400 table {
	margin: 0; padding: 0; border: 0; text-align: center;
	}
div.illust400 td {
	margin: 0; padding: 0; border: 0;
	}
#pagecontent .bordericicle {
	border: 1px solid #e2e6cd;	/* icicle 90% bright */
	}
#pagecontent .bordergreen {
	border: 1px solid #6e9640;	/* 	green 3 */
	}
#pagecontent .borderblue {
	border: 1px solid #85b5e5;	/* 	water 2 */
	}
#pagecontent .caption {
	max-width: 100%;
	font-size: 10px;
	line-height: 1.2;
	text-align:center;
	margin: 0; padding: .5em;
	color: #697C57; /* dark green */
	background-color: #e2e6cd; /* icicle at 90% bright*/
	}
#pagecontent img.thumb {
	margin: 5px 10px; float: right; border:thin solid rgb(0,130,169);	/* marine */
	cursor:pointer;
	}
#pagecontent .right {float:right; margin:10px;}	
#pagecontent img.right {text-align: right;}	/*within a floated div */
#pagecontent img.nofloat {float: none;} /* override float in thumb that is surrounded by another float */

img.locatormap {	/* IF map goes on top of State Resource Box */
	/*border-bottom: white solid 1px;*/
	}
div.allstatesmap,/* image map for all states in State Analyses intro */
div.countries,/* used for image map for all countries in Country Analyses intro*/
div.fundingaid { /* FG 4.10 image */
	margin: 10px;text-align: center;
	}
#pagecontent div.countries > p.title,
#pagecontent div.allstatesmap > p.title,
#pagecontent div.fundingaid > p.title {color: #6e9640;font-variant:small-caps; font-size:1em;
	font-weight:bold;text-align: center; margin-bottom: 5px;}

div.generalimg {	  
	margin: 10px;text-align: center; max-width: 400px;
	}

/* SIDEBARS ===================================================================== */

div.updates {	/* for home page */
	float: right; width: 250px; margin: 10px;
	border: 1px solid #85b5e5;
	background-image:url(../images/photo_250slicebackground.jpg); background-repeat:no-repeat;
	background-color:/*#e4decd*/ #dce9e5;
	}
#pagecontent div.updates p {
	margin: 5px 0;	/* vertical only*/
	padding: 0 5px;	/* side padding */
	font-size: .7em;
	line-height: 1.4em;
	color: #5a5345;
}
#pagecontent div.updates h1 {
	margin: 5px 0;	/* vertical only*/
	padding: 0 10px;	/* side padding */
	font-size: 1.2em; font-variant:small-caps;font-weight: bold;
	text-align:center;
}
div#terms {	/* a frame for the illustration of submerged lands terms and definitions */
	float: right; width: 400px; margin: 10px;
	}
div#gensidebar {	/* general sidebar, for now */
	float: right; width: 300px; margin: 10px;
	border: 1px solid #6e9640;	/* 	green 3 */
}
div#gensidebar.narrower {width: 250px;}
div#gensidebar h1, div#gensidebar h2 {
	margin: 0;text-indent: 0;padding: 5px 10px;
	background-color:  #6e9640;	/* 	green 3 */
	color: white;
	font-size:  1.1em; font-weight: bold;
	text-align:center;
}	
div#gensidebar h2 {
	font:  small-caps bold 1em "Times New Roman", Times, serif;
	padding: 3px 10px;
	}


#pagecontent div#stateresources {	/* also used for Field Projects sidebars */
	float: right; width: 250px; margin: 10px;
	border: 1px solid #85b5e5;	/* 	water 2 */
	}
div#stateresources h1 {
	margin: 0;text-indent: 0;padding: 5px 10px;
	background-color:  #3399cc;	/*	water 3 */
	color: white;
	font-size:  1.1em;
	text-align:center;
}
div#stateresources h2 {
	text-align:center;
	font-size:  .8em;
	margin:0; padding: 5px 0 2px 0;
}
div#stateresources p, div#gensidebar p {
	margin: 0; padding: .4em 6px;
	line-height: 1.3;
}

div#stateresources ul, div#gensidebar ul {
	margin-left: -1em; /* margin 0 leaves too much space */margin-top:-.25em;
	}
div#gensidebar ul.workshop {
	margin-top: 0;
	}
div#gensidebar li {line-height:	1.4;}
div#gensidebar.home {float: none;width: 400px;margin-top: 20px;border-color:#e2e6cd;text-align:center;}	/* icicle 90% bright */
div#gensidebar.home img {display:inline; margin-left:auto;margin-right:auto;}
div#gensidebar.home h2 {background-color: #e2e6cd; color:#6e9640;}	/* icicle 90%,green 3 */

#pagecontent div#gensidebar.example p{font-size: .7em;}
#pagecontent div#gensidebar.example ul {margin-left: -1.2em;}
#pagecontent div#gensidebar.example ul li  {font-size: .72em;line-height:1.3;}
#pagecontent div#gensidebar.example ul ul li {font-size: 1em;}


div.mexicomenu {border: 2px solid  #6e9640;
	float:right; margin: 10px; width:226px;}
div.mexicomenu p {font-weight: bold;}
div.mexicomenu p span {color:#6e9640; font-style:italic;}
div.mexicomenu p a {font-weight: normal;}

#pagecontent .nomargintop,
#pagecontent div#stateresources.nomargintop,
#pagecontent table.datanormal.nomargintop {margin-top: 0;}
#pagecontent .nomarginbottom {margin-bottom: 0;}
#pagecontent .noborder {border: 0;}
#pagecontent .followheading { /* MUST apply this null style (non-null for IE) see ie.css */
	}

/* non-nav links ====================================================================*/

#pagecontent a	{
	text-decoration: none;
}
#pagecontent a:link, #pagecontent a:active,#pagecontent a:visited {	
	color: #3399cc;		/* water 3 */
	font-weight: bold; /* try bold... */
	text-decoration: none;
	}
#pagecontent a:hover {
	text-decoration: underline;
	}
	
/* contacts ==========================================================================*/
#pagecontent p.contact {
	margin: 1em 0 10px 20px;
	padding:0;
	font-size: 70%;
	line-height: 1.2em;
}
select.contactform {
	padding: 1px; width: 250px;
	margin: 5px 5px 5px 10px;
	border: 1px solid #6e9640;	/* 	green 3 */
	background-color:white;
}
select.contactform option {
	padding: 2px;
	font-size: .8em;
	}
	
/*===== Various Toggles (showhide) =======*/
/* toggle content paragraphs - used with toggle_arrow script in index.html; wanted to do this by Name, but ... */
div#c1, div#c2, div#c3, div#c4, div#c5 {max-width: 540px;} /* content of dropdown text in in expand-collapse section */

#imageArrow1 img, #imageArrow2 img, #imageArrow3 img, #imageArrow4 img, #imageArrow5 img, #imageArrow img { /* down-up arrows for toggling expand-collapse of content */
     border: none; cursor: pointer;
     margin: 0; padding-left: 5px;
}
/* used with vistoggle.js */
.toggle {
}
.hotspot {
	cursor:pointer;font-weight: bold; font-size: .75em;
	color: #A0201A; /* attention color TNC Crimson */
}
/* Overview/Definitions */
div.glossary { /* a letter or group within the glossary */
	border-bottom: 2px solid #e2e6cd; /* icicle at 90% bright*/
	}
p#alpha {padding-left:3em;line-height: 1.8;}

div.seealso {background-color: white; border: 1px solid #85b5e5; border-top:none;padding:5px;}
div.seealso  > a {	
	text-align: center;display: block; margin: 0; padding: 3px 0;
	}
#pagecontent div.seealso h2 {
	margin: 0;text-indent: 0;
	font:  small-caps bold 1em "Times New Roman", Times, serif;
	padding: 3px 10px;
}
form.searchform {margin:0;padding-left: 10px;}
form.searchform.nopad {} /* ie only, just for home page, so far */
form.searchform input.icon {vertical-align: bottom;}
div.searchwrap {float: right; margin:0;}
#pagecontent div.nofloat {} /* this is defined for ie browsers and placed on top right divs that now have search forms */

/* for translation */
#leftbar h3.center {margin: 1em auto;text-align:center;padding:0;}
#leftbar h3.center  a:link,
#leftbar h3.center  a:active,
#leftbar h3.center  a:visited {
	text-decoration: none;font-size: 1.1em;
	color: #fbffe3; /* icicle at 100% bright, same as toplinks */
	}
#leftbar h3.center  a:hover {
	text-decoration: underline;
	color: #f2e9d0;		/* sand 1 at 95% bright, same as toplinks*/
}
.push {margin: 50px 0 10px 20px;} /* for Translate widget */
table.menu {
	border:solid 1px #e2e6cd; border-collapse: collapse; 
	width:95%; margin: 0 auto 10px auto;
}
table.menustart {
	border:solid 1px #e2e6cd; border-collapse: collapse; 
	width:380px; margin: 0 0 10px 2.5%;
}
table.menu td {width:50%;border:solid 1px #e2e6cd; border-collapse: collapse;}
table.menu td p {margin: 0;}
table.menu td p.section{margin-top: 5px;}
table.menu td p.section.top {background-color:#e2e6cd;}
table.menu td div,
table.menu td div div,
table.menu td div div div
 {margin-left: 15px;}
div#tdsidebar {	/* sidebar inside table cell */
	width: 360px; margin: 5px auto 0 auto;
	border-bottom: 1px solid #e2e6cd;/*#6e9640;	 	green 3 */
}
div#tdsidebar p {padding:5px 10px;}
table.menu div#tdsidebar h1, table.menu div#tdsidebar h2 {
	margin: 0;text-indent: 0;padding: 2px 10px;
	background-color:  #6e9640;	/* 	green 3 */
	color: white;
	font-size: 150%; font-weight: bold;
	text-align:center;
}	
table.menu div#tdsidebar h2 {
	font:  small-caps bold 1.15em "Times New Roman", Times, serif;
	padding: 3px 10px;
	}