html, body { height: 100%; }
body {
font-size:100%;
margin:0; 
background-color:#fff; 
font-family: 'Ropa Sans', sans-serif;
font-size:16px;
line-height:22px;
color:#222;
padding-top: 50px;
}	

*:focus { outline:none; }


*,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
    
.clearfix:before,
.clearfix:after {
   content: ' ';
   display: table;   
} 
.clearfix:after {
 clear: both;
 }
#wrap {
   position: relative;
   max-width: 1024px;
   margin: 0 auto;
   width: 100%;
   text-align: left;
   border: 1px solid #222;
   border-top:none;
   margin-bottom: 50px;
}
#head {
   text-align: center;
   //background:url(zack2.png) 0 0 repeat-x;
   background: url(stripes2.png) 0 0 repeat-x;
   border-bottom: 1px solid #222;
   border-top: 1px solid #222;
}
.column-wrap {
   vertical-align: top;
}
h1,h2,h3,h4 {
   font-family: 'Ropa Sans', sans-serif;
   font-weight: normal;
}

h1 { margin: 15px 0 15px 0; font-size: 28px; }
ul.column-wrap {
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;
}
.left-col,
.right-col {
   width: 50%;
   float: left;
   padding: 20px;
}

ol li { width: 70%; }
.right-col { text-align: center; }
.right-col img { height: 100%; }


.full { width: 100%; padding: 20px;  border-top: 1px solid #222;}

.full.header { padding: 10px 20px 6px; }
.full.header  h2 { font-size: 24px; text-transform: uppercase; line-height: 1.2; margin:0; }
.full.no-pad { padding: 0; }
.p-smaller { width: 70%;}
h2 {font-size:16px; line-height:16px;}
td { vertical-align:top; }
a:link, a:visited { color:#1f1f1f; text-decoration:underline; font-weight:bold; }
a:hover, a:active { color:#4f4f4f;  }

i {  font-size:15px; }

ol {margin:0 0 0 24px; padding:0; }
ul {list-style-type:none; margin:0;padding:0;}

h4 { margin-bottom:3px; padding:0; }

span.label {
   width: 120px;
   display: inline-block;
   text-transform: uppercase;
}

img#mediaspace_jwplayer_logo {display:none !important;}

.full.footer {
   background: url(stripes.png) 0 0 repeat-x;
   //height: 20px;
   padding: 2px 40px;
   text-align: center;
}
.small { background: white; width: 330px; display: block;  padding: 0 5px; font-size: 13px; margin: 0 auto; }

a.dl img { margin-right: 20px; }

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   .left-col,
   .right-col {
   width: 100%;
   float: initial;
    }

@media print {
background-color:#fff; 
color:#000;
a:link, a:visited { color:#666; text-decoration:none; font-weight:bold; }
a:hover, a:active { color:#666; text-decoration:underline; }
}