/*
// Site:   greghartwig.com
// File:   local.css
// Usage:  Extra definitions for this website
// Author: Greg Hartwig (greg at hartwig dot com)
// Date:	  2009-11
*/



/* For debugging: */
/*  * { border: thin solid blue;} */


/* FONTS */

body {background: #8196b5 url("/pics/bkgd_sun_bluesky.jpg") no-repeat;  color: #000;
      font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 90%;
      margin: 0;  padding: 0;}


.sans         {font-family: Verdana, Helvetica, Arial, sans-serif;}
.serif        {font-family: Times, "Times New Roman", serif;}
.typewriter   {font-family: Courier, "Courier New", "Andale Mono", Monaco, monospace;  text-align: left;}






/* COLORS */

a:link    {color: #386888;}
/*a:visited {color: #284068;}*/
a:visited {color: #386888;}
a:hover,
a:focus,
a:active  {color: #5090D0;}
@media print {
	/* Turn off "visited" color */
	a:link,
	a:visited,
	a:hover,
	a:focus,
	a:active {color: #386888;}
}

h1, h1 a, h1 a:link, h1 a:visited,
h2, h2 a, h2 a:link, h2 a:visited,
h3, h3 a, h3 a:link, h3 a:visited,
h4, h4 a, h4 a:link, h4 a:visited
   {text-align: left;  color: #233856;  text-decoration: none;}

h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus,
h4 a:hover, h4 a:active, h4 a:focus  {color: #5090D0;}

abbr, acronym {cursor: help;  border-bottom: 1px dotted #002840;}

label:active  {color: #5090D0;}




/* EVERYTHING ELSE */


/* div { border: thin solid blue;} */


/* Layout */
/* Based on http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/ */

#page-frame			{}

.page-pad         {margin: 0 1em 1em 1em;}   /* to provide padding safely */

#page-header		{margin-left: 230px;  margin-top: 1em;}

#page-index			{float: left;  width: 220px;  margin-top: 150px;}

#page-contents		{margin-left: 230px;}

#page-footer		{clear: both;  margin: 2em 1em 1em 1em;  border-top: 2px solid silver;}



#page-index ul    {list-style-type: none;  margin-left: 0em;  padding-left: 0;}
#page-index ul ul {list-style-type: none;  margin-left: 1.5em;  padding-left: 0;  font-size: 80%;}


.bigtext				{font-size: 130%;}

#program #page-contents p {margin-left: 2em;}
p.plain           {margin-left: 0;}
#program .icon    {margin-left: 0.5in; position: relative;  top: 35px;}

.indented			{margin-left: 2em;}