html {
  font-size: 100%;  /* IE/Win fix */
  overflow-y: scroll;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

tt {
  font-family: "Lucida Console", Courier;
}

em {
  font-weight: bold;
  font-style: normal;
  color: #666;
}

p {
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 1em;
}

p.update {
  margin-left: 1em;
}

p.rsstitle {
  margin-bottom: 0.5em;
  font-weight: bolder;
}

p.rssdesc {
  margin-left: 1em;
  font-size: 12px;
}


small, .small {
  font-size: 12px;
  line-height: 1.5em;
}

big, .big {
  font-size: 18px;
  line-height: 1.4em;
}

h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  margin-top: 0;
  margin-bottom: 1em;
}

* > H1:first-child {
  margin-top: 0px;
}

h1.first {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  margin-top: 0px;
  margin-bottom: 6px
}


h2 {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  margin-top: 6px;
  margin-bottom: 6px
}

h2.u {
  font-variant: small-caps;
  border-bottom: 2px solid #228888
}

h3 {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
  color: #228888;
  top: 0px;
  bottom: 0px;
  margin: 6px 0px;
  padding: 0px
}

ul {
  margin-top: 6px;
  margin-bottom: 6px;
}

ul.bullets-main {
  list-style-image: url(/images/bullet1-main.gif);
}

ul.bullets-accent1 {
  list-style-image: url(/images/bullet1-accent1.gif);
}


ol {
  margin-top: 6px;
  margin-bottom: 6px;
}

li {
  margin-bottom:6px;
}

dt {
  font-weight: bold;
  margin-bottom: 6px;
}

dd {
  margin-left: 20px;
  margin-bottom:12px;
}

a {
  text-decoration: none;
}

/*
a:link, a:visited {
  text-decoration: underline;
  color: #228888;
  cursor: pointer;
}

a:link:hover, a:visited:hover {
  text-decoration: underline;
  color: #e76f00;
  cursor: pointer;
}
*/

#body a:link,
#body a:visited {
  text-decoration: none;
  color: #228888;
  border-bottom: 1px solid #bcdbdb;
  cursor: pointer;
}

#body a:link:hover,
#body a:visited:hover {
  color: #ff7a00;
  border-bottom: 1px solid #ff7a00;
}

#body a.noul:link,
#body a.noul:visited,
#body a.noul:link:hover,
#body a.noul:visited:hover {
  border-bottom: none;
}

a.red:link,
a.red:visited {
  color: #ff7a00;
  border-bottom-color: #ffd7b2;
}

div.mainsection a.red:link:hover, 
div.mainsection a.red:visited:hover {
  border-bottom-color: #ff7a00;
}

a.noul:link,
a.noul:visited,
a.noul:link:hover, 
a.noul:visited:hover {
  border-bottom: none;
}

a.bold:link,
a.bold:visited {
  font-weight: bold;
}

table {
  clear: both;
  border-collapse: collapse;
  border-style: none;
  border-width: 0px;
  margin: 0px;
  padding: 0px;	
}

td {
  font-size: 14px;
  line-height: 1.4em;
  padding: 0px;
}

th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4em;
  padding:     2px;
}

table.rowseps {
  border-collapse: collapse;
}

table.rowseps td.middle-row {
  padding: 10px 0px;
  border-top: dotted 1px #228888;
  border-bottom: dotted 1px #228888;
}

table.rowseps td.top-row {
  padding-bottom: 10px;
  border-bottom: dotted 1px #228888;
}

table.rowseps td.bottom-row {
  padding-top: 10px;
  border-top: dotted 1px #228888;
}


/************************************************/


table.colseps {
  border-collapse: collapse;
}


table.colseps td.first-column {
  vertical-align: top;
  padding: 1em 1em 0 0;
}


table.colseps td.last-column {
  vertical-align: top;
  border-left: solid 1px #ddd;
  padding: 1em 1em 0;
  background-color: #f3f3f3;
}


table.noseps td {
  vertical-align: top;
  line-height: 1.4em;
  padding: 3px;
}

table.noseps td.left {
  padding-left: 0px;
}

table.noseps td.right {
  padding-right: 0px;
}

table.noseps td.top {
  padding-top: 0px;
}

table.noseps td.bottom {
  padding-bottom: 0px;
}

table.noseps td.grey {
  color: #444;
}


table.noseps th {
  text-align: left;
  /*letter-spacing: 0.1em;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  vertical-align: top;
  padding: 6px 0px 0px 0px;
  color: #555;
  border-bottom: solid #ccc 1px;
  background-color: inherit;
}

table.noseps th.top {
  border-top: hidden;
  padding-top: 0px;
}

table.noseps th.left {
  padding-left: 0px;
}

table.noseps th.right {
  padding-right: 0px;
}

/*
table.topmenu {
  border-collapse: separate;
}
*/

table.topmenu td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 0px 5px 0 10px;

  background-color: #288;
  color: #fff;
}

table.topmenu td a,
table.topmenu td a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
}

table.topmenu td a:hover, 
table.topmenu td a:visited:hover {
  color: #fff;
  text-decoration: underline;
  border-bottom: none;
}

table.topicons td {
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 0px;
}

