/***************** colors ******************/

body {
  background-color: #999999;
}

.paperColor
{
  background-color: #FFFFFF;
}

.shadowColor
{
  background-color: #555555;
}

table.topMenu, td.twoColumnsFirst
{
  background-color:#D1F3EC;
  border-color: #888888;
}

a:link, a:visited,
a:hover, a:active
{
  color: #2222FF;
}

a:hover, a:active
{
  background-color: #BBBBBB;
}

div.leftMenuTitleDiv, div.leftMenuBottomDiv
{
  background-color: #333333;
}

div.leftMenuTitleDiv
{
  color: #FFFFFF;
}

div.leftMenuDiv
{
  background-color: #FFFFFF;
  color: #000000;
  border-left-color: #333333;
  border-right-color: #333333;
}

div.bottomLineOver, div.bottomLineUnder
{
  background-color: #555555;
}

div.bottomContactInfo
{
  color: #222222;
}

div.articleTextDiv
{
  color: #333333;
}

.hiddenTextColor
{
  color: #FFFFFF;
}

h1, h2, h3
{
  color: #334d55
}

td.articleTable, td.articleCode
{
  border-color: #333333;
}

div.articleBoxDiv
{
  color: #000000;
}

td.articleTable
{
  background-color: #D6EED2;
}

td.articleCode
{
  background-color: #DDDDDD;
}

/******************************************** styles ****************************************/

div.paperAndBackgroundDiv
{
  width: 755px;
  margin-left: auto;
  margin-right: auto;
}

table.page
{
  width: 755px;
  border-style: solid;
  border-width: 0px;
  border-collapse: collapse
}

.paperWidth
{
  width: 745px;
}

.shadowWidth
{
  width: 5px;
}

.shadowHeight
{
  height: 7px;
  font-size: 1px;
}

div.siteName
{
  width: 715px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 24px;
  font-family: Arial, sans-serif;
}

div.topMenuDiv
{
  width: 715px;
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 0px;
  padding-right: 15px;
}

table.topMenu
{
  width: 715px;
  border-style: solid;
  border: 1px;
}

td.topMenu
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding-top: 2px;
  padding-left: 8px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.menuItemSelected
{
  text-decoration: underline;
  /*font-weight: bold;*/
}

a:link, a:visited,
a:hover, a:active
{
  text-decoration: none;
}

div.mainContentDiv
{
  width: 715px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

table.twoColumns
{
  border-collapse: collapse;
  border-style: solid;
  border: 0px;
}

td.twoColumnsFirst
{
  width: 100px;
  padding-top: 7px;
  padding-left: 7px;
  padding-bottom: 15px;
  padding-right: 7px;
  border-style: solid;
  border: 1px;
  vertical-align: top;
}

td.twoColumnsSecond
{
  width: 576px;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  vertical-align: top;
}

div.leftMenuTitleDiv
{
  width: auto;
  font-size: 11px;
  font-family: Arial, sans-serif;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 2px;
}

div.leftMenuDiv
{
  width: auto;
  font-size: 11px;
  font-family: Arial, sans-serif;
  border-left-style: solid;
  border-left-width: 3px;
  border-right-style: solid;
  border-right-width: 3px;
  padding-left: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 18px;
}

div.leftMenuBottomDiv
{
  width: auto;
  font-size: 1px;
  height: 2px;
}

div.leftMenuSeparatorDiv
{
  width: auto;
  font-size: 1px;
  height: 15px;
}

a.leftMenuIndentLink:link, a.leftMenuIndentLink:visited,
a.leftMenuIndentLink:hover, a.leftMenuIndentLink:active
{
  margin-left: 8px;
}

table.bottom
{
  width: 715px;
  padding-left: 15px;
  padding-right: 15px;
}

div.bottomDiv
{
  width: 715px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

div.bottomLineOver
{
  width: auto;
  height: 2px;
  font-size: 1px;
}

div.bottomContactInfo
{
  width: 685px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  text-align: center;
}

div.bottomLineUnder
{
  width: auto;
  height: 6px;
  font-size: 1px;
}

h1, h2, h3
{
  font-family: Arial, sans-serif;
}

div.articleTextDiv
{
  font-size: 90%;
  font-family: Arial, sans-serif;
  line-height: 18px;
  padding-bottom: 10px;
}

h1
{
  font-size: 150%;
  padding-bottom: 5px;
  line-height: 125%;
}

h2
{
  font-size: 120%;
  padding-bottom: 0px;
}

h3
{
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 0px;
}

div.articleBoxDiv
{
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 80%;
  font-family: Arial, sans-serif;
}

td.articleTable, td.articleCode
{
  border-style: solid;
  border: 3px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: auto
}

td.articleTable
{
  font-size: 100%;
  font-family: Arial, sans-serif;
}

td.articleCode
{
  font-size: 100%;
  font-family: "Courier new";
}

.figureCaption
{
  font-style: italic;
  font-size: 90%
}

.code, .codeComment, .codeKeyword
{
  font-family: "Courier new";
  /*font-weight: bold;*/
}

.codeComment
{
    /*font-family: "Courier New", Courier, monospace;*/
  color: #009900;
}

.codeKeyword
{
  color: #3300FF;
}

div.articleListItemDiv
{
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eeeeee;
}

div.articleListSeparatorDiv
{
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 0px;
  background-color: #ffffff;
}


a.articleListLink:link,
a.articleListLink:visited,
a.articleListLink:hover,
a.articleListLink:active
{
  color: #333333;
}

a.articleListLink:hover
{
  color: #2222FF;
  /*background-color: #eeeeee;
  text-decoration: underline;*/
}

span.articleListHeading
{
  color: #333333;
  font-weight: bold;
}

span.articleListDate
{
  color: #333333;
  font-size: 60%;
}

span.articleListKeywords
{
  color: #333333;
  font-size: 60%;
}

p.articleListDescription
{
  color: #333333;
  font-size: 100%;
}