Body
{
  background-image: none;
  background-color: #800000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

hr,.hr2,.hr3,.hr4
{
  color: #800000;
}

.MainArea
{
  font-family: 'Mesouran Casual SSi' , 'Comic Sans MS' , 'Arial Narrow';
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.MainFrame
{
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-width: 0;
}

.SiteTitleBlack
{
  font-size: 30px;
  font-family: 'Comic Sans MS' , 'Arial Narrow' , 'Book Antiqua';
  font-weight: bold;
  color: black;
  text-align: center;
}
.SiteTitle
{
  font-size: 20px;
  font-family: 'Comic Sans MS', 'Arial Narrow' , 'Book Antiqua';
  font-weight: bold;
  color: #800000;
  text-align: center;
}

.ScreenTitle
{
  font-weight: normal;
  color: #800000;
  font-size: 12px;
  font-family: 'Comic Sans MS', 'Arial Narrow' , 'Book Antiqua';
  text-align: center;
  padding: 0; 
  margin: 0; 
}
.ScreenTitleBlack, h1
{
  font-size: 16px;
  font-family: 'Comic Sans MS', 'Arial Narrow' , 'Book Antiqua';
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 0; 
  margin: 0; 
}

.ModuleTitle, h2
{
  font-size: 14px;
  font-family: 'Comic Sans MS', 'Arial Narrow' , 'Book Antiqua';
  font-weight: bold;
  color: #800000;
  padding: 0; 
  margin: 0; 
}

.ParagraphTitle, h3
{
  font-size: 13px;
  font-family: 'Comic Sans MS' , 'Arial Narrow' , 'Book Antiqua';
  font-weight: bold;
  color: #000000;
  padding: 0; 
  margin: 0; 
}

.YellowDottedBox
{
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width:210px;
  margin: 5px auto 5px auto;
  background-color: #ffffcc;
  padding: 5px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-right: black 1px dotted;
  border-top: black 1px dotted;
  border-left: black 1px dotted;
  border-bottom: black 1px dotted;
}
.ModuleYellowBox
{
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width: auto;
  margin: 5px auto 5px auto;
  background-color: #ffffcc;
  padding: 5px;
  border-right: black 1px dotted;
  border-top: black 1px dotted;
  border-left: black 1px dotted;
  border-bottom: black 1px dotted;
}
.ModuleHeading
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.ModuleDescription
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.ModuleGreenBox
{
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width: auto;
  margin: 5px auto 5px auto;
  background-color: #ccff99;
  padding: 5px;
  border-right: black 1px dotted;
  border-top: black 1px dotted;
  border-left: black 1px dotted;
  border-bottom: black 1px dotted;
}
.ModuleBlueBox
{
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width: auto;
  margin: 5px auto 5px auto;
  background-color: #ccffff;
  padding: 5px;
  border-right: black 1px dotted;
  border-top: black 1px dotted;
  border-left: black 1px dotted;
  border-bottom: black 1px dotted;
}

/*
to be effective pseudo class should appear in the following order:
link, visited, hover, active
*/

a:link
{
  text-decoration: underline;
  color: #000099;
}

a:visited  
{
  text-decoration: underline;
  color:  #000099;
}
a:hover 
{
  text-decoration: underline;
  color:  #ff6600;
}
a:active   
{
  text-decoration: underline;
  color:  #009900;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
  color: #000099;
  text-decoration: underline;
}

A.CommandButton:visited
{
  text-decoration: underline;
  color: #000099;
}

A.CommandButton:hover
{
  text-decoration: underline;
  color: #ff6600;
}
A.CommandButton:active
{
  text-decoration: underline;
  color: #009900;
}

/* ----- Begin DataGrid ----- */

.DataGridHead
{
  font-weight: bold;
  background: #ffdab9;
  color: #000000;
}
.DataGridFooter
{
  background: #ffdab9;
  color: #000000;
  border-top: #000000 1px solid;
  border-bottom: #000000 1px solid;
}
.DataGridPager
{
  background: #ffdab9;
  color: #000000;
  font-weight:bold;
}


.DataGridHead a:link
{
  color:#000000;
  text-decoration: underline;
}
.DataGridHead a:visited
{
  color:#000000;
  text-decoration: underline;
}
.DataGridHead a:hover
{
  color:#ff6600;
  text-decoration: underline;
}
.DataGridHead a:active
{
  color:#009900;
  text-decoration: underline;
}

.DataGridItem
{
  background: #FFFFFF;
  color: #000000;
}
.DataGridItemAlt
{
  background: #fffacd;
  color: #000000;
}

.DataGridPager a:link
{
  color: #000000;
  text-decoration: underline;
}
.DataGridPager a:visited
{
  color: #000000;
  text-decoration: underline;
}
.DataGridPager a:hover
{
  color: #ff6600;
  text-decoration: underline;
}
.DataGridPager a:active
{
  color: #009900;
  text-decoration: underline;
}

/* ----- End DataGrid ----- */

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
   	background: white;
	  color: #000000;
}

/* used for specialty text, the exception, not the norm */
.NormalFreeStyle
{
    font-family: Comic Sans MS;
    font-size: 16px;
    font-weight: normal;
    color:#000000
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.DataGridTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.DataGridDropDownList
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
/* MODULE-SPECIFIC */

/* used only for scripture quotes */
.Scripture
{
  font-weight: normal;
  font-size: 12px;
  background: white;
  color: #000000;
  line-height: normal;
  font-style: italic;
  font-family: 'Comic Sans MS';
}

/* ModuleFAQS */
.ModuleFAQSCategory
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.ModuleFAQSQuestion
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #00407E;
}
.ModuleFAQSAnswer
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}


/* GENERAL */
.Footer
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
	background: white;
	color: #000000;
}

/* GENERIC */
TFOOT, THEAD
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: green;
}

TH
{
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: green;
}



BLOCKQUOTE, PRE
{
    font-family:    Lucida Console, monospace;
}




