/* InterNIC css
 * 
 * 20151120 v1.1 ptudor
 * 20151220 v1.2 ptudor - text-dec none on top-left logo link
 *
*/

/* The media section helps with the viewport size to 
   flow and expand columns on small devices like phones. 
   First is a large display, then a small display, then a portait display
*/
@media (min-width: 640px) {
  body {
    max-width: 640px;
    margin-left: 10px;
    margin-right: auto;
  }
  article {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }     
  .columnLeft {
        width:48%;
	float:left;
        }
  .columnRight {
        width:48%;
	float:right;
        }
  .columnCenter {
    width: 80%;
    float:center;
    margin-left: auto;
    margin-right: auto;
    }
}

/* phone, horizontal */
@media (max-width: 640px) {
  body {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  article {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .columnLeft {
	width:100%
	}
  .columnRight {
	width:100%
	}
  .columnCenter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    }
}

p, li, td, th, ul {  font-family: "Helvetica Neue", Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif}
.style1 {
	font-size: x-small;
    font-family: "Helvetica Neue", Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif;
}
.style2 {
	font-size: small; font-size: smaller;
    font-family: "Helvetica Neue", Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif;
}
.style3 {
	font-size: small;
	font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif;
}
.style4 {
	font-size: medium;
	font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif;
}
th, td {}
.tdMenu {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 24px;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

.gradientHeaderUpper {
	padding-right: 2px;
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255, 192, 203,1) 75%, rgba(220,20,60,1) 100%);
        max-width: 640px;
	width: 100%;
        height: 32px;
        border: 2px;
        text-align: bottom;
        vertical-align: center;
        line-height: 0.8em;
        }
.gradientHeaderLower {
	padding-right: 2px;
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255, 192, 203,1) 75%, rgba(220,20,60,1) 100%);
        max-width: 640px;
	width: 100%;
        height: 8px;
        border: 2px;
        text-align: bottom;
        vertical-align: center;
        line-height: 0.8em;
        }
.logoRed {
        font-size: 180%;
        color: crimson;
        font-style: italic;
        font-weight: 900;
        font-family: Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif;
        text-decoration: none;
}
.logoBlack {
        font-size: 180%;
        color: black;
        font-style: italic;
        font-weight: 900;
        font-family: Helvetica, "DejaVu Sans", "Liberation Sans", "Open Sans", Arial, sans-serif;
        text-decoration: none;
}