@charset "UTF-8";
/*  cgeco.org/css/base_2005.css  */
		/* 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  */
		.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;}


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  {}
header .lightLink:link {color:#FFF; text-decoration:none;}
header .lightLink:visited {color:#BCD; text-decoration: none;}
footer h4, footer h5, footer h6 {text-align:center;}

p {color: #007; }

b {color: #D06;}
.rtl {unicode-bidi:bidi-override; direction:rtl;}

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; }

form {}
input {}
textarea{font-family:Courier, monospace; font-size:.9rem; line-height:1.5; }


/*	MODAL-LIGHTBOX-OBSCURATION		MODAL-LIGHTBOX-OBSCURATION		MODAL-LIGHTBOX-OBSCURATION	*/
#modal_obscure {position: fixed; z-index: 1000; width:100%; height: 100%; top:0; left:0; text-align:center; background: rgba(30,30,30,0.4);  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: 9600; text-align:left; position:relative; border-radius: .4rem;
	margin: 3% auto; width:auto;  height:90%; min-height:20rem; border:1px solid blue;
	 background: rgba(255,255,255,1.0) !important;  }
















/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
/*		//		//		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;}

/* 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; }