a {
 font-weight: normal; 
 text-decoration: underline;
}

a:link {
  color:  #000080;
}

a:visited {
  color:  #440066;
}

a:active {
  color:  #000080;
}

a:hover {
  color: #0000FF;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  font-weight: normal;
  text-decoration: none;
}

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

body {
  margin: 0px;
  padding: 0px;
  background:  #ffe;
  color: #f00; /* helps to highlight paragraphs lacking a <p> wrapper */
                    /* remember to set color for each of the elements */
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size: 90%;
}

input, textarea {
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size: 100%;
}

code, pre { 
  background-color: #f6f6fd;
  color: #114;
  line-height: 1.1em;
  font: 12px "Courier New", monospace;
}

pre {
  border: 1px dashed #226;
  padding: 1em;
  overflow: auto;
  width: 95%;
}

h1, h2, h3, h4, h5, h6 {
/*  font-family:  "century gothic", "trebuchet ms", helvetica, sans-serif; */
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  margin-top: 0.03em;
  margin-bottom: 0.01em;
  color: #000;
  line-height: 1.1em;
}

h1 {
  text-decoration: none;
  font-size:  1.6em;
}

h2 {
  font-size:  1.4em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1em;
  font-weight: bold;
}

h5 {
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica;
  font-size: 1em;
  font-weight: bold;
  padding-left:  10px;
  padding-right:  10px;
}

h6 {
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  padding-left:  10px;
  padding-right:  10px;
}

blockquote {
  margin-left:  20px;
  margin-right:  0px;
  color: #000;
 }

p, blockquote, li, table {
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size:  0.9em;
  line-height:  1.3em;
  text-align:  left;
  color: #000;
}

p, blockquote, li {
  padding-left:  10px;
  padding-right:  10px;
}

p {
  margin-top: 0px;
  margin-bottom: 1em;
}

p.caption {
  font-size: 80%;
}

table p.caption {
  font-size: 90%; /* Needed because table changes font-size*/
}

/* Ran into firefox blockquote bugs, so I created this. Used in */
/* Oshkosh-part-3 */
p.quote {
  font-family: Georgia, Times, Serif; 
  background-color:#eeeef6;
  color: #000080;
  margin-left: 20px;
}

.articleNav, .articleNavMini {
  background: #ddd;
  font-size: 90%;
  clear: both;
}

.articleNavMini {
  float: right;
}

span.date {
  font-family: Georgia, Times, Serif;
  font-weight: normal;
  font-size: 90%;
}

.foot {
  background-color:  #006;
  color:  #fff;
  clear:  both;
  margin-top:  5px;
  text-align:  center;
  font-size: 90%;
}

div.foot a {
  font-weight: bold; 
  text-decoration: none;
}

div.foot a:link, div.foot a:visited {
  color:  #cc0;
}

div.foot a:hover, div.foot a:active {
  color: #ff0;
  text-decoration: underline;
}

/* For the txp:linklist tag */
.linklist {
  line-height:  1.3em;
}

span.nancy {
  font-family: georgia, times, serif;
  font-style: italic;
  font-size: 110%;
}

table {
  color: #000;
}

table.picTableLeft, table.picTableRight table.picTable {
  margin: 3px;
}

div.picDivLeft, .picDivRight, div.picDiv {
  margin: 3px;
}

table.picTableNegLeftMargin {
  margin-left: -70px;
  padding-left: 0px;
}

div.picDivLeft {
  float: left;
}

div.picDivRight {
  float: right;
}

table.picTableLeft  {
  float: left;
}

table.picTableRight  {
  float: right;
}

table.picTableCenter {
  margin-left: auto;
  margin-right: auto;
}

img {
  display: inline;
}

img.divider {
  margin-left: auto;
  margin-right: auto;
  margin-top:  1em;
  margin-bottom: 1em;
}

img.paddedPic, img.paddedPicLeft, img.paddedPicRight {
  padding: 3px;
  margin: 12px 5px 0px 5px;
}

img.paddedPicLeft {
  float: left;
}

img.paddedPicRight {
  float: right;
}

div.sidebarLeft,  div.sidebarRight {
  font-size: 100%;
  color: #000;
  background: #fffab2;
  padding: 3px 7px;
  margin-top: 1.0em;
  margin-bottom: 0.2em;
  TEXT-ALIGN: left;
  BORDER-TOP: #222 1px solid;
  BORDER-BOTTOM: #222 4px solid;
  BORDER-LEFT: #222 4px solid;
  BORDER-RIGHT: #222 1px solid; 
}

div.sidebarLeft {
  float: left;
  width: 360px;
  margin-left: -20px;
  margin-right: 10px;
}

div.sidebarRight {
  float: right;
  width: 360px;
  margin-left: 10px;
  margin-right: -30px;
}

#accessibility {
	position:  absolute;
	top:  -10000px;
}

div#comments {
  clear:both;
  background: #cce;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  color: #000; /* so message text without <p> wrapper isn't red */
  font-family:  Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size:  0.9em;
}

#comments h4 {
  margin-bottom: 1em;
}

#comments a {
  text-decoration: none;
  font-weight: bold;
  color:  #000080;
}

/* use different style for links inside comment body */
#comments div.comment-message p a {
  text-decoration: underline;
  font-weight: normal;  
}


#comments a:hover {
  text-decoration: underline;
  color: #0000FF;
}

div.comment-message, div.comment-message-phil, div.comment-message-nancy {
  padding: 8px 50px 8px 10px;
  margin: 0 30px 0 30px;
}

div.comment-message {
  background: #fff;
}

div.comment-message-phil {
  background: #fffab2 url("/css-images/pfactor-comment-icon.gif") no-repeat top left;
  padding-left: 20px;
}

