@media only screen and (max-width: 900px)
{
.menu
{
display: block;
top: 15px;
right: 2px;
}

#navigation_menu
{
position: absolute;
display: none;
top: 38px;
right: 0;
width: 100%;
height: 200px;
overflow: hidden;
float: none;
padding: 0;
margin: 0;
z-index: 9999;
background-color: #003366;
}

#navigation_menu ul li a
{
text-decoration: none;
font-size: 12px;
font-weight: normal;
}

#navigation_menu ul li a:link, 
#navigation_menu ul li a:visited
{
display: block;
text-decoration: none;
padding: 10px;
padding-bottom: 10px;
margin-right: 0;
color: #FFFFFF;
text-align: left;
}

#navigation_menu ul li a.lastbox:link, 
#navigation_menu ul li a.lastbox:visited
{
display: block;
text-decoration: none;
padding: 10px;
padding-bottom: 10px;
margin-right: 0;
color: #FFFFFF;
text-align: left;
}

#navigation_menu.active
{
display: block;
}

#navigation_menu ul
{
display: block;
width: 100%;
text-align: left;
margin: 0;
padding: 0;
}

#navigation_menu ul li
{
display: block;
font-weight: bold;
width: 100%;
float: none;
padding: 0;
margin: 0 0 5px 0;
}

#navigation_menu ul li a:hover,
#navigation_menu ul li a.selected
{
background-color: #FF0000;
font-weight: bold;
color: #FFFFFF;
}

.span_1_of_1 .col_form_left
{
display: block;
float: left;
width: 100%;
padding: 0 5px 0 5px;
margin: 0 25px 0 0;
text-align: left;
}

.span_1_of_1 .col_form_right
{
display: block;
float: left;
width: 100%;
padding: 0 5px 0 5px;
text-align: left;
}

.span_1_of_1 .col_form_right #ContactResponse p
{
padding-left: 0;
}
}

@media only screen and (max-width: 850px)
{
#content_index
{
padding: 0;
margin: 30px 0 0 0;
}

#content
{
padding: 0;
margin: 0;
}

#content h1,
#content_index h1
{
font-size: 14px; 
line-height: 14px;
padding: 0;
margin: 0;
}

#content .col,
#content_index .col
{
display: block;
float: left;
margin: 20px 0 15px 0;
}

#content .span_1_of_2
{
width: 96%;
padding: 0;
margin: 10px 2% 20px 2%;
text-align: left;
}

#content .span_2_of_3,
#content .span_2_of_3:first-child
{
width: 96%;
padding: 0;
margin: 10px 2% 20px 2%;
text-align: left;
}

#content .span_1_of_1 p,
#content_index .span_1_of_1 p
{
line-height: 20px;
padding: 0 5px 0 5px; 
}

.span_1_of_1 .col_left
{
display: block;
float: left;
width: 100%;
padding: 0;
margin: 0 25px 0 0;
text-align: left;
}

.span_1_of_1 .col_right
{
display: block;
float: left;
width: 100%;
text-align: left;
}

#content h1,
#content_index h1
{
font-size: 12px; 
line-height: 14px;
}

ul.contacts li
{
line-height: 20px;
}

.footer
{
padding: 5px;
margin: 0;
}

.footer .span_1_of_3,
.footer .span_2_of_3,
.footer .span_3_of_3
{
width: 100%;
padding: 0;
margin: 25px 0 0 0;
text-align: left;
}

.copyright
{
margin: 20px 0 5px 0;
}
}

@media only screen and (max-width: 340px)
{
.logo img
{
width: 95%;
height: auto;
}
}