﻿body {
  background-color: #CDCDCD;
  font-family: Arial, Sans-Serif;
  font-size: 11pt;
  color: #0d2647;
  margin: 2px;
  background-image: url('Images/MainBackground.jpg');
  background-repeat: repeat-x;
}
a:link { 
  color: #335d95;
}
a:visited { 
  color: #335d95;
}
a:hover {
	color: #ee6600
}
a:active {
	color:#ee6600
}
img {
  border-style: none;
}
img.bioPic {
  margin-right: 10px; 
  margin-bottom: 10px; 
  float:left;
}
h2 {
  font-family:trebuchet ms,arial,tahoma,verdana,sans-serif;
  font-weight:normal;
  letter-spacing:.005em;
  font-size:1.5em;
  padding:.5em 0 .2em 0;
  margin:.5em 0 .5em 0;
  color: #ee6600;
  border-bottom: 2px solid #fc9;
}
h4 {
  font-family:trebuchet ms,arial,tahoma,verdana,sans-serif;
  font-weight:normal;
  letter-spacing:.005em;
  font-size:1.0em;
  padding:.1em 0 .2em 0;
  margin:.1em 0 .5em 0;
  color: #ee6600;
  border-bottom: 2px solid #fc9;
}
td.homePage {
  background-color: #DDDDDD; 
  margin: 10px; 
  vertical-align: top; 
  padding: 5px;
  background-image: url('Images/PanelBackground.jpg'); 
  background-repeat: repeat-x;
  background-position: bottom;
}
#header {
  background-color: rgb(42, 73, 117);
  background-image: url('Images/HeaderBackground.jpg');
  background-repeat: repeat-x;
  width: 100%;
  margin: 0px auto 0px auto;
}
#headerTable {
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  padding: 0px;
  border-collapse: collapse;
  height: 124px;
  color: #999999;
}
#headerTable a:link {
  color: #DDDDDD;
}
#headerTable a:visited {
  color: #DDDDDD;
}
#headerTable a:hover {
  color: White;
}
#mainTable {
  background-color: #e6e6e6;
  width: 1024px;
  margin: 0px auto 0px auto;
}
#mainCell {
  background-color: #e6e6e6;
  margin: 0px;
  vertical-align: top;
  background-image: url('Images/MainTableBackground.jpg');
  background-repeat: repeat-x;
}
#navCell {
  vertical-align: top;
  width: 300px;
  margin: 0px;
  padding: 0px;
}
#siteMap {
  margin-top: 20px;
  margin-right: auto;
  margin-left: 2px;
  width: 98%;
  background-color: #d6d6d6;
  padding: 1px 1% 1px 0%;
  border: solid 1px Silver;
  white-space: nowrap;
}
.infoBox {
  vertical-align: top;
  background-color: rgb(42, 73, 117);
  color: #DDDDDD;
  margin: 0px 0px 4px 0px;
  padding: 0px;
}
.infoBox a:link {
  color: #DDDDDD;
}
.infoBoxTitle {
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}
.infoBox a:visited {
  color: #DDDDDD;
}
.infoBox a:hover {
  color: White;
}
.infoBoxLinks {
  text-align: center;
  font-size: 10pt;
  padding: 4px;
}
.infoBoxContent {
  padding: 4px;
}
#scripture {
  width: 99%; 
  padding: 1px 1% 1px 0%;
  background-color: #FFFFCC;
  font-family: Times New Roman, Serif;
  font-size: 12pt;
  font-style: italic;
  border-bottom-style: solid;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: #DBDBB1;
  color: #999999;
}
.mainHeading {
  font-size: 16pt;
  font-weight: bold;
}
.box {
  background-color: #DCDCDC;
  border: solid 1px #969696;
  padding: 2px 5px 2px 5px;
  margin: 5px auto 5px auto;
  width: 575px;
  color: #1e3758;
  background-image: url('Images/PanelBackground.jpg');
  background-position: bottom;
  background-repeat: repeat-x;
}
.message {
  background-color: #ffe2b2;
  border: solid 1px #ee6600;
  padding: 2px 5px 2px 5px;
  margin: 5px 10px 5px 10px;
  color: #ee6600;
}
.overflowHidden {
  overflow: hidden;
}
/* GridView */
.gridView_Left {
  margin-left: 0px;
  margin-right: auto;
  border-color: #969696;
}
.gridView {
  margin-left: auto;
  margin-right: auto;
  border-color: #969696;
}
.gridViewAlternatingRowStyle {  
  text-align: center;
  background-color: #bbbbbb;
  border-color: #969696;
  border-width: 1px;
  white-space: nowrap; 
}
.gridViewAlternatingRowStyle_Wrap {  
  text-align: center;
  background-color: #bbbbbb;
  border-color: #969696;
  border-width: 1px;
}
.gridViewAlternatingRowStyle_Left {  
  text-align: left;
  background-color: #bbbbbb;
  border-color: #969696;
  border-width: 1px;
  white-space: nowrap;
}
.gridViewEditRowStyle {
}
.gridViewEmptyDataRow {
  background-color: #d6d6d6;
  border: solid 1px #969696;
  padding: 2px 5px 2px 5px;
  margin: 5px 0px 5px 0px;
  color: #1e3758;
}
.gridViewFooterStyle {
}
.gridViewHeaderStyle {
  background-color: #C1C1C1;
  font-size: 10pt;
  background-image: url('Images/GridViewHeaderBackground.jpg');
  background-repeat: repeat-x;
}
.gridViewPagerStyle {
}
.gridViewRowStyle {
  text-align: center;
  background-color: #cccccc;
  border-color: #969696;
  border-width: 1px;
  white-space: nowrap;
}
.gridViewRowStyle_Wrap {
  text-align: center;
  background-color: #cccccc;
  border-color: #969696;
  border-width: 1px;
}
.gridViewRowStyle_Left {
  text-align: left;  
  background-color: #cccccc;
  border-color: #969696;
  border-width: 1px;
  white-space: nowrap;
}
.gridViewSelectedRowStyle {
}
/* DetailsView */
.detailsView {
  width: auto;
}
.detailsViewAlternatingRowStyle {
  border-color: #969696;
  text-align: left;
  background-color: #bbbbbb;
  border-width: 1px;
  white-space: nowrap;
}
.detailsViewCommandRowStyle {
}
.detailsViewEditRowStyle {
}
.detailsViewEmptyDataRow {
  background-color: #d6d6d6;
  border: solid 1px #969696;
  padding: 2px 5px 2px 5px;
  margin: 5px 0px 5px 0px;
  color: #1e3758;
}
.detailsViewFieldHeaderStyle {
  font-weight: bold;
}
.detailsViewFooterStyle {
}
.detailsViewHeaderStyle {
}
.detailsViewInsertRowStyle {
}
.detailsViewPagerStyle {
}
.detailsViewRowStyle {
  border-color: #969696;
  text-align: left;
  background-color: #cccccc;
  border-width: 1px;
  white-space: nowrap;
}
.detailsViewSelectedRowStyle {
}
.results {
  margin-left: auto;
  margin-right: auto;
  padding: 2px; 
  margin: 5px; 
  background-color: #FFFFCC;
  border: solid thin #FFEEBB;
  color: #1e3758;
}
.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.small {
  font-size: 10pt;
}
h1 {
  display: inline;
  color: #182d48;
  font-size: 13pt;
}
h3 {
  font-size: 14pt;
  font-weight: normal;
  padding: 2px;
  margin: 2px 0px 2px 0px;
  width: 90%;
}
.todo {
  background-color: Red;
  color: White;
}
/* menu */
.menu-strip {
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8em;
  vertical-align: top;
  padding: 0px;
  background: #2A4975 url('Images/MenuBackground.jpg') repeat-x;
  border: 1px solid #888888;
}
/* menu level 1 styles */
.menu-level1 {
  color: White;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
}
.menu-level1-item {
  text-decoration: underline;
  padding: 3px;
  text-align: center;
}
.menu-level1 a:link, .menu-level1 a:visited, .menu-level1 a:active {
  color: #EEEEEE;
}
.menu-level1-selected {
  background: #7F3500 url('Images/MenuItemSelected.gif') repeat-x;
  font-weight: bold;
  text-decoration: none;
}
.menu-level1-hover {
}
.menu-level1-hover a:link, .menu-level1-hover a:visited, .menu-level1-hover a:hover, .menu-level1-hover a:active {
  color: White;
}
/* menu level 2 styles */
.menu-level2 {
  background-color: #124265;
  margin: 0px;
}
.menu-level2-item {
  background-color: #124265;
  color: #DDDDDD;
}
.menu-level2-selected {
  background-color: #EE6600;
  color: White;
}
.menu-level2-hover {
  color: White;
}
.menu-level2 a:link, .menu-level2 a:visited, .menu-level2 a:hover, .menu-level2 a:active {
  color: White;
}
.menu-level2-hover a:link, .menu-level2-hover a:visited, .menu-level2-hover a:hover, .menu-level2-hover a:active {
  color: White;
}
.centeredText {
  text-align: center;
}
.error {
  color: Red;
}
/* footer */
.footer {
  text-align: center; 
  color: White; 
  background-color: #122C4D;
  padding: 5px;
  font-size: 10pt;
  margin-top: 4px;
}
a:link.footer {
  color: White;
}
a:visited.footer {
  color: White;
}
a:hover.footer {
  color: #ee6600;
}
/* Google search */
.gsc-control {
  width : 100%; 
}
.even {
  background-color: #DDDDDD;
}
.odd {
  background-color: #BBBBBB;
}
.mp3Button {
  background-image: url('Images/Speaker.gif')
}
.pptButton {
  background-image: url('Images/PowerPoint.gif')
}
.mid {
  vertical-align: middle;
}
.separator {
  width: 75%; 
  height: 0px; 
  margin-left: auto;
  margin-right: auto; 
  border-bottom: 1px dashed silver; 
  padding: 0px; 
  margin-top: 4px;
  margin-bottom: 4px;
}