/*  Stylesheet for Screen presentation revised May June 2020 for Alameda MUG page redesign, and again Nov 2021 for simplification  */

/*  Zeroing out browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote, div {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style:decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

/* Page styles */

html { }

body {
	font-family: sans-serif;
	font-size: 100%;
	font-size:1em;
	text-align: left;
	background-color: #FFF;
	outline: none;
}

/* Division IDs  */

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

#mug_mast {
	border-top: #333 solid 1px;
	height:80px;
	background-image: url(../images/amugMast.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#CCC;
}

#pdf_mast {
	border-top: #333 solid 1px;
	height:80px;
	background-image:url(../images/AMUGiPWoT.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#CCC;
}

#iwt_mast {
	border-top:#333 solid 1px;
	height:80px;
	background-image:url(../images/iPWTmast.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#CCC;
}

#pgname {
	background-color:#444;
	width:100%;
	height:auto;
	clear:both;
	font-size:1em;
	color:#FFF;
	text-align: center;
	line-height:1.5em;
	border:none;
	padding:0.3em 0 0.3em 0;
}

#nav {
	width:100%;
	background-color:#DDD;
	height: auto;
	clear:both;
	font-size:1em;
	font-family:sans-serif;
	text-align:center;
	line-height:1em;
	border: none;
	padding:0.5em 0 0 0;
	border-bottom: #666 solid 1px;
}

#content {
	margin:0;
	border:0;
	padding:2em 3em 0.5em 3.5em;
	background-color:#FFF;
	font-size:inherit;
	font-weight:inherit;
	zoom: 1;
}

#footer {
	height:36px;
	background-color:#FFF;
	background-image:url(../images/AMUGiPWoT.png);
	background-position:top center;
	background-repeat:no-repeat;
	clear:both;
	font-family:sans-serif;
	font-size:0;
	text-align:center;
	padding:0;
}

/* Tag Styles  */

p {	margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-weight:inherit;
	line-height: 1.33em;
}

h1 h2 h3 h4 h5 h6 {
	font-family: sans-serif;
	color: #444 !important;
	font-style:normal;
	line-height: normal;
	font-weight: bold;
	font-variant:normal;
	text-transform:none;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.35em;
	zoom: 1;
}

h2 {font-size:3em;
	padding-bottom: 0.2em;
	color:#369;
	font-weight:600;
}

h3 {font-size:1.5em;
	font-family: sans-serif;
	font-style:normal;
	line-height: normal;
	font-weight: bold;
	font-variant:normal;
	text-transform:none;
	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
	color: #444 !important;
}
	
h4 {font-size:1.25em;
	font-family: sans-serif;
	font-style:normal;
	line-height: normal;
	font-weight: bold;
	font-variant:normal;
	text-transform:none;
	padding: 0;
	margin-top: 1.2em;
	margin-bottom: 0.33em;
	color:#369 !important;
}

ul {padding: 0.2em 0 0.2em 2em;
}

ul li {padding: 0.2em 0 0.5em 0.4em;
	text-indent: -0.15em;
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	list-style-image:url(../images/discBlue.jpg);
	list-style-position:outside;
}

ol li {
	padding: 0.2em 0 0.5em 0.4em;
	text-indent: -0.15em;
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	list-style-position:outside;
  	display: list-item;
  	list-style-image:none;
}

a {font-family: sans-serif;
	font-size:inherit;
	color:#03F !important;
	text-decoration:none !important;
}

a:visited {color:#03F;}

a:hover {color:#03F;
	text-decoration:underline;
}

a:active {color:#F00;
	background-color:#FFF;
}

hr {color:#CCC;
	margin:1.5em 0;
}

/* Location-specific Tag Styles  */

#footer p {display:none;}

#legalese p {
	max-width:820px;
	font-size:x-small;
	font-family:serif;
	text-align:center;
	background-color:#EEE;
	margin: 0.25em auto 0 auto;
	clear: both;
}

#content p {padding-top:2px;}

#nav p {
	color:#F00;
	font-family: sans-serif;
	text-align:center;
	font-size:1em;
}

#pgname h1 {
	text-align:center;
	font-size:1em;
	color:#FFF;
}

/* Classes  */

.navlist {
	text-align:right;
	font-family: sans-serif;
	white-space:normal;
	text-transform: inherit;
	vertical-align:inherit;
	list-style:none;
	padding: 0.6em;
	font-size: 1.5em;
	color:#069 !important;
	text-decoration:none !important;
}

.illus_r {
	float: right;
	text-align:right !important;
	margin: 0 0 0.25em 1em;
	border:none;
	font-size:0.9em;
}

.illus_l {
	float: left;
	text-align:left !important;
	margin: 0em 1em;
	border:none;
	font-size:0.9em;
}

.bubble {
	margin:0.5em 0 1em 0;
	border:#CCD outset 2px;
	border-radius: 12px;
	padding:0.5em 2em 0.8em 2em;
	background-color:#EEEFEF;
	overflow:hidden;
	zoom:1;
}

.block {padding:0.33em 1.5em;}