body	{
		padding: 0px; 
		margin: 0px;
		background:#CC3333;
        font-family: verdana, arial, helvetica, sans-serif;
		}
		
a:link, a:visited { color:#0066CC; text-decoration:none; }
a:active, a:hover { color:#CC3333; }

.show { display:block; }
.hide { display:none; }

.fl { float:left; }
.fr { float:right; }
.fc { clear:both; }

.oflo-hide { overflow: hidden }

.wrapper { background:#fff; width:80%; max-width:1024px; margin:0 auto; }
.header { overflow:hidden; }
.logo { float:left; padding:10px 25px 10px 15px; width:69px; }
h1 { float:left; font-size:22px; font-weight:bold; padding-top:6px; }
h2 { font-size:20px; }
h3 {
	font-size:16px;
	text-transform:uppercase;
}

.menu { background-color:#CC3333; }

.menu ul {
         margin-left: 0;
         padding-left: 0;
         display: inline;
 		}

.menu ul li {
            font-size:16px;
             margin-left: 0;
             padding: 0px;
             list-style-type: none;
             display: inline;
             white-space: nowrap;
            font-weight:bold; 
             } 

.menu a:link, .menu a:visited { display:inline-block; padding:5px 20px 7px 20px; color:#fff; text-decoration:none; }
.menu a:active, .menu a:hover { background:#666; }

.content { padding:0 15px 15px 15px; min-height:480px; font-size:16px; }
.content ul { margin: 0 0 0 20px; padding:0; }
.content li { margin:0; padding:0; }
.top { font-size:14px; text-align:right; margin-bottom:0; padding-bottom:0; }

.toc { float:left; }
.photo {float: left; padding:60px 0 0 40px; }

.footer { padding:10px; font-size:11px; text-align:center; color:#fff; }
.footer a { color:#fff; text-decoration:underline; }

.form-row { margin-bottom:10px; }
.form input, .form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
    }
 .form label {
     text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    margin: 5px 10px 5px 0;
     }   
.form .last { margin-left: 140px; }
.formbutton { 
    background-color:#CC3333; 
    color:#ffffff; font-size:14px; 
    border-radius: 4px; border: 1px solid #cccccc; 
    padding:3px 15px; 
    -webkit-appearance: none;
    }
.formbutton:hover { background-color:#666666; } 

@media only screen and (max-width: 1024px) {/* viewport up to 1024px */
    .wrapper { width:95%; }
}

@media only screen and (max-width: 760px) {/* viewport up to 760px */
    body {background:#fff; }
    .wrapper { width:100%; }
    .content { padding:0 15px 0 15px; }
    .footer { color:#000;}
    .footer a:link, .footer a:visited { color:#0066CC; text-decoration:none; }
    .footer a:active, .footer a:hover { color:#CC3333; }
 }

@media only screen and (max-width: 480px) {/* viewport up to 480px */
    .logo { padding:10px 15px 10px 15px; width:55px; }
    h1 { font-size:20px; padding-top:3px;}
    h2 { font-size:18px; }    
   .menu a:link, .menu a:visited { padding:5px 10px 7px 10px; }
    .photo { padding:55px 0 0 20px; width:150px; }
    .form label { width:100%; text-align:left; }
    .form .last { margin-left:0; }
}

@media only screen and (max-width: 432px) {/* viewport up to 432px */
    .logo { padding:10px 10px 10px 15px; width:50px; }
    h1 { font-size:18px; padding-top:3px;}
    h2 { font-size:16px; }    
    .menu ul li { font-weight:normal; }
    .menu a:link, .menu a:visited { padding:5px 15px 7px 15px; }
}

@media only screen and (max-width: 385px) {/* viewport up to 385px */
 h1 { font-size:4.7vw; }
    .menu ul li { font-size:14px; }
    .menu a:link, .menu a:visited { padding:5px 10px 7px 10px; }
    .photo { padding:50px 0 0 10px; width:125px; }
}