/** basic types ******************************/
a {text-decoration:none}
a:link {color:#0000FF;}      /* unvisited link */
a:visited {color:#CC00FF;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#FF0000;}  /* selected link */


body {
    background-color : white;
    font-family : "Trebuchet MS", tahoma, Helvetica, sans-serif;
    font-style:normal;
    font-size:105%;
    color : black;
    line-height: 125%;
    border-style : none;
    text-align : left;
  	vertical-align: top;
    margin-right: 5%;
    margin-left: 5%;
    max-width: 70em;         /* avoid  massively long lines for readability */
    min-width:20em;
}

.left_col {
  	vertical-align: top;
    width:210px;
    margin-left: 0px;
    float: left;
}
.right_col {
  	vertical-align: top;
    text-align : right;
    width:210px;
    margin-right: 0px;
    float:right;
}
.middle_col {
  	vertical-align: top;
    text-align : left;
    margin-left: 0px;
    max_width: 60em;
}


h1 {
    text-align : center;
    color: #3367A3;
    line-height: 100%;
}
h4 { margin-bottom: 2px;
}
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
hr  {color: #5d97c7;
   size: 4px;
   background: #5d97c7;
    clear: both;
}
li  {
    margin-left: 2em;
}


/** classes ******************************/
/** basic page layout (table laid out in 3 cols: |210px|whatever|210px|) ****/
td.left  {
  	vertical-align: middle;
    width:210px;
    margin-left: 0px;
}

td.middle  {
  	vertical-align: middle;
    width:auto;
    margin-left: 5px;
    margin-right: 5px;
}
td.right  {
  	vertical-align: middle;
    text-align : right;
    width:210px;
    margin-right: 0px;
}

.main_nav {
  background:#5d97c7;
  font-size: 100%;
  width: 100%;
  text-decoration:none;
  font-weight:bold;
}
.nav_entry {
  padding-right: 10px;
  text-align : left;
  text-decoration:none;
  color: white
}


.nav_entry a  { text-decoration:none;}
.nav_entry a:visited  {color: white;}
.nav_entry a:focus    {color: white;}
.nav_entry a:active   {color: white;}
.nav_entry a:hover    {color: white;}

.align_right {
    float: right;
}
.align_left {
    float: left;
}

#feed_icon {
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
}

figure {
	margin: 0 1em 1em 1em;
}

.align_right figure {
    margin-right: 0;
}

.align_left figure {
    margin-left: 0;
}

.intro_pic {
     width: 500px;   /* to force right alignemnt of pic */
     margin-top: 0;
     margin-left: 5px;
     float: right;
}

form#search input {
    width: 18em;
}

.footer { font-size: 85%; }

blockquote {
    font-style: italic;
    background-color: #e8e8e8;
}