/* site.css - Standard site styles */
/* Color scheme:
#d3d3d3 - light blue/gray - nav bar panels
#000033 - near-black text
*/

body {
  color: #000033;
  background-color: white;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: medium;
  margin: 0;
}
h1 { font-size: 150%; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 130%; font-family: Arial, Helvetica, sans-serif; }
h3 { font-size: 120%; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
h4 { font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

div {
  /*DO NOT USE (causes problems in Mozilla, at least with current layout table nonses):margin: 0;*/
  padding: 0;
  border: 0;
}
img {
  border: 0;
}

table {
  /*DO NOT USE (causes problems in Mozilla, at least with current layout table nonses):margin: 0;*/
  padding: 0;
  border: 0;
}
td {
  vertical-align: top;
}

.layoutArea {
  width: 100%;
}
.rightAlignedArea {
  width: 100%;
  text-align: right;  
}

/* General text styles */
.error {
	color: red;
	font-weight: bold;
}
.alert, .warning {
	color: red; 
	font-weight: bold;
	font-style: italic; 
}
.explanation {
	font-style: italic; 
	font-size: 85%;  /*WAS: 10px (?) */
}

.strikeout {
	text-decoration: line-through;
}

.operationName {
	font-style: italic;
	font-weight: bold;
}

/* vertical and horizontal nav areas */
/* TBD:
.vnavbar {
  margin: 0;
  padding: 4px;
}
.vnavbar li, .vnavbar div {
  margin: 0;
  padding: 0 6px;
  list-style: none;
  list-style-image: none;
}
.vnavbar li.subtitle, .vnavbar div.subtitle {
  padding: 0 4px 0 0;
}
*/
.hnavbar {
  margin: 0;
  padding: 0;
}
.hnavbar li {
  margin: 0;
  padding: 0 4px;
  display: inline;
  list-style: none;
  list-style-image: none;
}
.vnavbar a, .hnavbar a {
  text-decoration: none;
  font-weight: bold;
}
.vnavbar a:hover, .hnavbar a:hover {
  color: navy;
  background-color: #d3d3d3;
}

/*============================ HEADER, FOOTER, NAV AREAS =========================*/

#PageHeader {
  /*color: white;
  background-color: #990000;*/
  padding: 10px;
}
#PageBanner {
  width: 800px;
  font-size: 200%;
  font-weight: bold;
}
#PageBanner img {
  vertical-align: top;
}
#HeaderNav, #SubHeaderNav {
  width: 800px;
  font-size: 90%;  /*WAS: 10px*/
  text-align: center;
}

.headerWidthArea {
  width: 800px;
}

#PageBody {
}
/* TBD: PageContextBar - breadcrumbs and page actions... */
/* TBD: PageFlash or something like that - in page body, but not content (?) */
#PageContent {
  padding: 0 20px;
}

#PageContent .headerWidthArea {
  width: 790px;
}

#PageFooter {
  /*color: #000033;*/
  padding: 4px 10px;
}
#FooterNav {
  width: 800px;
  font-size: 90%;  /*WAS: 10px*/
  text-align: center;
}
#FooterBanner {
  width: 800px;
  font-size: 85%;  /*WAS: 10px */
  font-style: italic;
}

#HeaderNavPanel, #FooterNavPanel {
  background-color: #dcdcdc;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding-top: 4px;
  padding-bottom: 4px;
}
#SubHeaderNav {
  margin-top: 6px;
  border-bottom: 1px solid gray;
}

.primaryNavBar a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}
.primaryNavBar li.selected a, .secondaryNavBar li.selected a {
  text-decoration: underline;
}
.primaryNavBar a:hover {
  color: red;
  background-color: #d3d3d3;
  text-decoration: underline;
}
.primaryNavBar .hnavbar {
  text-align: center;
}
.secondaryNavBar .hnavbar {
  /*font-size: smaller;*/
  font-weight: normal;
}

#SubHeaderNav .hnavbar li.selected {
  border: 1px solid black;  
}
#SubHeaderNav .hnavbar li.selected a {
  text-decoration: none;
  /*background-color: #d3d3d3;*/
}
#SubHeaderNav hr.hnavbarBorder {
  height: 1px; color: #676767;
  margin: 0;
}

/*============================ CONTENT AREAS ================================*/

#ContentHeader, #Content {
	color: #000033;
	background-color: white;
}
#Content {
	padding-left: 4px;
	padding-bottom: 10px;
}

/*============================ CONTENT ELEMENTS =============================*/

img.icon {width: 16px; height: 16px; border: 0; vertical-align: baseline; }
.docIcon {width: 10px; height: 11px; border: 0; vertical-align: baseline; }
.pdfIcon {width: 17px; height: 17px; border: 0; vertical-align: baseline; }
.infoIcon {width: 16px; height: 16px; border: 0; vertical-align: baseline; }

.address {
	font-style: italic;
}

h1.sectionTitle {
  text-align: center; 
  margin: 0 0.5em;
}

.infoTable {
  padding-left: 20px;
  padding-right: 20px;
}
.infoTable thead {
  background-color: #dcdcdc;
}
.infoTable th, .infoTable td {
  padding-left: 6px;
  padding-right: 6px;
}
.infoTable .subHeader {
  background-color: #ffe4b5;
  text-align: center;
  font-style: italic;
}

/* ul.news-links */
ul.announcements {
  list-style: none;
}
.news-links li.completed, .announcements li.completed, .comment {
  display: none;
}

div.debugPanel {
  margin: 4px 20px;
  border: 1px solid red;
  padding: 4px;
}
div.debugPanel h2, div.debugPanel h3 {
  color: red;
}
table.debugValues {
  color: red;
}
table.debugValues caption {
  text-align: left;
  font-size: larger;
  font-weight: bold;
}
.debugValues th {
  vertical-align: top;
  text-align: right;
  padding-right: 4px;
}