@charset "UTF-8";
/* cgeco.org/css/resp18.css
/* Originally based on a Sept 2017 version of:
/* CSS Document	AMSCDN.ORG/css/resp06.css - fm:demoserves.org/css/resp06.css - fm:CaliforniaServes.com/css/resp06.css	*/
/*     -- which had expanded on:    OneServes.com/____css/resp01.css */

html	{margin:0; padding:0; border:none; background:#005;  overflow-x:hidden; overflow-y:auto; height:100%;}
body	{margin:0; padding:0; border:none;  font-family: verdana,arial,sans-serif;
			font-size:100%; font-size:85.01%; height:100%;
			overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch;
			background:#005; border:1px navy transparent;}
header, main, footer, div {font-size:.9rem; color:#005; margin:0; padding:0 .5rem; border:1px solid transparent; overflow:hidden;}
header		{background: #009; }	/* background color just for prelim development purposes */
main		{background: #F6FFFF; position:relative;}	/* background color just for prelim development purposes */
footer		{background: teal; background:none; text-align:center;padding:0 0 0 0;}	/* background color had been for prelim development purposes */
		/* border around body (even same-color) seemed needed to avoid weird vertical spacing */
		/* however, it's effect on div#bodyTopInsert was to cause the div to take up 2px vertical space even when empty */
		/* Therefore, for cal_serves development let's try the following: */
		div {border:none;}
		.wrapper {border:none;}
		.heading {margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid transparent; overflow:hidden; } /* Sadly, border needed for proper spacing  */
		/* .heading {text-align:center; background:#FFBD1D;  padding:.3rem .5rem; }  */
		.content {margin:0; padding: 0; position:relative; border:none;    overflow-x:hidden; overflow-y:visible; overflow-y:hidden;  /* HIDDEN overflow-y needed for proper spacing   */
					 background:#B2D2E2;  background:#F6FFFF; background:#FFF;} /* The #F6FFFF offers a very gentle hint of blue	*/
		.footer	{background:#7F0; padding:.3rem .5rem; }

		.gold		{color:#FFBD1D; font-weight:bold; letter-spacing:1px;}
		.highlightHover {text-decoration:underline; color:blue; cursor:pointer;}
		.rtl { unicode-bidi: bidi-override;  direction: rtl; }
		.ltr { unicode-bidi: bidi-override;  direction: ltr; }


h1,h2,h3,h4,h5,h6 {font-weight:bold; margin:.3rem 0 0 0; padding:0; line-height:140%; }
h1 {font-size: 1.6rem; color: navy; text-align:center; font-family: Palatino, serif; }
	h1.gold {text-align:left; margin: .5rem .2rem 0 0; padding:0; }
h2 {font-size: 1.4rem; color: #00C;  text-align:center; }
h3 {font-size: 1.3rem; color: #00C; }
h4 {font-size: 1.2rem; color: #009; }
h5 {font-size: 1.1rem; color: #007; }
h6 {font-size: 0.9rem; color: #005; }
/*
main h1 {color:#DEF;}
main h3 {color:lawngreen;}
*/
header nav {display:none; text-align:center; margin: 1rem 0 0 0; }
header nav a {margin: 0 .2rem 0 .2rem;}
nav#menu_home {display:block; margin: 1rem 0 .2rem 0; }
header nav a:link {color:#FFF; text-decoration:none; }
header nav a:visited {color:#BCD; text-decoration:none;}
header nav a:hover {color:yellow; text-decoration:underline;}
header	h1  {font-size: 1.6rem; width:60rem; margin: 1.0rem 0 0 .4rem;  z-index:500;}
header .lightLink:link {color:#FFF; text-decoration:none;}
header .lightLink:visited {color:#BCD; text-decoration: none;}
.heading h1 {width:60rem; XXXoverflow:visible; margin-top:14px; margin-left:.4rem; z-index:500;}

p {font-size: 1.0rem; color: #007; line-height: 1.6rem; margin: .1rem 0 .6rem 0; }
header p {color: #F6FFFF; margin: .1rem 0 .6rem 0; }
footer p {color:#F6FFFF;}



figure {display:inline-block; float:right; clear:both; margin: 0 1px .5rem .5rem; border: none; padding:0; overflow:hidden; background:#EEE;}
figcaption {font-size: 0.8rem; color:#44A; line-height:1.4rem; margin: -.1rem .1rem .2rem; text-align:center; XXbackground:#0C6;}
figure img {margin:0;}

code {font-size:1.2rem;}

table {font-size: .9rem;  word-wrap: break-word; table-layout: fixed; table-layout:auto; border-collapse:collapse; width:100%; border: 2px solid navy;}
tr {padding:0 ; margin:0; border: 1px solid navy; XXXvertical-align:top; }/* vert align can *NOT* be for entire row: (would inherit into contained blocks) */
th, td {font-size: .9rem; line-height:150%; padding: .2rem .5rem; border: 1px solid navy; vertical-align:top;}
th	{padding: .3rem; background: #C1BCEB;}
.aR {text-align:right; }
th.aL, td.aL {text-align:left; }
td {word-wrap: break-word; }
tr.rowEmph td {font-size:110%; font-weight:bold; background:#ACE;}
td p {font-size: .9rem; color: navy; }


/*	MODAL-LIGHTBOX-OBSCURATION		MODAL-LIGHTBOX-OBSCURATION		MODAL-LIGHTBOX-OBSCURATION	*/
#modal_obscure {position: fixed; z-index: 1000; width:100%; max-height: 100%; top:0; left:0; text-align:center; background: rgba(30,30,30,0.6);  overflow-y:auto;}
#close_modal {display:inline-block; position:absolute; top:.5rem; right:.5rem; cursor:pointer; z-index:2000; background:inherit; padding:.2rem; border-radius:.4rem;}
#light_box {z-index: 600; text-align:left; position:relative; border-radius: .4rem;
	margin: 10% auto; width:auto; max-width:90%; height:90%; min-height:20rem; border:1px solid blue; background:#FFF;}


/*	TABLES		TABLES		TABLES		TABLES		TABLES		TABLES		TABLES		TABLES		*/
.basic {width:100%; border:1px solid navy; border-collapse:collapse;}
.basic th, .basic td {border: 1px solid navy; padding: .2rem .4rem; margin: 0; text-indent: 0;}

.dbTable 			{border:1px solid navy;}
.dtTable tr		{border:1px solid red;}
.dbTable td		{font-family: "andale mono", "courier new", monospace; font-size: 1.2rem; }
.dbTable th		{font-family: "andale mono", "courier", monospace; font-size: 1.2rem;	}
.dbTable td p {margin:0 0 0 1.0rem; text-indent: -1.1rem; }
.dbTable td.url {text-wrap:normal; word-wrap: break-word ; }
.dbTable td.url p { margin: 0 0 .5rem 1.0rem; }
.dbTable td.url p.url { width: auto; color:#00C;}
/* The above (constant) width is absolutely necessary for break-word to work; '%' is not enough  */

.dbTableAjaxed {}
.dbTableAjaxed td		{background:#EEFFFF;  background:#F0FAFF;}

.tableRowReadified {border-bottom: 1px solid #6AD; width:auto; }	/* Created in readifyObj()	*/

.tableRowReadified {width:100%;}
.tableRowReadified td {text-align:left; padding:1px 1px 1px 3px; border: 1px solid #DFFFF;}



ul, ol {font-size: 1.0rem; line-height: 1.4rem; padding-left: 2rem; margin-top: .5rem; }
li {font-size: inherit; margin-bottom: .5rem; padding-left:.1rem; color: navy;}


blockquote {font-size:.9rem; line-height:160%; margin: .3rem 2rem .6rem 1.5rem; padding: .6rem; color:navy; font-style:italic; border: 1px solid #DDF; background:#F9F9FF;}

form {font-size: .8rem; color: navy; line-height: 1.3rem; }
textarea {font-size: 0.9rem; line-height:1.5rem; font-family:"Courier New", Courier, monospace; color:#000;}

pre	 {font-size: .7rem; line-height:170%; width:25rem; margin:.5rem; padding:.2rem; text-indent: 0; background:#FFF; color:#000; float:left; overflow:auto; font-family: 'Andale Mono', Courier;}
pre	.plain	{float:none; background: #EEEEEE; border:none; font-size: 1.1rem; margin: .3rem 0; width: auto; height:auto; white-space:pre-wrap;padding:.5rem; position:relative; }
pre	.print_pre {z-index:9999;  width:40rem; border:2px solid #0C3; clear:none;  text-align:left; font-size:1.8rem; white-space:pre-wrap; word-wrap:break-word; overflow-x:wrap; margin:0 .5rem .5rem 0; }
.code {width:40rem; height:auto; padding:.7rem; font-size: 1.0rem; background:#000; color:#0FF;}

.wmText		{font-weight:normal; color:#090;}
.info		{font-size:70%; font-weight:normal; color: #DEF; color:#ABE; position:relative; bottom:.1rem; }  /*For uses such as displaying record#	*/
.clear		{display:block; clear:both; height:1px; width:1px;}
b 			{font-size:inherit; font-weight:bold; color:red; color:#D18;}
.wmText b	{color:#060; color:#D18;}
hr			{clear:both; margin:-.2rem 1rem .8rem 1rem;}

.links {font-size: 1.2rem; line-height:170%; text-align:center; background-color:#DEF; width:auto; margin: 1rem 0rem .5rem; position:static; padding: .4rem .4rem; word-spacing: -1; }
.links li { display:inline; margin:.1rem .3rem; list-style:none;  font-size:inherit; margin-top:.5rem; line-height: 170%;}
.links a:link {text-decoration: none;}
.links a:visited {color: #63C;}
.links a:hover {text-decoration: underline;}
.bareLink a:link, .bareLink a:visited {text-decoration:none; color:#7F0;} /* for WM status info */
.linkBare a:link, .linkBare a:visited {text-decoration:none; }
.edsOnly a:link, .edsOnly a:visited {text-decoration:none; color:lawngreen;}
.edsOnly a:hover {XXbackground: lawngreen; border-bottom: 2px solid green;}
.edsOnly a:active { color:blue;}


#tbaButton  a:link, #tbaButton a:visited {color: #005;}

.darkBG a:link {color:#0FF;}
.darkBG a:visited {color:#09F; color:#3CF;}

.wm_menu {margin: .8rem 0 1rem;}
.wm_menu a:link, .wm_menu a:visited {color:#FFBD1D; text-align:center; font-size:1.0rem; position:relative; }

.wmStatus{background:#7F0;} /* This (#7F0) is equivalent of �lawngreen�.   For even lighter shade of green, use #CFB.  */
.wmStatus a:link, .wmStatus a:visited {text-decoration:none;}


/* For use in `archives` to format SPAN or DIV for floating an image_+_caption within article	*/
.imgInArticle {display: inline-block;  padding:5px; float:right; margin:0 0 .5rem .5rem; font-size: .8rem; text-align:center; background: #FFF; color:#666; }

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
.loginout_1 { font-size: .6rem; color: #003; text-align:left; width:auto; position: absolute; top: -1px; right: 0px; background-color:#DEF; border:1px solid #BBB; margin: 0px 0px; padding: 1px 0px 0px 0px; line-height: 1.0rem; z-index:100; overflow: visible; }
.loginout_1 span.logmessage {z-index:400 !important; line-height:1.5rem; margin: .4rem .6rem;  border: 1px none green; width:auto;}
.loginout_1 form {width: 30rem; width: auto; z-index:200; margin: 0rem .5rem;  border: 1px none red; padding:0; }
.loginout_1 input.field {font-size: 1.0rem;  background: #D9FFFC ; padding: 0 1px; letter-spacing:1px; height: 1.5rem; margin: .5rem .1rem .3rem 0rem;  }
.loginout_1 p {text-align:center; margin: 0px 0 0rem 0; padding:0; line-height: .9rem;}
/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/




/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
/*		//		//		used to make pages editable via JS.		From  iProject and OneServes.com/css/univ.css	[ formerly used class  `.dyn`]	//		//
/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
.divs_i_style1 {position: relative; }
.divs_i_style1	Xh5	{ margin-top:0 !important; 	color:navy;}
.divs_i_style1	Xh5	a:link, .divs_i_style1 h5 a:visited	{ color:#009; }
.divs_i_style1	Xh6	{ 	}
.divs_i_style1	p	{margin-bottom:0 !important; }
.divs_i_style1 span.editDyn	{ position:absolute; top:.3rem; left: -1.2rem; color: navy; font-size: 1rem; font-weight:normal; background:#7F0; padding: .1rem .3rem;}

.ajaxDyn {position: relative; margin: 0rem; padding: 1rem; border: 6px ridge #CCC; text-align:left; background:#FFF;}
/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/


/*	Floating content DIVs of phone-width for use in RWD layout (see:  /pages/contents.php	*/
.floatingDiv{position:relative;
		width:32.5%;  min-height:200px;
		height: 550px; min-height:none; min-width:318px;
		/* Any taller and some mobile browsers are awkward with scrolling.	BUT: Limit height; disallow overflow for sake of mobile scrolling. */
		float:left; clear:none;
		border:none;
		border-right:6px solid #FFF;
		border-right:5px solid rgba(255,255,255, .5);
		border-right:5px solid rgba(255,255,255, .1);
		border-right:4px solid rgba(0,0,200, .1);
		padding:.1rem 0;  background:#DEF; background: linear-gradient(#EFEFFF, #A6BEF6); /*  Keep side paddings zero - for sake of tables  */
		margin:.2rem 0px .1rem 1px;
		overflow-x:hidden; overflow-y:hidden;}
.floatingDiv h1, .floatingDiv h2, .floatingDiv h3, .floatingDiv h4 {text-align:left; line-height:135%;}
.floatingDiv h1, .floatingDiv h2, .floatingDiv h3, .floatingDiv h4, .floatingDiv h5, .floatingDiv h6{}
.floatingDiv h1 {margin:.3rem 0 0 5px; font-size: 1.8rem; font-family:Palatino, serif;}
.floatingDiv h2 {margin:.3rem 0 0 5px; font-size:1.4rem;}
.floatingDiv h3 {margin:.3rem 0 0 5px; font-size:1.2rem;}
.floatingDiv h4 {margin:.3rem 0 0 5px; font-size:1.1rem; color:#03B;}
.floatingDiv h5 {margin:.3rem 0 0 5px; font-size:1.0rem; color:#339;}
.floatingDiv h6 {margin:.3rem 0 0 5px; font-size:0.9rem; color:#44A;}
.floatingDiv p	{margin:.3rem 0 0 5px;}
.floatingDiv ul	{margin:.1rem 0 0 5px;}
.floatingDiv li {margin:.1rem 0 0 5px;}
.floatingDiv ul h5 {margin-left:-1rem;}
.floatingDiv img.moreDetails {background:lawngreen; float:none; border:1px solid #040; height:.9rem; padding: .1rem .2rem .1rem .1rem; margin: -4rem .3rem -.2rem;}
.floatingDiv h4 img.moreDetails {margin: -4rem .3rem -.2rem; }
.floatingDiv p img.moreDetails {padding: .1rem .2rem .1rem .2rem; float:none !important; }
.floatingDiv table {table-layout:fixed; width:100%;  margin: 0 -2rem 0 0; border-width:1px;}
.floatingDiv td {padding:.5rem .1rem .6rem .4rem; overflow:hidden;}
.floatingDiv td div {max-height:1.8rem; width:50rem;}

.formSettings {	display:inline-block;  z-index:1000; padding:.4rem .3rem .4rem .2rem; margin-top:.1rem; margin-bottom:0; float:right; XXbackground:#FFF; text-align:center;}
.formSettingsToggle { width:100%; position:relative; right:0px; margin-bottom:-.2rem ; float:none; text-align:center; background:none;  }
.settingsRotor { width: 16px; position:relative; top: 2px; margin-bottom: .5rem; float:right; }
.formSettings select {display:none;  margin-right:.6rem; }
.formSelectsToggle {display:inline-block !important; }
.settingsDiv {position:absolute; top:4px; right:-1px; background:#E5E6FF; width:20px; height:20px; overflow:hidden; z-index:6000;	}
.settingsDiv ul {padding-top:1.5rem; width:14rem; overflow-x:visible; list-style-type:none; padding-left:0;}
.settingsDiv li {width:30rem; margin-bottom:.5rem;}
.settingsDiv li span {border-bottom:1px solid #ACF; }
.settingsDiv li span { cursor:pointer;}
.settingsTrigger { width: 16px; position:absolute; top: 2px; right:2px; z-index:10000; cursor: pointer; z-index:75999;}

#sideBarRight{position:relative; min-width:0; width:0; min-height:250px; min-height: 708px; min-height: 1062px;
		float:right; clear:none;
		border:none;		border-right:4px solid rgba(0,0,200, .1);
		padding:.1rem .3rem;  background:#DEF;
		background: linear-gradient(#EFEFFF, #A6BEF6);
		background: linear-gradient(#EFEFEF, #96AED6);
		background: linear-gradient(#A6BEF6, #667EC6);
		margin:.2rem 0px .1rem 0px;
		overflow-x:hidden; overflow-y:hidden;}
#sideBarBottom{position:relative; width:auto; max-width:97%; min-height:250px;
		float:left; clear:none;
		border:none;		border-right:4px solid rgba(0,0,200, .1);
		padding:.1rem .3rem;  background:#DEF; background: linear-gradient(#EFEFFF, #A6BEF6);
		margin:.2rem 0px .1rem 0px;
		overflow-x:hidden; overflow-y:hidden;}

.floatDims {display: none} /*  May be reset on a one-page basis IF uWm or Lev >8 etc */

.XXfloatingDiv figure {display:inline-block; float:right; clear:right; }
XXfigure {display:inline-block; background:#FFF; border: 1px solid #DDD; padding: 2px;}
XXfigure img{width:100%;}


/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/



/* CSS for Ajax-editable event info:	FIXED required to cover all screen - even when not AT TOP of page when triggered	*/
.obscure 		{display:none;  margin: 0; padding: 0; height:110%; width:100%; position:fixed; left:0; top:0; color:red;
					background-color: #000; background: rgba(75,75,75, .8); z-index:3001;}
.obscureLink1	{position:absolute; top: 0rem; left:2rem; z-index:2500; font-size: .8rem; background-color: #FFF; margin:0; border: 1px solid red; padding:.1rem .2rem .3rem; }
.obscureLink2	{position:absolute; top: 2px; left :.8rem; z-index:2500; font-size: 1.3rem; background-color: #F9C; margin:0;
							border: 1px solid #C06;  padding:.1rem .4rem .3rem; }




.rounded { border-radius:	.8rem;
	-webkit-border-radius:	.8rem;
	-moz-border-radius:		.8rem; 	}
.roundish { border-radius:	.5rem;
	-webkit-border-radius:	.5rem;
	-moz-border-radius:		.5rem; 	}
.roundy { border-radius:	.4rem;
	-webkit-border-radius:	.4rem;
	-moz-border-radius:		.4rem; 	}
.roundedbott{border-radius:	1rem;
	-webkit-border-radius:	1rem;
	-moz-border-radius:		1rem; 	}
.roundedtop { border-top-left-radius: .5rem; border-top-right-radius: .5rem;
	-webkit-border-top-left-radius: .5rem; -webkit-border-top-right-radius: .5rem;
	-moz-border-top-left-radius:    .5rem;  -moz-border-top-right-radius: .5rem; 		}
.shadow		{box-shadow: 	7px 7px 8px #818181;
	-webkit-box-shadow: 	7px 7px 8px #818181;
	-moz-box-shadow: 		7px 7px 8px #818181; }
.XXshadowed {box-shadow: 	1rem 1rem .5rem #588; padding: .5rem .5rem .5rem 1.5rem;
	-webkit-box-shadow:		1rem 1rem .5rem #ABC; padding: .5rem .5rem .5rem 1.5rem;
	-moz-box-shadow:		1rem 1rem .5rem #588; padding: .5rem .5rem .5rem 1.5rem; 	}
.shadowed	{box-shadow: 	4px 4px 8px #818181;
	-webkit-box-shadow: 	4px 4px 8px #818181;
	-moz-box-shadow: 		4px 4px 8px #818181; }
.shadowed004{box-shadow: 	6px 6px 6px #7AC;
	-webkit-box-shadow: 	6px 6px 6px #7AC;
	-moz-box-shadow: 		6px 6px 6px #9BD; }
.shadowedNavy { box-shadow:	1rem 1rem .5rem #588; padding: .5rem .5rem .5rem 1.5rem;
	-webkit-box-shadow:		1rem 1rem .5rem #006; padding: .5rem .5rem .5rem 1.5rem;
	-moz-box-shadow:		1rem 1rem .5rem #588; padding: .5rem .5rem .5rem 1.5rem; 	}


#headerWrap {margin:0 0 .5rem 0;background-color:#8198BC; vertical-align:middle; border:none;}
#header { padding: 0rem .2rem .2rem; margin:0 0 .5rem 0; overflow:hidden;}
	#header h4, #header h5, #header h6, #header p {text-align:center;}
	#header p {color: #EEE;margin-top:.8rem;}


.headingPanel { position:absolute;top:0px; right:-1px; padding-top:60px; width:27rem; width:320px; z-index:1000; font-size:.9rem;
				background:#0F9; background:#FFF; border-left:10px solid rgba(135,140,250, .5); border-bottom:10px solid rgba(75,70,140, .5);
				background:#0F9; background:#FFF; border-left:10px solid rgba(105,120,210, .5); border-bottom:10px solid rgba(75,80,140, .5);
				background-clip: padding-box; -webkit-background-clip: padding-box;
				display:none;
				}
.hiddenPanel {display: none; }
.showingPanel{display: none; }


div.headingButton	{height:50px; width:50px; background:#6CF; position:absolute; top:-1px; right:-1px; z-index:2000; padding:0;
						border-right: 1px solid #005;  border: 3px solid #005;}
img.viewButton		{width:50px; position:absolute; top:0; left:0; 	}
img.hideButton		{width:50px; position:absolute; top:0; left:0; 	}
img.hideNow			{display:none;}

#navBarWrap, #mainWrap, #sideBarWrap, #footerWrap {clear:none;  margin:0; padding:.4rem 0 .5rem 0; overflow:show; XXXborder:1px solid transparent; border:'';} /* transp. border ever needed? */


#mainWrap {margin:0 1% 0 0; padding:0; float:left; clear:none; width: 65%; height:auto; /* position: relative; top: 15px; */}
.mainSection {position:relative; overflow:hidden; background:#FFF; margin-bottom:1.5rem; padding:0 .5rem 0 .5rem;  max-height:14rem; border:none;}
.mainSection h4 {height: 1.5rem; overflow:hidden; width:125%;}
.mainSection h5 {height: 1.6rem; overflow:hidden; width:125%;}
.mainSection p 	{height: auto;  overflow:hidden;}

.mainWithTwo {	}

#navBarWrap {clear:none; float:left; margin-left:0; width:25%;}
	#navBarWrap div, #navBar {clear:none; margin:0;padding:.5rem 0 1.0rem .6rem;overflow:none; margin-bottom:1.5rem; overflow:hidden; background:#EBEBEB; }
	#navBarWrap h4 {width: 30rem; font-size: 1.2rem; line-height:115%; margin-bottom:.4rem; margin-top: .7rem;
		margin-left:7px; text-indent:-7px;}
	#navBarWrap h5 {width: 30rem; margin-top:.5rem; }
	#navBarWrap h6 {	}
	#navBarWrap p {font-size:1.0rem; line-height:125%; margin-left:6px; text-indent:-6px;}
	#navBarWrap p a:link, #navBarWrap p a:visited {text-decoration:none;}
	#navBarWrap p a:hover{color:navBary;border-bottom:1px dotted #0064A8; border-bottom:1px dotted #0064A8;}

#sideBarWrap {float:left; margin:0 0 0 0; padding:0; width:34%; border:1px none #F9F;}
	#sideBarWrap div {overflow:hidden;}
	#sideBarWrap h5 {font-size: 1.2rem;background-color:#8198BC; color:#03F; text-indent:0;
		margin: 0rem -.7rem .2rem; padding:.6rem .1rem .6rem .7rem;  width:50rem;}
	#sideBarWrap h6 {font-size: 1.1rem; width:50rem;}
	#sideBarWrap p {font-size: 1.0rem; margin-left:.1rem;}
	#sideBarWrap XXh4 {margin: -.6rem -.6rem 0 ; padding:.5rem .5rem .5rem .5rem; background-color:#009; background-color:#293F6A; text-align:left !important;
	color:#FFF; text-align:center;
	text-indent:0; overflow:none;
	-webkit-border-radius:6px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
	-moz-border-radius:6px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0;}

.sideBarSection { margin: 0 0 .2rem; background:#EBEBEB;  padding: 0 0 0 .5rem;}
	.sideBarSection div {margin-bottom:.3rem;}	/* set the margin-bottom for all descendant divs that are NOT (direct) children */
	.sideBarSection div.imageCaptioned {font-size:.7rem; color:#666;text-align:left; margin:0 0 .1rem; padding:2px; border:1px solid #999;}
	.sideBarSection div.imageCaptioned img {width:100%; margin:0;}
	.sideBarSection h4 {font-size: 1.3rem; width:50rem; overflow:hidden; padding: .2rem .2rem; color:#EEE; background:#005;}

div#footerWrap{clear:both;text-align:center;margin:.5rem 2rem; padding:2% 0%; }
	#footerWrap a:link {text-decoration:none; }
div#footer {margin-left:auto;margin-right:auto; padding:2% .1rem; background:#EBEBEB;}
	#footer i { unicode-bidi:bidi-override; direction:rtl;}

/*
ul.linksResp01 { list-style:none; font-weight:normal; margin:0 0 0 0; padding: 1.2rem 0 .6rem 0; font-family: "Lucida Grande", verdana; overflow:visible;}
ul.linksResp01 li {height:30px; width:40rem; margin: 0; padding: 0 0 0 0; overflow:visible; }
ul.linksResp01 a {margin:0; padding: .5rem 25rem .6rem 1.6rem; width:100rem; font-size: 1.4rem; line-height:1.4rem;  position:relative;   display:inline-block;}
ul.linksResp01 a:link {text-decoration:none; color:#00C;}
ul.linksResp01 a:visited {color:#009;}
ul.linksResp01 a:hover {background:#0C6; background:#00C; color:#FFF;}
*/
ul.linksResp01 {text-align:center; list-style:none; font-weight:normal; margin:0 0 0 0; padding: .2rem 0 .4rem 0; font-family: verdana; overflow:visible;}
ul.linksResp01 li {display:inline;  margin: 0; padding: 0 0 0 0; overflow:visible; line-height:1.2rem; }
ul.linksResp01 a {margin:0; padding: .2rem .5rem ; XXwidth:100rem; font-size: .8rem; display:inline;}
ul.linksResp01 a:link {text-decoration:none; color:#DFF;}
ul.linksResp01 a:visited {color:#CCC;}
ul.linksResp01 a:hover {background:#0C6; background:blue; color:#FFF;}


/*	*		*		*		*		*		*		*		*		*		*		*		*		*/
/*		`TOPICS`  options  to be jQuery-appended to final paragr of topic-content of each record	*/
div.topicSections{width:100%;overflow:hidden; margin: 0 0 0 .2rem; border:1px none red;clear:both;}

div.optionable{position:relative;margin:.1rem 0 0 0; padding: 0.3rem 0 .1rem 0rem; border-bottom:1px solid #EEE; border-left:1px solid #EEE; width:100%;overflow-x:hidden;overflow-y:visible; clear:both;}
div.topicTitle{width:60rem;max-width:99%;}
div.optionable p{clear:none;}
div.optionable p.forOptions{height:1px;}
p.options{position:relative; top:-.2rem; margin-bottom:0; line-height:0.9rem; background:none; z-index:500; overflow-y:visible; clear:both;}
span.option{background:#F6FFFF; padding:0 .4rem; margin:0 .3rem; border:1px solid #ACF; color:#98C; cursor:pointer;font-size:85%; line-height:1.2rem; float:left;}





/*	*		*		*		*		*		*		*		*		*		*		*/
/*		jQuery-triggering IDs/CLASSes		*/

.borderDebugShow {border: 1px solid red;}
.wrapperBorder {border:3px solid #0C0;}


.ajaxedContent {background:none; color:navy;  margin: 2rem 0 0 0; padding:0; text-align:center;}
.ajaxedContent table {background: #FFF; margin:0 auto; text-align:left; }


/*	*		*		*		*		*		*		*		*		*		*		*		*		*/
/*		WEBMASTER/DEBUGGING formats:		*/
.wmLH	{position:absolute; top:-2px; left:6rem; background:#FFF; padding: 1px .6rem ; border:3px dotted red; color:blue; font-weight:bold; font-size:.9rem !important;z-index:900000; }