.headerTable 
        {text-align : center ; background-color : #999;color : white ;}
	.contentTable 
        {text-align : left ; background-color : white ;color : black ; font-size : 12px ;}
    .buttonStyle    
        {cursor : pointer ;background-color : green ;color : white ; padding : 5px 15px 5px 15px ; border: none ;display:inline ; margin-bottom:5px ;}
    .buttonStyle2    
        {cursor : pointer ;background-color : green ;color : white ;padding : 10px 15px 10px 15px ; border: none ;display:inline ; margin-bottom:5px ; font-size:16px ;}
    .buttonStyle a    
        {text-decoration :none ; color : white ;}
    .buttonStyle2 a    
        {text-decoration :none ; color : white ;}
        
    .buttonStyle_right    
        {cursor : pointer ;background-color : green ;color : white ; padding : 10px 15px 10px 15px ; border: none ;display:inline ; margin-bottom:5px ;float:right ;}
        
    .headText
        {  font-size: 26px ; color : #999;}
        
    .heightColumn
        { height :630px ;}
    
    .column
        { float : left ;width : 49% ;height :620px ; }
    
    
    .coloumReg1 
  	    {
  	      float :left ; width :48%; height :100px;margin-right:0px ; 
  	      
  	    }
  	.coloumReg2 
  	    {
  	      float :left ; width :48%; height :200px;margin-right:0px ;
  	    }
    .inputStyle
        { margin-left : 10px ; 	padding: 5px ;width : 90% ; border:solid 1px #999; font-size : 18px ;}
    
    .inputTextArea
        { margin-left : 10px ; 	padding: 5px ;width : 90% ; border:solid 1px #999;  min-height : 80px; font-size : 18px ;}
    
    .titleField
        { margin-left : 10px ;font-size : 18px ; padding-top : 10px;padding-bottom : 10px ; color : #999 ;}
    
    .textDisplay 
        {
            margin-left : 10px ; 	padding: 10px ;width : 90% ; border:solid 2px #999; font-size : 18px ; 
        }
    .textDisplay2 
        {
            margin-left : 10px ; 	padding: 10px ;width : 100% ; border:solid 2px #999; font-size : 18px ; 
        }
        
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) 
    {
      .coloumReg2
      	{ float :none ; width :100%; height :auto;min-height :200px;margin-right:0px ;overflow-x: scroll;}
      		
            
      .leftcolumn, .rightcolumn 
        {   
            width: 100%; padding: 0;
        }
        .column
            { float : none ;width : 100% ;height :auto ;}
        .heightColumn
            { height :auto ;}
    }

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) 
    {
      .coloumReg2
      	{ float :none ; width :100%; height :auto;min-height :200px;margin-right:0px ;}
      	
      
      .topnav a 
        {
            float: none;
            width: 100%;
        }
        .column
            { float : none ;width : 100% ;height :auto;border:solid 1px #999 ; border-radius : 10px ;}
        
    }