/* :

from: http://en.wikipedia.org/wiki/Web_colors

16 web-safe colors:

aqua	 #00ffff;
black	 #000000;
blue	 #0000ff;
fuschia	 #ff00ff;
gray	 #808080;
green	 #008000;
lime	 #00ff00;
maroon	 #800000;
navy	 #000080;
olive	 #808000;
purple	 #800080;
red	 #ff0000;
silver	 #c0c0c0;
teal	 #008080;
white    #ffffff;
yellow	 #ffff00;

others:

orange	 #ffa500;

CSS font families:

from http://www.w3schools.com/cssref/css_websafe_fonts.asp

e.g.:

p{font-family:"Times New Roman", Times, serif}

others:

Georgia, serif
Verdana, Geneva, sans-serif
"Courier New", Courier, monospace

*/

/* rules for all elements */

body {
/*
  font-family: Georgia, serif;
*/
  font-family: Verdana, Geneva, sans-serif;

  /* make no top border so we can have a permanent header bar for home,
     login/logout */
  margin-top:     10px;
  padding-top:    10px; /* make this zero when using experimental nav bar */

  margin-left:    10px;
  margin-right:   10px;
  margin-bottom:  10px;

  padding-left:   20px;
  padding-right:  20px;
  padding-bottom: 20px;

/*
  border-top:    1px solid #000000;
  border-left:   1px solid #000000;
  border-right:  1px solid #000000;
  border-bottom: 1px solid #000000;
*/

  background-color: #ff0000; /* #ff0000; *//* #c0c0c0; *//* 0000FF; */
  color: #ffffff;
  /* min-width: 1000px; */
}

td {
  text-align: center;
}

p.header {
  text-align: center;
  font-size: 50px;
  line-height: 1.2em;
  font-weight: bold;
}

div.center {
  text-align: center;
}

div.front-header {
  text-align: center;
  font-size: 40px;
  line-height: 1.2em;
  font-weight: bold;
}

div.header-left {
  float: left;
  width: 250px;
  text-align: center;
  vertical-align: top;
}

div.header-right {
  float: right;
  width: 250px;
  text-align: center;
  vertical-align: top;
}

hr {
  background-color: #ffffff;
  color: #ffffff;
}

div.map {
/*
  float: right;
  width: 600px;
*/
  text-align: center;
  vertical-align: center;
  /* background-color: #ffffff; */ /* #ff0000; *//* #c0c0c0; *//* 0000FF; */
}

p.map {
  text-align: center;
}

div.mulcolumns {
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;

-moz-column-rule:3px outset #ffffff; /* Firefox */
-webkit-column-rule:3px outset #ffffff; /* Safari and Chrome */
column-rule:3px outset #ffffff;

/*
  width: 400px;
  height: 400px;
  text-align: left;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: normal;
*/
}

div.para {
  width: 400px;
  height: 400px;
  text-align: left;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: normal;
}