body
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#colorbody
{	
    background: url(images/gradient.jpg) 0% 0% repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header
{
    font-family: 150% Verdana, Arial, Helvetica, sans-serif;
    color:White;
}

#copyright
{
 	font: 60% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    color: #CCCCCC;
    position: absolute;
    top: 108px;
    width: 100%;
}

#design
{
 	font: 60% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    color: Black;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#navigation
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#PreviousArea 
{
	font-family: 110% Verdana, Arial, Helvetica, sans-serif;
}

#messagearea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#NoColor{color:red;}

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

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


#content 
{
    height: auto;
	font-family: 110% Verdana, Arial, Helvetica, sans-serif;
}


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

.static
{color:White;
 background-color: #017DC7;
 border-width:0px;
 border-style:Groove;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 height:24px;
 width:Auto;    
}

.hooverbutton
{color: White;
 background-color:Red;
 cursor:pointer;
 border-width:0px;
 border-style:Groove;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 height:24px;
 width:Auto;   
}

.NAVstatic
{color:White;
 background-color: #017DC7;
 border-width:0px;
 border-style:Groove;
 font-family: 75% Verdana, Arial, Helvetica, sans-serif;
 height:24px;
 width:Auto;    
}

.NAVhooverbutton
{color: White;
 background-color:Red;
 cursor:pointer;
 border-width:0px;
 border-style:Groove;
 font-family: 75% Verdana, Arial, Helvetica, sans-serif;
 height:24px;
 width:Auto;   
}

.Headerstatic
{color:Black;
 background-color:transparent;
 border-width:0px;
 border-style:Groove;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 height:Auto;
 width:Auto; 
 padding:0px;   
}

.Headerhooverbutton
{color: Red;
 background-color:transparent;
 cursor:pointer;
 border-width:0px;
 border-style:Groove;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 height:Auto;
 width:Auto; 
 padding:0px;  
}

.COPYstatic
{background-color: #017DC7;
 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;
}

.FontSizeSmall
{
    font-size:small;
}

.FontSizeMedium
{
    font-size:medium;
}

.FontSizeLarge
{
    font-size:large;
}

/* 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
{
  background-color: #cde;
}

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

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

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