/* 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: #003366; Using Gradient (below) */
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#003366', endColorStr='#00245a', 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;*/
  /*width: 989px;*/
  width: 989px;
  border-collapse: collapse;
  border-color: #ff9933;
  text-align: left;
  /*vertical-align: top; This did not change anything*/
  background-image: url(images/wflorida.gif);
  border: 0;
  padding: 0;

 }

/* This is the right side or "content" cell of the main table */
.body {
  /* Add a little space around the content */
  padding-left: 3;
  padding-right: 3;
  padding-top: 3;
  padding-bottom: 3;

  width: 830px;
  vertical-align: top;
}

.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;}
*/

.Nav{
  width: 150px;
  font-family: Arial;
  font-weight: bold;
  font-size: X-Small;
  /*border: 1px;*/
  border-color: #ff9933;
  vertical-align: top;
  background-color: "#b7c0d1";
  /*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: 5px;
  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;*/
  color: #000000;
  /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9a577', endColorStr='#F57936', gradientType='0');*/
  background-color: "#b7c0d1";
  /*background-image: url(Images/Gradiant-Orange-24.gif);*/
 }

.NextEvent {
  font-size: 8pt;
  font-weight: Bold;
}

A.NextEvent:link    {color:Black; text-decoration:None;}
A.NextEvent:visited {color:Black; text-decoration:None;}
A.NextEvent:hover   {color:Red; text-decoration:underline;}

.CalendarDataList {
  font-size: 8pt;
  font-weight: Bold;

}

A.CalendarDataList:link    {color:Black; text-decoration:None;}
A.CalendarDataList:visited {color:Black; text-decoration:None;}
A.CalendarDataList:hover   {color:Red; text-decoration:underline;}


#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;
}

.footing {
  /*background-color: #F9a577;*/
  background-color: #dbe2ec;
  width: 100%;
}

.SelectedCalendarMonth{
  /*background-color: #F9a577;*/
  background-color: #b7c0d1;
}

.CalendarMonth{
  /*background-color: #F4D6C5;*/
  background-color: #dbe2ec;
}



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=#00245a;
   font-weight: Bold;
}

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

.DataTableHeader{
  background-color: #00245a;
  font-weight: Bold;
  /* This gets unsorted*/
  /*color: #f57936;*/
  color: #ffffff;
  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: #F4D6C5;*/
  background-color: #dbe2ec;
  padding-right: 5;
}

/*
.CommHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366
}

.CommBody
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    background-color: #C0C0C0;
}


.PrimaryTable
{
   Border-Style: Line;
   Border-Width: 2px;
   Padding: 1px;
}

.PrimaryTableHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    background-color: #00245A;
}

.PrimaryTableItem
{
   FONT-FAMILY: Arial;
   FONT-SIZE: 12px;
   background-color: #FFFFFF;
   color: #00245A;
   Border-Style: Line;
   Border-Width: 2px;
}
*/

.ImageTable
{
   Border-Style: Ridge;
   Border-Width: 2px;
   Padding: 1px;
   vertical-align: middle;
   text-align: Center;
   border-collapse: collapse;
   border-color: #091c5a;
}

.ImageTableHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366;
   /*Border-Style: Ridge;
   Border-Width: 2px;*/
}

.ImageTableItem
{
   FONT-FAMILY: Arial;
   FONT-SIZE: 12px;
   /*background-color: #C0C0C0;*/
   /*Border-Style: Ridge;
   Border-Width: 2px;*/
}

.FeaturedItems
{
   Border-Style: Solid;
   Border-Width: 1px;
   Padding: 1px;
   vertical-align: middle;
   text-align: Center;
   border-collapse: collapse;
   border-color: #00245A;
}

.FeaturedItemsHeading
{
   FONT-FAMILY: Arial;
   font-size: 16px;
   color: #ffffff;
   font-weight: Bold;
   /*Border-Style: Solid; */
   Border-Width: 1px;
   /*Padding: 1px; */
   vertical-align: center;
   text-align: Center;
   border-collapse: collapse;
   border-color: #00245A;
   /*background-color: #00245A;*/
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#004DBF',
  endColorStr='#00245A',
  gradientType='0');
}

A.FeaturedItemsHeading:link, A.FeaturedItemsHeading:visited {
  color:#ffffff; text-decoration:none;
);
}
A.FeaturedItemsHeading:hover   {color:#f57936; text-decoration:none;}

.Advertise{
  color: Red;
  font-size: 16px;
  font-weight: Bold;
}

.Sponsors{
  text-align: Center;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  border-color: Black;
  border-width: 1px;
  border-style: solid;
}
.SponsorItem{
  text-align: Center;
  font-size: 12px;
  font-family: Arial;
  font-weight: Bold;
}

.SponsorsTitle{
  font-size: 12px;
  font-weight: Bold;
  font-family: Arial;
}


.SpecialAnnouncements{
  text-align: Center;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  border-color: Black;
  border-width: 1px;
  border-style: solid;
}
.SpecialAnnouncementsItem{
  text-align: Center;
  font-size: 12px;
  font-family: Arial;
}

.SpecialAnnouncementsTitle{
  font-size: 16px;
  font-weight: Bold;
  font-family: Arial;
}

td.LinkExchangeViewer{
  text-align: Center;
}
a.LinkExchangeViewer{
  Color: Black;
  font-size: 12px;
  font-family: Arial;
  font-weight: Bold;
}