.left {
        float: left;
        width: 62%;
    }
    .right {
        float: right;
        width: 30%;
    }
    
    
    .full {
		float:none;
		width:99%;
	}
    
    
    img {
        max-width: 100%;
        height: auto;
    }
    .group:after {
        content:"";
        display: table;
        clear: both;
    }
    

  .left_how {
        float: left;
        width: 46%;
    }
    .right_how {
        float: right;
        width: 46%;
    }

    
#notices_box 
{
	background:#fef8e5; 
	border:1px #CC0000 solid; 
	border-radius:7px; 
	box-shadow:5px 5px 5px #cccddd; 
	min-height:150px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em; 
	line-height:170%; 
	padding:8px;
	margin-bottom:20px;
}

.announcement_box 
{
	background:#fef8e5; 
	border:1px #1f3776 solid; 
	border-radius:7px; 
	box-shadow:5px 5px 5px #cccddd; 
	min-height:60px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.87em; 
	line-height:150%; 
	padding:10px;
	margin-bottom:10px;
}

.announcement_box2
{
	background:#fef8e5; 
	border:1px #1f3776 solid; 
	border-radius:7px; 
	box-shadow:5px 5px 5px #cccddd; 
	min-height:150px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	line-height:170%; 
	padding:10px;
	margin-bottom:20px;
}


.box_head 
{
	color:white;
	background:#1f3776;
	padding:4px 8px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	font-weight:bold; 
	border-radius:7px;
	margin:-18px 40% 6px 0;
	box-shadow:2px 2px 2px #999;
	text-shadow:1px 1px 1px #000;
	
}    
 
.textfield { 
	border: 1px black inset;
    outline:0; 
    height:20px; 
    width: 192px; 
    border-radius:4px;
    padding-left:4px;
  } 
.expandable
{
	padding:0;
	margin:0;
}



.expandable-header
{
position:relative;
	width:97%;
	padding:3px;
/*	text-align:center;*/
	font-family:'Times New Roman', Times, serif; 
	font-size:1.4em; 
	margin:15px 0;
/*	text-decoration:underline;*/
	color:blue;
	cursor:pointer;
/*	border-radius:7px; 
	box-shadow: 0px 1px 1px 1px #666666;
	line-height:165%;
	background-color:#1f3776;
	color:white;
/*	vertical-align:top;*/
}


.expandable-icon
{
	padding:5px;
	margin:0;
	font-size:1.4em;
	font-style:normal;
/*	color:white;
/*	position:absolute;
/*	right:0;
	font-family:'Times New Roman', Times, serif; 
/*	font-weight:bold;*/
}


.expandable-content
{
display:none;
	width:99.8%;
	margin:0;
	padding: .25em;
}

    
    
    @media screen and (max-width: 800px) {
        .left, .right, .left_how, .right_how, .full  {
            float: none;
            width: auto;
    }