table.topicons td a,
table.topicons td a:visited {
  color: #288;
  font-weight: bold;
  text-decoration: none;
  border-bottom: none;
}

table.topicons td a:hover,
table.topicons td a:visited:hover {
  color: #e76f00;
  text-decoration: none;
  border-bottom: none;
}

div.topmenu-t {
  background-color: #288; 
  height: 9px; 
  font-size: 1px;
}

div.topmenu-tl {
  float: left;  
  height: 9px; 
  font-size: 1px; 
  background: url(/images/topmenu.gif) no-repeat 0px 0px;
}

div.topmenu-tr {
  float: right; 
  height: 9px; 
  font-size: 1px; 
  background: url(/images/topmenu.gif) no-repeat -12px 0px;
}

div.topmenu-b {
  background-color: #288; 
  height: 4px; 
  font-size: 1px;
}

div.topmenu-bl {
  float: left;
  height: 4px; 
  vertical-align: top; 
  font-size: 1px; 
  background: url(/images/topmenu.gif) no-repeat 0px -69px;
}

div.topmenu-br {
  float: right; 
  height: 4px; 
  vertical-align: top; 
  font-size: 1px; 
  background: url(/images/topmenu.gif) no-repeat -12px -69px;
}

div.topmenu-bb {
  background: #288 url(/images/topmenu.gif) repeat-x 0px -189px; 
  font-size: 1px; 
  height: 8px;
}

div.topmenu-bbl {
  float: left;  
  height: 8px; 
  vertical-align: top; 
  font-size: 1px; 
  background: url(/images/topmenu.gif) no-repeat 0px -73px;
}

div.topmenu-bbr {
  float: right; 
  height: 8px; 
  vertical-align: top; 
  font-size: 1px; 
  background: url(/images/topmenu.gif) no-repeat -12px -73px;
}

div.topmenu-icon {
  width: 20px; 
  height: 18px; 
  border: none;
}


img {
  margin:0px;
  border-style: hidden;
}

img.inline {
  vertical-align: middle;
}

img.floatleft {
  float: left;
  clear: none;
  margin: 0px 5px 3px 0px;
}


span.tag {
  font-weight: bold;
  font-size: 0.8em;
  color: #e76f00;
}

.red {
  color: #ff7a00;
}

.narrow {
  font-family: Arial, Helvetica, sans-serif;
}

.first {
  margin-top: 0;
}

.last {
  margin-bottom: 0;
}

.floatright {
  float: right;
  margin: 0 0 5px 10px;
}

.floatleft {
  float: left;
  margin: 0 10px 5px 0;
}

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.spaced {
  margin-top: 6px;
  margin-bottom: 6px;
}



/* table for color text areas */

table.mine {
  border-collapse: collapse;
}

table.mine td.theme {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;

  padding: 17px 18px 40px 18px; 
  border-left:  solid 1px;
  border-top:  solid 2px;
}


table.mine td.theme.teal {
  border-color: #288; 
  background-color: #ecf4f4;
}

table.mine td.theme.orange {
  border-color: #ff7a00; 
  background-color: #ffebd9;
}

table.mine td.theme.blue {
  border-color: #3480cc;
  background-color: #e1ecf7;
}

/* links */

table.mine td.theme.orange a {
  color: #ff7a00;
  text-decoration: none;
}


table.mine td.theme.teal a {
  color: #288;
  /*font-weight: bold; */
  text-decoration: none;
}


table.mine td.theme.blue a {
  color: #3480cc;
  text-decoration: none;
}

/* formatting table */

table.colmine {
  border-collapse: collapse;
}

table.colmine td.first {
  vertical-align: top;
  padding-right: 10px;
}


table.colmine td.last {
  vertical-align: top;
  border-width: 0px;
  padding-left: 8px;
}


/************************************************/

/* this div area is for creating sections on main (left) part of the home page */

div.mainsection {
  margin-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 2px;
  background-color: #fff;
}

div.mainsection.first {
  margin-top: 0;
}

div.mainsection.teal {
  border-color: #90c3c3;
}

div.mainsection.orange {
  border-color: #ffbc7f;
}

div.mainsection.blue {
  border-color: #99bfe5;
}

div.mainsection.about {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.8em;
  color: #666;
  vertical-align: top;
  text-align: left;
}

div.mainsection.about p {
  line-height: 1.8em;
}


/* this div area doubled makes the effect of paper sheets */

div.grp {
  vertical-align: top;

  padding: 0px 10px 10px 0px;
  border-right:  solid 1px;
  border-bottom: solid 1px;

  border-color: #ddd;
  background-color: #fff;
}


.showifjs,
.hideifjs {
  display: none;
}

div.cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

#searchquery {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  border-width: 1px;
  border-style: solid;
  border-top-color: #144;
  border-right-color: #3cc;
  border-bottom-color: #3cc;
  border-left-color: #144;
  background: url(/images/searchicon1.gif) no-repeat center right #fff; 
  width: 150px; 
  margin: 0; 
  padding: 2px 20px 2px 2px;
}

#searchquery:focus {
  background: #fff; 
  padding-right: 2px;
}

div.randombox {
  padding: 0.5em;
}