/* styles.css */

/* Base style *************************************************************** */
/* Use classes below, defined specifically for TrilinosWeb                    */
/* For 'p', place text outside of any other font tags                         */

p,h1,h2,h3,h4,h5,h6,big,small,b,i,u,s,em,strong,sub,sup,abbr,address,
q,blockquote,cite,caption,code,var,samp,kbd {
  font-family: Serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  color: #000000;
  line-height: 120%;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  vertical-align: baseline;
  text-transform: none;
  text-align: left;
  text-indent: 0%;

  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: #000000;
  background-color: transparent;
  background-attachment: scroll;
  background-position: 0%;
  display: inline;
  white-space: normal;
}

/* Body style *************************************************************** */

.body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;

  font-family: Serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  color: #000;
  background-color: #ccc;
  line-height: 120%;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  vertical-align: middle;
  text-transform: none;
  text-align: center;
  text-indent: 0%;
  white-space: normal;
  border-style: none;
}

/* Link styles ************************************************************** */

/* Default link styles ****************************************************** */

a:link, a:visited, a:active {
  text-decoration: none;
  font-weight: bold;
  color: #036;
  background-color: transparent;
}

a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #036;
  background-color: transparent;
}

/* Special link styles ****************************************************** */

.title a:link, .title a:visited, .title a:active {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  background-color: transparent;
}

.title a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #999;
  background-color: transparent;
}

.subtitle a:link, .subtitle a:visited, .subtitle a:active {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  background-color: transparent;
}

.subtitle a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #999;
  background-color: transparent;
}

/* Font styles ************************************************************** */

.title {
  font-family: Serif;
	font-size: 28pt;
  font-weight: bold;
  line-height: 100%;
  color: #fff;
  background-color: transparent;
}

.subtitle {
  font-family: Serif;
  font-size: 12pt;
  font-weight: bold;
  line-height: 100%;
  color: #fff;
  background-color: transparent;
}

.heading {
  font-family: Serif;
	font-size: 18pt;
  line-height: 200%;
  display: block;
}

.subheading {
  font-family: Serif;
  font-size: 16pt;
  line-height: 150%;
  display: block;
}

.inlineHeading {
  font-family: Serif;
  font-size: 16pt;
  line-height: 100%;
  display: inline;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.center {
  display: block;
  text-align: center;
}

.footer {
  font-size: 11pt;
}

.warning {
  font-size: 10pt;
  color: #000099;
  background-color: transparent;
}

/* Table styles ************************************************************* */

#mainTable {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #666;
}

#titleCell {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 10px;
  display: block;
  text-align: left;
  vertical-align: middle;
  background-color: #036;
  border-style: none;
}

#contentCell {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 20px;
  vertical-align: top;
}

#contentTable {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
  background-color: #fff;
  border-style: none;
}

.innerLeftCell {
  padding: 0px 0px 20px 0px;
  text-align: left;
  vertical-align: top;
}

.innerRightCell {
  width: 100%;
  padding: 0px 10px 10px 20px;
  text-align: left;
  vertical-align: top;
}

.innerLeftBottomCell {
  height: 100%;
  text-align: left;
  vertical-align: top;
}

.innerRightBottomCell {
  width: 100%
  height: 100%;
  padding: 0px 10px 10px 20px;
  text-align: left;
  vertical-align: top;
}

#footerCell {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #666;
}

/* Spacer table styles ****************************************************** */

#spacerTable {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

#topSpacerCell {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

#leftSpacerCell {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

#centerSpacerCell {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

#rightSpacerCell {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

#bottomSpacerCell {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

.verticalSpacer {
  width: 10px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

.horizontalSpacer {
  width: 0px;
  height: 10px;
  margin: 0px;
  padding: 0px;
}

/* Lists ******************************************************************** */

/* Horizontal navigation bar ------------------------------------------------ */

#navcontainer ul {
  font-family: Sans-serif;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  float: left;
  color: #fff;
  background-color: #999;
}

#navcontainer ul li {
  display: inline;
  list-style: none;
}

#navcontainer ul li a {
  text-decoration: none;
  padding: 0.2em 1em;
  float: left;
  color: #fff;
  background-color: #999;
}

#navcontainer ul li a:hover {
  color: #036;
  background-color: #999;
}

#navlist li#current {
  font-weight: bold;
  text-decoration: none;
  padding: 0.2em 1em;
  display: inline;
  float: left;
  color: #fff;
  background-color: #666;
}

/* Link list ---------------------------------------------------------------- */

#linklist {
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid gray;
}

#linklist a {
  width: 100%;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  display: block;
}

#linklist li {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid gray;
  list-style: none;
}

#linklist li a {
  width: 100%;
  text-decoration: none;
}

#linklist li a:hover {
  width: 100%;
  background-color: #ddd;
}


/* Image styles ************************************************************* */

#portrait {
}