body{
	background-image:url(../images/Blue-Sparkle-south-ind.jpg);
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0000FF;
	border-bottom: thin dotted  #0000FF;
	font-variant: small-caps;
	margin:0px 0px 0px 0px;
	padding:2px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:  #0000FF;
	font-variant: small-caps;
	margin:0px 0px 0px 0px;
	padding:2px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	font-variant: small-caps;
	margin:0px 0px 0px 0px;
	padding:2px;
}
td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.box{
background-color:#FFFFFF;
border:1px solid #000000; 
align:center;
cellpadding:0;
cellspacing:0;
}
.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer{
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align:center;
}
.menu{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-indent:2px;
	border-right:1px solid #0000ff;
border-left:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;
	
	}
a.menu:link{
      color:#0000FF;
	text-decoration:underline;
	font-size:9px;
	}
a.menu:hover {

    color:#FF2F2F;
	text-decoration:underline;
	font-size:12px;
}
a.menu:visited {
	color:#0000FF;
	text-decoration:underline;
	font-size:12px;
}
	

a:link {
	color:#0000FF;
	text-decoration:none;
	font-size:12px;
}
a:hover {
	text-decoration:underline;
	color:#000000;
	font-size:12px;
}
a:visited {
	color:#0000FF;
	text-decoration:none;
	font-size:12px;
}
p {
 padding:2px;
 text-align:justify;
}
span{

font-size:9px;
color:#000000;

text-align:justify;
text-indent:2px;
}

li{
font-size:12px;
color:#000000;
text-align:justify;
}
/* Galaxy s3*/
/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* tablets (landscape).......*/
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}
/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}