.az_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #660066;
	text-decoration: none;
}
.small {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #660066;
	text-decoration: none;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #660066;
	text-decoration: none;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #660066;
	text-decoration: none;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #ccffff ;
	color: #333;
	text-align: center;
	}
a:hover {
	color: #FD414A, #FF3333;
	text-decoration: underline;
	}

html, body {  /* This takes the scroll bar off */
	margin: 0; 
	height: 100%; 
	overflow: hidden
	}

@viewport { /* These adjusts for mobile device */
  width: device-width ;
  zoom: 1.0 ;
} 

@media screen and (max-width: 320px) {
  /* comes into effect for screens less than or equal to 320 pixels */
  #somethingorother {
    width: 120px ;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  /* comes into effect for screens between 321 and 480 pixels (inclusive) */
  #somethingorother {
    width: 320px ;
  }
}
@media screen and (min-width: 481px) {
  /* comes into effect for screens larger than or equal to 481 pixels */
  #somethingorother {
    width: 480px ;
  }
}