body  
    {  
        margin: 0;  
        padding: 0;  
        background-color:#333333;  
        font-family: 'Arial';  
    } 
 
#page-container {
 	margin-right: auto;
	margin-left: auto;
	width: 98%; /* Holding outermost DIV */
	max-width: 960px;   
        background: #ffffff; 
/*	border:2px solid #5970B2; */ 	
}

.body_header_container {
    display: table;
    width: 100%;
}

.col_header_right {   
  display: table-cell;
  width: 50%;
  padding: 5px;
  vertical-align: middle;
  text-align: left; 
}

.col_header_left {   
  display: table-cell;
  margin: 5px;
  padding-top: 5px;
  padding-right: 30px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 40%;
  text-align: right; 
}

.body_container {
    display: table;
    width: 100%;
}

.col_body_right {   
  display: table-cell;
  width: 50%;
  padding: 5px;
  vertical-align: middle;
  text-align: center; 
}

.col_body_left {   
  display: table-cell;
  margin: 5px;
  width: 50%;
  text-align: center; 
}



.body_header_container a:link, a:visited {
    color: #000;
}

.body_header_container a:hover {
    background-color: #002d65;
    color: #fff;
}

.colcontainer
        {
            width: auto;
            overflow:hidden;
        }
        .leftcol
        {
            width: 49%;
            float: left;
            margin-right:10px;
            text-align: center;
        }
        .rightcol
        {
            width: 49%;
            float: left;
            text-align: center; 
        }
 
.colcontainer-inside
        {
            width: auto;
            overflow:hidden;
        }       
        .leftcol-inside
        {
            width: 40%;
            float: left;
            text-align: center;
        }
        .rightcol-inside
        {
            width: 58%;
            float: right;
            text-align: center; 
        }
.col_footer_container
        {
            width: auto;
            overflow:hidden;
        }
        .left_footer_col
        {
            width: 49%;
            float: left;
            margin-right:10px;
            text-align: center;
        }
        .right_footer_col
        {
            width: 49%;
            float: left;
            text-align: center; 
        }
.col_footer_container a:link, a:visited {
    color: #000;
}

.col_footer_container a:hover {
    background-color: #002d65;
    color: #fff;
}
p.left {
  margin-left:10px;
  text-align: left;
}
@media screen and (max-width: 640px) { 

    .leftcol {  
      width: 100%;
    }

    .rightcol {   
      width: 100%;
    }

    .col_header_right {
      width: 80%;
    }

    .col_header_left { 
      width: 20%;
    }
    
    .left_footer_col {
            width: 100%;
    }
        .right_footer_col {
            width: 100%;
    }
    
}