BODY { margin:0px; background:wheat; height:100%} /* This allows me to set enclosed elements to 100% height. */
#page {max-width:1200px; background:white; border:2px solid black; padding:20px; margin:12px auto; box-shadow:8px 8px 10px 2px gray}

	#titleword {float:left; font:38px Impact; color:#003399}
	#titleword a {color:#003399}
	#titlelabel {float:left; font:11px Arial; font-style:italic}
	article {font:12px/150% Verdana; height:100%; padding:20px}

	.clearfix {clear:both}

  /* default; not small screens */
  @media screen and (min-width:481px) {
	#headerad {float:right; background:green}
	#titlelabel {color:gray}

	#lefty {float:left; left: 0px}
	#righty {}
	article {margin-left:200px}
	}

  /* iPhone wide */	
  @media screen and (max-width:480px) {
	#headerad {display:none}
	#titlelabel {color:darkgreen}

	#lefty {display:none}
	#righty {display:none}
	article {margin-left:0px}
	footer {display:none}
	}

  /* iPhone tall */	
  @media screen and (max-width:479px) {
	#headerad {display:none}
	#titlelabel {color:darkkhaki}

	#lefty {display:none}
	#righty {display:none}
	article {margin-left:0px}
	footer {display:none}
	}


#content {font:12px/150% Verdana; height:100%; padding:20px}
.content { font:12px/160% Verdana; padding:15px }
.s9 {font-size:9px}

a.noundies:link {text-decoration: none}
a.noundies:visited {text-decoration: none;}

a:hover{background:yellow;}

H1,H2,H3 {margin:0px; font-family:Arial}
h1 {color:olive; text-align:center; font:28px Georgia}
h2 {color:green}

.yeller {color:yellow}
.heading {font-size:15px; border-bottom:1px solid gray; color:maroon}

.tab {border-collapse:collapse; border:1px double gray; font:12px Arial}
.tab .title {background:black; color:goldenrod; font-size:16px}
.tab .heads {background:gainsboro; font-weight:bold}
.tab td {border:1px solid silver; padding:4px}