/* Index.aspx

Body tag - Class=Page
1st Table - Class=MainTable
Top - Class=Heading
Left - Class=Nav
Right - Class=Body
Bottom - Class=Footing

Index Page
----------------html body----------------
| --------------Main Table----------- | |
| | Heading - Heading.ascx            | |
| |---------------------------------- | |
| | Nav | Body                        | |
| |     |                             | |
| | Menu| ImageRotator.ascx           | |
| |.ascx| CalendarUC.ascx           | |
| |     |                             | |
| |     |                             | |
| |     | FeaturedItems.ascx          | |
| |-----------------------------------| |
| | Footing - IndexFooting.ascx       | |
| ------------------------------------| |
| FHCCFooter.ascx                       |
|---------------------------------------|

Standard Page
----------------html body----------------
| --------------Main Table----------- | |
| | Heading - Heading.ascx            | |
| |---------------------------------- | |
| | Nav | Body                        | |
| |     |                             | |
| | Menu|                             | |
| |.ascx|                             | |
| |     |                             | |
| |     |                             | |
| |     |                             | |
| |-----------------------------------| |
| | Footing - Footing.ascx            | |
| ------------------------------------| |
|---------------------------------------|

Standard Table (DataGrid)
CssClass:
  Table = DataTable
  Footer = DataTableFooter
  SelectedItem = DataTableSelItem
  EditItem - DataTableEditItem
  AltItem - DataTableAltItem
  Item - DataTableItem
  Header - DataTableHeader


Dark Blue : 00245A
Bright Orange : F57936

*/

P
{
  font-family: Arial;
}

A
{
  font-family: Arial;
}

li
{
  font-family: Arial;
}

@media print
{
.donotprint, .Nav, .FHCCFooting, .Footing, .BottomContent { display: none; }
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-left: 0px;

.Middle {   }
td.Body {  border: 0; }
}


@media screen
{

/* html "body" Tag */
body {
  margin-top: 6px;

  /* Allows MainTable to get closer to the right */
  margin-left: 3px;

  /*background-color: Org #FFFFFF - FFA8FF; Using Gradient (below) */
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1E36DE', endColorStr='#ffffff', gradientType='0');

  /* This aligns the MainTable in the center of the screen*/
  text-align: center;
  vertical-align: top;
}

}


/* Page Main Table (1st thing in html body) */
.MainTable{
  /* Sets the with for 800x600 display*/
  width: 765px;
  border-collapse: collapse;
  border-color: #ff9933;
  text-align: left;
  /*vertical-align: top; This did not change anything*/
  border: 0;
  padding: 0;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#21ff1e', gradientType='0');

 }

/* This is the right side or "content" cell of the main table */
.body {
  /* Add a little space around the content */
  //background-color: #DDD6AE;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#DDD6AE', gradientType='0');
  padding-left: 5;
  padding-right: 5;
  padding-top: 5;
  padding-bottom: 5;
  font-family: Arial;
  font-size: smaller;

  width: 100%;
  vertical-align: top;
}

@Media screen {
td.Body {
border: 4px #A68D5E inset;
}
}


.Counter {
  color: #FFFFFF;
  font-family: Arial;
  font-weight: bold;
  font-size: Large;
}

/*
A.Nav:link    {color:#0000FF; text-decoration:underline;}
A.Nav:visited {color:#0000FF; text-decoration:underline;}
A.Nav:hover   {color:#EB7D32; text-decoration:underline;}
*/

