.Heading
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;	
	color:Black;
	height:auto;
}

.list
{
    list-style-position: inside;
    list-style-type:lower-alpha;
    margin-left: 0;
    padding-left: 20px;
    width:80%;
}


.listitem 
{
    margin-left: 0; 
    padding-left: 40px;
    width:auto;
}

.SmallHeading
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;	
	font-weight:bold;
	color:Black;
	height:auto;
}

.Boldtext
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
	color:Black;
	font-weight:bold;
	height:auto;
}

.content
{
    text-align:center;
    height:auto;
}

.Messagecontent
{
    text-align:left;
    height:auto;
    padding-left:3em;
    padding-right:3em;
    max-width:48em;
}


.splash
{
    text-align:center;
    height:auto;
    margin-top: 5em;
}

.table-layout
{
     width:95%;
     text-align:center;
     border:0;
     padding:2;
     margin-left: auto;
     margin-right: auto;
}   
.col1
{
    text-align:left;
    width:50%;
    height:2.5em;
    vertical-align:top;
    
}
.col2
{
    text-align:center;
    width:10%;
    height:2.5em;
    vertical-align:top;
    
}

.col3
{
    text-align:left;
    width:40%;
    height:2.5em;
    vertical-align:top;
    
}

.panel
{
    margin-left: auto;
    margin-right: auto;
    height:auto;
}

.textbox
{ width:120px;
   text-align:left;
   }

.helpimage
{
     Border:1px;     
     Border-Style:outset;
}

 .link a:link
 {
    font-family: Arial;
    font-size: 1.1em;
    color:#000000;
 
 }
 
  .link a:visited 
 {
    font-family: Arial; 
    font-size: 1.1em;
    color:  Gray;    
 }
 
 .formstage a:link
 {
    font-family: Arial; 
    font-size: 1.2em;
    color:  Gray;    
 }
 
div#footer-left
{
	float:left;
	width:50em;
	text-align:right;
}

div#footer-right
{
	float:right;
	width:20em;
	text-align:right;
}

.formstage 
{
    font-family: Arial; 
    font-size: 1em;
    color:Gray;
    margin-left:5em;
    vertical-align:middle;
    border-bottom:soild 0.1em gray;
    max-width:45em;
    
}

/* --------- hover image  ---------- */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; 
 top: -150px;
left: -390px; /*position where enlarged image should offset horizontally */
}
/* --------- hover image  ---------- */


/* --------- Popup with text  ---------- */
.popup{
position: relative;
z-index: 0;
}

.popup:hover{
background-color: transparent;
z-index: 50;
}

.popup span{ /*CSS for div*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popup:hover span{ /*CSS for div on hover*/
visibility: visible;
top: 0;
left: -4em; /*position where div should offset horizontally */
top: 2.8em;
width:45em;
}
/* --------- Popup with text  ---------- */


    .div2col_left
     {   display:block;   
          float:left;
           padding:5px;
           margin-left:10px;
           width:48%;
           text-align: left;
     }   
    
     .div2col_right
     {    display:block;
           padding: 5px 0 5px 0;
           float:left;
           width:42%;
           text-align: left;
     }   
     
     .formsectionheading
     {
        display:block;
        text-align:left;    
        font-weight:bold;
        float:left;
        padding-top:10px;
     }
    
          br
    {
        clear: left;
    }
    
    hr
    {
        color:#F9F6C5;
    }
    
        .hidden
    {  display:none;
    }
    
       .smallcol_left
     {   display:block;   
          float:left;
           padding:5px;
           margin-left:20px;
           width:80px;
           text-align: left;
     }   
    
     .smallcol_right
     {    display:block;
           padding: 5px 0 5px 0;
           float:left;
           width:250px;
           text-align: left;
     }   
     
     .HRtablerow
     { height:30px;   
     }
     
      .HRtablecell
     { text-align:center;
        border:solid 1px;  
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    font-size: 1.0em;	
    }
    
      .HRtablerowinrange
     {height:30px;
       background-color:#F9F6C5;   
    }
     
      .headerrow
     { height:25px;      
     }
     
      .headercell
     {height:25px;
        text-align:center;
        border:solid 1px;
        background-color:#F2F2F2;   
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    font-size: 1.1em;	
	    color:Black;
	    font-weight:bold;
     }
     
     .SmallHeadingRed
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
	font-weight:bold;
	color:Red;
	height:auto;
}

   .hidden
    {  display:none;
    }
    
    .autotext
    { background-color:#F9F6C5; 
    }
    
    
    
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}

.modalPopup
{
     background-color:#ffffdd;
 /*    border-width:3px;
     border-style: ridge;
      border-color:Gray;*/
      padding:3px;
      vertical-align:middle;
}