div.comment-message-nancy {
  background: #fcdbe4 url("/css-images/pfactor-comment-icon.gif") no-repeat top left;
  padding-left: 20px;
}

div.comment-from, div.comment-from-phil, div.comment-from-nancy {
  font-size: 90%;
  padding-left: 15px;
  margin-left: 40px;
  margin-bottom: 1em;
}

div.comment-from {
  background: url("/css-images/comment-white.gif") no-repeat bottom left;
}

div.comment-from-phil {
  background: url("/css-images/comment-phil.gif") no-repeat bottom left;
}

div.comment-from-nancy{
  background: url("/css-images/comment-nancy.gif") no-repeat bottom left;
}

div.comment-form label {
  float: left;
  width: 5em;
}

span.comment-form-checkbox label {
  float: none;
}

#cpreview {
  background: #fff;
  width: 50%;
  border: 5px solid #080;
  margin: 1em;
}

div.comment-error, ul.comment-error li, .comment-error p {
  background: #fffab2;
  color: #800;
}

div.comment-error {
  width: 50%;
  border: 5px solid #800;
  margin: 1em;
}

.comment-error p {
  font-weight: bold;
}

#txpCommentInputForm #textileHelp {
  float: left;
  background: #eee;
  padding: 0.5em;
}

#textileHelp code {
  background: #eee;
}

#txpCommentInputForm textarea
{
  float:left;
  height: 12em;
  width: 32em;
  overflow: auto;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

#txpCommentInputForm #preview.button {
  margin-top: 0.5em;
  font-weight: normal;
}

#txpCommentInputForm input.button {
  margin-top: 0.5em;
  font-weight: bold;
}

/* Style the text that shows after comment is submitted */
p#txpCommentInputForm {
  background: #fff;
  border: 5px solid #080;
  padding: 0.5em;
  margin: 1em;
}

#container {
  clear: both; /* needed to reset float after the #navbar */
  line-height: 1.3em; /* work around IE peekaboo bug */
  padding:  10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left:  auto;
  margin-right:  auto;
  background:  #ffe;
}

#content {
  margin: 0px 30px;
  padding: 10px 30px;
}

#content hr {
	color:  #ccc;
	width:  66%;
	margin-top:  2em;
	margin-bottom:  2em;
}

#content.frontpage h2 {
  text-decoration: none;
  color: #20B;
}

#flyingPageIntro {
  float: right;
  width: 400px;
  background: #fffab2;
  margin: 0px 10px 0px 10px;
}

#updateInvite {
  background: #fffab2; 
  margin: 0px 0px 15px 30px;
  padding: 5px 0px 5px 10px;
  float: right;
  clear: right;
  width: 420px;
  border: 1px solid #000;
}

#frontPageIntro {
  background: #fffab2; 
  margin: 0px 0px 15px 30px;
  padding: 5px 0px 5px 10px;
  float: right;
  clear: right;
  width: 420px;
  border: 1px solid #000;
  BORDER-TOP: #006 1px solid;
  BORDER-BOTTOM: #006 4px solid;
  BORDER-LEFT: #006 4px solid;
  BORDER-RIGHT: #006 1px solid;
}

#tripmap {
  float: left;
  background: #fffab2;
  margin: 0px 10px 0px -30px;
  padding: 0px;
}

#tripmap p {
  line-height: 1em;
  margin-bottom: 0.1em;
}

#topbar {
  background:  #006;
  color:  #FEF886;
  margin: 0px;
  padding: 0px;
}

#topbar img {
  display: block;
}

#topbar p {
  margin-bottom: 0px;
}

#navbar {
  clear: both;
  float:left;
  width:100%;
  background:#006 url("/css-images/red-gray-bg.gif") repeat-x bottom;
  font-size:100%;
  font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  line-height: normal;
}

#navbar ul {
  margin: 0px;
  padding: 5px 10px 0px 10px;
  list-style:none;
}

#navbar li {
  float:left;
  background:url("/css-images/red-gray-left_off.gif") no-repeat left top;
  margin:0px;
  padding:0px 10px 0px 13px;
  border-bottom: 3px solid #a00000;
}

#navbar a {
  float:left;
  display:block;
  background:url("/css-images/red-gray-right_off.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#666699;
}
/* Commented Backslash Hack
   hides above float left rule from IE5-Mac \*/
#navbar a {float:none;}
/* End IE5-Mac hack */

#navbar a:hover {
  color:#0000ff;
}

body.default #navbar li.default,
body.tripjournals #navbar li.tripjournals,
body.flying #navbar li.flying,
body.technology #navbar li.technology,
body.about #navbar li.about
{
  background-image:url("/css-images/red-gray-left_on.gif");
  border-width:0;  /* hide bottom border for current item */
}

body.default #navbar li.default a,
body.tripjournals #navbar li.tripjournals a,
body.flying #navbar li.flying a,
body.technology #navbar li.technology a,
body.about #navbar li.about a
{
  background-image:url("/css-images/red-gray-right_on.gif");
  color:#333;
  padding-bottom:7px; /* this lets the bottom border show */
}

#zemContactForm legend {
  font-weight: bold;
  font-size: 125%;
  color: #000;
}

ul.zemError li, label.zemRequirederrorElement {
  color: #800;
}

label.zemRequirederrorElement {
  font-weight: bold;
}

#warning {
 background:#ffffe1 url("/css-images/warning.gif") no-repeat 5px 3px;
 border-bottom:1px solid #000;
 color:#000;
 width:100%
}

#warning p {
 color:#000;
 font:11px/21px Tahoma,sans-serif;
 margin:0;
 padding:0 0 0 24px
}