A.Menu:link    {color:#0000FF; text-decoration:none;}
A.Menu:visited {color:#0000FF; text-decoration:none;}
A.Menu:hover   {color:#F71D21; text-decoration:none;}


.MenuOrg{
  font-family: "";
  /*font-size: large;*/
  font-weight: bold;
}

/*
#Menu td {
  padding: 0px;
}

#Menu td a:link, #Menu td a:visited {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 8pt;
  border: solid #000000 1px;
  padding: 3px;
  color: #FFFFFF;
  background-color: #00245a;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#334e79', endColorStr='#00245A', gradientType='0');
}

#Menu td a:hover {
  font-weight: bold;
  font-size: 8pt;
  color: #00245a;
  background-color: #FFFFFF;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#555fba', endColorStr='#878cba', gradientType='0');
}
*/

.Menu{
  width: 200px;
  font-family: "Comic Sans MS";
  /*font-style:italic;*/

  /*font-family:"Palatino Linotype";*/

  /*font-weight: bold;*/
  font-size: Small;
  /*border: 1px;*/
  /*border-color: #ff9933;*/
  vertical-align: top;
  text-align: right;
  /*background-color: "#f57936";*/
  /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F57936', endColorStr='#F9a577', gradientType='0');*/
}

li.HeadingBottomNav, li.YouAreHere{
  float:left; /* Do Not Change*/
  list-style-type: none; /* Do Not Change*/
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 4;
}

li.HeadingBottomNav a, li.YouAreHere a {
  display:block; /* Do Not Change*/
  float:left; /* Do Not Change*/
  border-top:1px solid #091c5a;
  border-left:1px solid #091c5a;
  border-right:1px solid #091c5a;
  padding: 3px;
  text-decoration:none;
  margin-top: 0em;
  margin-left: 1px;
  margin-bottom: 2px;
  margin-right: 0;
  font-size: 8pt;
}

li.HeadingBottomNav a:link, li.HeadingBottomNav a:visited{
  color: #ffffff;
  /*background-image: url(Images/Gradiant-DarkGray-24.gif);*/
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#004DBF', endColorStr='#00245A', gradientType='0');
 }

li.HeadingBottomNav a:hover, li.HeadingBottomNav a.current,
li.YouAreHere a:hover, li.YouAreHere a.current {
  color: #000000;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#CCC4B2', gradientType='0');
  /*background-image: url(Images/Gradiant-LightGray-24.gif);*/
 }

li.YouAreHere a:link, li.YouAreHere a:visited{
  color: #ffffff;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9a577', endColorStr='#F57936', gradientType='0');
  /*background-image: url(Images/Gradiant-Orange-24.gif);*/
 }

#SideMenu td {
  padding: 0px;
}

#SideMenu td a:link, #SideMenu td a:visited {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 8pt;
  border: solid #000000 1px;
  padding: 3px;
  color: #FFFFFF;
  background-color: #00245a;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#334e79', endColorStr='#00245A', gradientType='0');
}

#SideMenu td a:hover {
  font-weight: bold;
  font-size: 8pt;
  color: #00245a;
  background-color: #FFFFFF;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#555fba', endColorStr='#878cba', gradientType='0');
}


.heading {
  /*background-color: #FFFFFF;*/
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 3;
  padding-bottom: 0;
  text-align: center;
}

.footing {
  /*background-color: #F9a577;*/
  width: 100%;
  font-family: Arial;
  font-size: Smaller;
}

FHCCFooter {
  text-align: center;
  font-family: Arial;
  font-size: x-Small;
}

A.FHCCFooter:link    {color:#FFFFFF; text-decoration:none;}
A.FHCCFooter:visited {color:#FFFFFF; text-decoration:none;}
A.FHCCFooter:hover   {color:#EB7D32; text-decoration:none;}

.BodyTitle
{
   font-size: 16px;
   font-family: Arial;
   color=#1f2bdc;
   font-weight: Bold;
}

.Heading1
{
   font-size: large;
   font-family: Arial;
   color=#1f2bdc;
   font-weight: Bold;
}

.Heading2
{
   font-size: larger;
   font-family: Arial;
   color=#1f2bdc;
   font-weight: Bold;
}


.DataTable
{
   Border-Style: Ridge;
   Border-Width: 2px;
   Padding: 1px;
   font-size: xx-small;
}

.ItemTitle
{
   font-family: Arial;
   font-weight: Bold;
}

.ItemDescription
{
   font-family: Arial;
   font-size: smaller;

}

.DataTableHeader{
  background-color: #00245a;
  font-weight: Bold;
  /* This gets unsorted*/
  /*color: #f57936;*/
  padding-right: 5;
}

.DataTableHeader a:Link, .DataTableHeader a:Visited, .DataTableHeader a:Hover {
  /* This gets sorted*/
  color: #FFFFFF;
}

.DataTableItem{
  background-color: #FFFFFF;
  padding-right: 5;
}

.DataTableAltItem{
  background-color: #FFFFE1;
  padding-right: 5;
}