/*
################################################################################
## body
################################################################################
*/

body {
  background-color: white;
  /* make the font size a bit smaller than the user's default */
  font-size: 90%;
}

/*
################################################################################
## default font settings
################################################################################
*/

body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, th, td {
  /* color: #004890; */
  /* color: #002D8F; */
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

/*
################################################################################
## default spacing settins
################################################################################
*/

h1, h2, h3, h4, h5, h6 {
  margin: 0.3em 0ex 0.3em 0ex;
  padding: 0.1em 0.1ex;
  line-height: 1.2em;
  font-weight: 600;
}

p,
ul, ol,
th, td {
  line-height: 1.3em; /* 1em; */
  font-size: 85%;
  font-weight: normal;
}

p,
img,
ol, ul {	
  /* add trailing space to paragraphs, images and lists */
  margin-bottom: 0.6em;
  padding: 0em 0ex;
}

/*
################################################################################
## header font sizes
################################################################################
*/

h1 {
	font-size: 105%;
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 95%;
}
h4 {
	font-size: 90%;
}
h5 {
	font-size: 85%;
}
h6 {
	font-size: 85%;
}

/*
################################################################################
## default table settings
################################################################################
*/

table {
  /* css cellspacing="0" equivalent, http://www.w3.org/TR/CSS2/tables.html */
  /* http://stackoverflow.com/questions/430485/ie-css-bug-table-border-showing-div-with-visibility-hidden-position-absolute */
  border-collapse: collapse;
}

tr {

}

th, td {
  padding-left: 0.5ex;
  padding-right: 0.5ex;
}

th {
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  font-size: 95%;
  font-weight: 700;
}

td {
  padding-top: 0.2em;
}

/*
################################################################################
## default list settings
################################################################################
*/

ol, ul {
  /* place bullet or number outside box ... remember to add margin to the <li> so the symbol is not clipped! */
  list-style-position: outside;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
  list-style-image: url(../media/images/bullet_disc);
}

li {
  margin: 0em 0ex 0.3em 3ex;
  line-height: 1.5em;
  padding: 0em 0ex;
}

/*
################################################################################
## default link settings
################################################################################
*/

/*
a {
  margin: 0px;
  padding: 0px; 
  background-image: url(../media/img03.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color: transparent;
  color: #004890;
  text-decoration: underline;
}
*/

/*
a:hover {
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: #006699;
  color: #FF6633;
}
*/

/*
################################################################################
## default horizontal ruler settings
################################################################################
*/

hr {
  background-color: transparent; /* ??? */
  /* display: none; */
}

/*
################################################################################
## default image settings
################################################################################
*/

img {
  margin: 0px;
  border: 0px none white;
}

/*
################################################################################
## #container-header
################################################################################
*/

#container-header {
  border-style: solid;
  border-color: #ccddff; /* #dde1ef; */
  border-width: 0px;
}

/*
################################################################################
## #container-body
################################################################################
*/

#container-body {
  background-image: url(../media/images/body_background);
  background-repeat: repeat-x;          /* repeat-y; */
  background-position: 0px 0px;       /* right bottom; */
  /* background-attachment: fixed; */
  background-color: white;
}

/*
################################################################################
## #container-footer
################################################################################
*/

#container-footer p {
  text-align: center;
  font-size: 60%;
  font-weight: normal;
  line-height: 2em;
  color: gray;
}

/*
################################################################################
## #header-art
################################################################################
*/

#header-art {
  background-color: #FAEAE1; /* #EA7617; */ /* transparent; */ /* white; */
}

/*
################################################################################
## #header-menu
################################################################################
*/

#header-menu {
  background-color: transparent; /* #f7bc83; */ /* white; */
}

/*
################################################################################
## div.sheet-corners-left and div.sheet-corners-right
################################################################################
*/

.sheet-corners-top > div,
.sheet-corners-bottom > div {
  width: 50%;
  height: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
}

.sheet-corners-top > div {
  background-image: url(../media/images/sheet_corners_top);
}

.sheet-corners-bottom > div {
  height: 1px;
  background-image: none;
}

/*
################################################################################
## div.sheet
################################################################################
*/

div.sheet {
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #ccddff; /* #dde1ef; */
  background-image: url(../media/images/sheet_shadow.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
}

/*
################################################################################
## menu - horizontal bar
################################################################################
*/

table.menu-bar {
  /* width: 100%; */
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  background-color: transparent;
  border: 0px none white;
}

table.menu-bar * {
  margin: 0px;
  padding: 0px;
}

/*
################################################################################
## menu - rootline
################################################################################
*/

table.menu-rootline {
  clear: both;
  border-collapse: collapse;
  background-color: transparent;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #e67519;
}

table.menu-rootline * {
  margin: 0px;
  padding: 0px;
}

table.menu-rootline td {
  border-width: 0px 0px 0px 0px;
  border-color: #e67519;
  border-style: solid;
  padding: 0em 1em;
}

table.menu-rootline td.last {
  border-width: 0px 0px 0px 0px;
}

table.menu-rootline td a {
  text-decoration: none;
  color: black;
  font-weight: 500;
}

table.menu-rootline td a:hover {
  text-decoration: underline;
}

/*
################################################################################
## menu - flyout
################################################################################
*/

table.menu-flyout {
  /* margin-top = 12px margin + 1px border-width */
  margin: 0px /* 12px */ 0ex 0px 0ex;
  border-collapse: collapse;
  background-color: transparent;
}

table.menu-flyout-sub {
  margin: 6px auto 6px 3ex;
  border-collapse: collapse;
  background-color: transparent;
}

table.menu-flyout td,
table.menu-flyout-sub td {
  margin: 0px;
  padding: 0px;
  /* border-width: 1px 1px 1px 0px; */
  /* border-style: solid; */
  /* border-color: #BBBBBB #DDDDDD; */ /* #ff9d4c #ffcea6; */ /* #ccddff; */
  background-color: white; /* transparent; */ /* #cce6ff; */
  height: 2em;
  color: #EA7617;
}

/* remove styling from a cell containing a sub-menu */
table.menu-flyout td.menu-flyout-sub,
table.menu-flyout td.menu-flyout-sub:hover {
  background-color: transparent;
  border-width: 0px;
}

table.menu-flyout td a,
table.menu-flyout-sub td a {
  color: #444444; /* #EA7617; */
  text-decoration: none;
  width: 100%;
}

table.menu-flyout td:hover,
table.menu-flyout a:hover,
table.menu-flyout-sub td:hover,
table.menu-flyout-sub a:hover {
  color: white;
  background-color: #ff9d4c;
}

table.menu-flyout-sub p.menu-item {
  font-size: 110%;
}