﻿body
{
	font-family: Calibri;
}

/* Skip-navigation link: hidden off-screen until it receives keyboard focus */
.skip-link
{
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 1000;
    padding: 8px 16px;
    background-color: #0174B8;
    color: #FFF;
    font-family: Calibri;
    font-size: 12pt;
}

.skip-link:focus
{
    left: 0;
}

#colorbody
{	
    /*background: url(images/gradient.jpg) 0% 0% repeat-x;*/
	font-family: Calibri;
}

#header
{
    font-family: 150% Calibri;
    color:White;
}

#lblOrgTitle
{
    font:100% calibri;
    color:maroon;   
}

#copyright
{
 	font: 70% calibri;
    color: #CCCCCC;
    position: absolute;
    top: 108px;
    width: 100%;
}

#design
{
 	font: 60% calibri;
    color: Black;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#navigation
{
    font-family: Calibri;
}

#title
{
    font-family: Calibri;
}

#PreviousArea 
{
	font-family: 110% Calibri;
}

#messagearea
{
    font-family: Calibri;
}

#NoColor{color:red;}

#PageBreak{PAGE-BREAK-AFTER: always;}

#NoPageBreak{PAGE-BREAK-AFTER: avoid;}


#content 
{
    height: auto;
	font-family: 110% Calibri;
}


#contentCenter
{
    margin-left: auto;
    margin-right: auto;
	font-family: 110% Calibri;
    height: 237px;
    width: 405px;
}
    
.NullColor{color:red;}
.ValueColor{color:#003AC7;}
.BlackColor{color:black;}
.RedColor{color:Red; font-weight:bold;}

.static
{
     Height:28px;
    color:#FFF;
    background-color:#0174B8;
    border-color:#ccc;
    font-family:Calibri;
    font-size:12pt;
    border: 0px solid;
    border-radius:5px;
    width:auto;
}

.hooverbutton
{ 
    color:#FFF;background-color:#009999;border-color:#009999;
     border: 0px solid;
     border-radius:5px;
    font-style:normal;
    font-family:Calibri;
    font-size:12pt;
}



.NAVstatic
{
    Height:28px;
    color:#FFF;
    background-color:#0174B8;
    border-color:#ccc;
    font-family:Calibri;
    font-size:12pt;
    border: 0px solid;
    border-radius:5px;
    width:auto;
}

.NAVhooverbutton
{
    color:#FFF;background-color:#009999;border-color:#009999;
    width:Auto;  
    border: 0px solid; 
    border-radius:5px;
    font-style:normal;
    font-family:Calibri;
    font-size:12pt;
}

.Headerstatic
{color:Black;
 background-color:transparent;
 border-width:0px;
 border-style:Groove;
 font-family: Calibri;
 font-weight:bold;
 height:Auto;
 width:Auto; 
 padding:0px;   
}

.Headerhooverbutton
{
    color:#FFF;background-color:#009999;border-color:#009999; 
    width:Auto;  
    border: 0px solid;
    border-radius:5px;
    font-style:normal;
    font-family:Calibri;
    font-size:12pt;
}

.COPYstatic
{background-color: #0174B8;
 border-width:0px;
}

.COPYhooverbutton
{background-color:Red;
 cursor:pointer;
 border-width:0px;
}

.Popup { 
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 2500px;
  background-color:#ffcc44;
  opacity:0.4;
  filter:alpha(opacity=40);  
}

.Popup2 { 
  position: absolute;
  top: 95%;
  left: 25%;
  border:solid 3px #000;
  width: 535px;
  height:545px;
  background-color:White;
}

.Popup3 { 
  position: absolute;
  top: 1450px;
  left: 25%;
  border:solid 3px #000;
  width: 535px;
  height:545px;
  background-color:White;
}

.Popup4 { 
  position: absolute;
  top: 95%;
  left: 25%;
  border:solid 3px #000;
  width: 535px;
  height: 160px;
  background-color:White;
}

.Popup5 { 
  position: absolute;
  top: 1450px;
  left: 25%;
  border:solid 3px #000;
  width: 535px;
  height:160px;
  background-color:White;
}

.Popup6 { 
  position: absolute;
  top: 35%;
  left: 25%;
  border:solid 3px #000;
  width: 535px;
  height:175px;
  background-color:White;
}

.cellUnderlineThin
{
    border-bottom-style: solid; 
    border-bottom-width: thin; 
    border-bottom-color: black;
}
.cellUnderlineMedium
{
    border-bottom-style: solid; 
    border-bottom-width: medium; 
    border-bottom-color: black;
}

/* Calendar Section */
div.calendar
{
  font-size: larger;
  font-weight: bold;
  color: red;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 5px solid green;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
  color: red;
}

div.calendar td,
div.calendar th
{
  padding: 5px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
  color: blue;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: green;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
   Height:28px;
             color:#FFF;
             background-color:#0174B8;
             border-color:#ccc;
             font-family:Calibri;
             font-size:12pt;
               border: 0px solid;
    border-radius: 5px;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
  text-decoration: underline;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}

 .btn-default1
         {
            border-style: solid;
    border-width: 0px;
    color:#FFF;
             background-color:#0174B8;
             border-color:inherit;
             font-family:Calibri;
             font-size:12pt;
               border-radius: 5px;
         }
     .btn-default1:visited,.btn-default1:active,.btn-default1:after,.btn-default1:target,.btn-default1:window-inactive
     {
         Height:28px;
        color:#FFF;
        background-color:#0174B8;
        border-color:#ccc;
        font-family:Calibri;
        font-size:12pt;
        border: 0px solid;
        border-radius: 5px;
     }

    .btn-default1:hover
    {
        color:#FFF;background-color:#006E6E;border-color:#006E6E;

    }

    /* Visible keyboard-focus indicator, kept separate from the other pseudo-classes above */
    .btn-default1:focus
    {
        Height:28px;
        color:#FFF;
        background-color:#0174B8;
        font-family:Calibri;
        font-size:12pt;
        border-radius: 5px;
        outline: 3px solid #FFBF47;
        outline-offset: 2px;
    }
    .button
    {
        Height:28px;
        color:#FFF;
        background-color:#0174B8;
        border-color:#ccc;
        font-family:Calibri;
        font-size:12pt;
        border: 0px solid;
        border-radius:5px;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus
    {
        color: #FFF !important;
        background-color: #0174B8 !important;
    }
    #liContactUs.open > .dropdown-toggle,
    #liContactUs.open > .dropdown-toggle:hover,
    #liContactUs.open > .dropdown-toggle:focus
    {
        color: #FFF !important;
        background-color: #0174B8 !important;
    }