html,body {
   font-family: arial, sans-serif;
   font-size: 12px;   
   color: black;   
   margin:0; /* nobody likes a margin in the body */   
   padding:0;   
   height:100%; /* must be set ot 100% for footer to work */   
   background: white;
}

OL,UL,DIV,TD,TR {   
   font-family: arial, sans-serif;   
   font-size: 12px;   
   color: black;
   /*font-style: normal;  */   
   /*line-height: 150%; */   
   /*margin: 0.25em 0.5em;*/
}

p {   
   font-family: arial, sans-serif;   
   font-size: 12px;   
   color: black;   
   /*font-style: normal;  */   
   /* line-height: 50%; */   
   /*  padding: 0; */   
   /* format: top right bottom left */   
   margin: 0cm 0cm 0cm 0cm;
}

H1, H1 a:link, H1 a:hover, H1 a:visited {  
   font-family: arial, sans-serif;  
   font-size: 25px;  
   color: #333399;
   /* line-height: 80%;*/  
   margin: 0cm 0cm 0cm 0cm;
}

H2, H2 a:link, H2 a:hover, H2 a:visited {  
   font-family: arial, sans-serif;  
   font-size: 20px;  
   font-weight: bold;  
   color: #FF9900;
   /* line-height: 80%;*/  
   margin: 0cm 0cm 0cm 0cm;
}

H3, H3 a:link, H3 a:hover, H3 a:visited {  
   font-family: arial, sans-serif;  
   font-size: 14px;  
   font-weight: bold;  
   color: #3366CC;
   /* line-height: 80%; */  
   margin: 0cm 0cm 0cm 0cm;
}

H4, H4 a:link, H4 a:hover, H4 a:visited {  
   font-family: arial, sans-serif;  
   font-size: 12px;  
   font-weight: bold;  
   color: black;
   /* line-height: 80%; */  
   margin: 0cm 0cm -0.2cm 0.3cm;
}

HR {   
   color: #000000;
}

a:link {color: #333399;}     /* unvisited link */
a:visited {color: #3366CC; }  /* visited link */
a:hover {color: #FFCC00; }   /* mouse over link */



/* ========================== CSS MEDIA QUERIES ======================== */
/* ===================================================================== */

@media               screen and (min-width: 220px) and (max-width: 980px),
                     screen and (min-device-width: 480px) and (max-device-width: 980px),
                only screen and (max-device-width: 480px) and (orientation:portrait),
/* iphone 4*/   only screen and (-webkit-min-device-pixel-ratio : 1.5),   
/* iphone 5*/   only screen and (min-device-pixel-ratio : 1.5)

{ 
  
  
  
}


/* ============ FORM STYLING STARTS ================ */

.csc-mailform input[type="text"] {
    font-family: tahoma;
    width: 220px;
    height: 30px;
    font-size: 12px;
    BORDER: 1px solid #b6b6b5;   /* change */
    margin: 0 0 10px 0;
    padding:0 0 0 5px;
}

/* SUBMIT BUTTON STYLING  */
.csc-mailform input[type="submit"]  {
    BACKGROUND-COLOR: #333333;  /* change */
    COLOR: #ffffff;             /* change */
    margin: 20px 0 0 195px;
    padding: 8px 20px 8px 20px;
    border: 1px solid #666666;
    cursor: pointer;
}

/* SUBMIT BUTTON STYLING ON MOUSEOVER  */
.csc-mailform input[type="submit"]:hover  { 
    BACKGROUND-COLOR:#000000;  /* change */
    COLOR:#ffffff;             /* change */

}

.csc-form-element-textarea textarea { width:220px; }

.csc-mailform li {
    list-style-type: none;
}

.csc-mailform .csc-form-element-textblock {
  padding-top: 10px;
  padding-bottom: 10px;
  
}

.csc-mailform .csc-form-element-textline {
  padding-top: 10px;
  padding-bottom: 10px
  
}
/* ============ FORM STYLING ENDS ================ */