<!-- twinkle-->



h1 {font-size:230%; font-family: haadri, Verdana, Arial; text-align:center; color:#02E2FC;}
h2 {font-size:160%; font-family: haadri, Verdana, Arial; text-indent:10%; color:#02E2FC;}
h3 {font-size:120%; font-family: haadri, Verdana, Arial; text-align:center;color:#02E2FC;}



p {font-family: Verdana, Arial; font-size:95%; text-indent:2%; color:#0ff; margin-left: 5%; margin-right: 2%;}
p.2 {font-family: Verdana, Arial; font-size:95%; text-align:center; color:#0ff;}
p.centre {font-family: Verdana, Arial; font-size:105%; text-indent:10%; color:#0ff; margin-left: 5%; margin-right: 2%;}
p:first-letter {font-family:Haadri, Verdana, Arial, sans-serif; font-size:150%; text-indent:5%; color:#02E2FC;}
p.copy {font-family: Verdana, Arial; font-size:8pt; text-align:center; color:#0ff;}



body {
		background-color:#000;
		background-image:url(pix/bg2.gif); 
		background-repeat:repeat;
		background-attachment:fixed; 
		background-position:top left;
			}





a:link {color:#fc1; text-decoration:none; font-size:100%; font-family: Verdana, arial}
a:visited {color:#cccccc; text-decoration:none; font-size:100%; font-family: Verdana, arial}
a:hover {color:#ff9900; text-decoration:underline; font-size:100%; font-family: Verdana, arial}
a:active {color:#00ffff; text-decoration:none; font-size:100%; font-family: Verdana, arial}





.over a:link {color:#fc6; text-decoration:none; font-size:115%; font-family: Verdana, arial}
.over a:visited {color:#cccccc; text-decoration:none; font-size:115%; font-family: Verdana, arial}
.over a:hover {color:#ff9900; text-decoration:none; background: #014;  padding: 3px; font-size:115%; font-family: Verdana, arial}
.over a:active {color:#00ffff; text-decoration:none; font-size:115%; font-family: Verdana, arial}






.hf a:link {color:#f90: text-decoration: none;  font-size:100%; font-family: Verdana, arial}
.hf a:visited {color:#fff; text-decoration: none;  font-size:80%; font-family:  Verdana, arial}
.hf a:hover {color:#ff9900; text-decoration: none; font-size:80%; font-family: Haadri, Verdana, arial}
.hf a:active {color:#fff; text-decoration: none;  font-size:100%; font-family: Verdana, arial}


.hf1 a:link {color:#f90: text-decoration: none;  font-size:80%; font-family: haadri, Verdana, arial}
.hf1  a:visited {color:#fff; text-decoration: none; font-size:80%; font-family: Haadri, Verdana, arial}
.hf1 a:hover {color:#ff9900; text-decoration: none; font-size:80%; font-family: Haadri, Verdana, arial}
.hf1 a:active {color:#fff; text-decoration: none; font-size:80%; font-family: haadri, Verdana, arial}

.hf2 a:link {color:#f90: text-decoration: none; font-size:60%; font-family: Haadri, Verdana, arial}
.hf2 a:visited {color:#fff; text-decoration: none; font-size:60%; font-family: Haadri, Verdana, arial}
.hf2 a:hover {color:#ff9900; text-decoration: none; font-size:60%; font-family: Haadri, Verdana, arial}
.hf2 a:active {color:#fff; text-decoration: none; font-size:60%; font-family: Haadri, Verdana, arial}








.spare a:link {font-size:90%; font-weight:bold; color: #E5950A; background: #015375;  padding: 6px; text-decoration: none}
.spare a:visited{font-size:90%; font-weight:bold; color: #E5950A; background: #015375;  padding: 6px; text-decoration: none} 
.spare a:hover {font-size:90%; font-weight:bold; color:#000; background: #fff;  padding: 6px; text-decoration: underline}
.spare a:active {font-size:90%; font-weight:bold; color:#E5950A; background: #B7D8E6;  padding: 6px; text-decoration: none}





.innerbox
{width:90%;
margin: 0% 5% 0% 5%;
	padding: 10px 10px 10px 10px;
	background-color: #000000;
border: 2px solid #000000;
}


#content {

font-family:verdana, sans-serif;
font-size:90%;
  font-weight: normal;
  color: #0ff;
	width: 100%; 
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #000000;
		text-align:left; 
		}



.innerbox2
{width:76%;
margin: 5% auto 5% auto;
	padding: 10px 10px 10px 10px;
	background-color: #F8F0D2;
border: 2px solid #737379;
}

#content2 {
	width: 70%; 
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #F8F0D2;
		text-align:left; 
		}





.pixright
{
float:right;
border-width:0px;
margin-right:50px; 
margin-bottom:10px; 
margin-left:20px; 
margin-top:10px;
 }
 
 
 
.pixleft
{
float:left;
border-width:0px;
margin-right:20px; 
margin-bottom:10px; 
margin-left:50px; 
margin-top:10px;
 }



 hr {
  border: 0;
  width: 80%;
 color: #0ff;
background-color: #0ff;
height: 2px;
}




div.transbox
  {
  width: 90%;
height:100%;
  margin: 30px 50px;
  background-color: #000;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=78);
  /* CSS3 standard */
  opacity:0.78;
  }

div.transbox p
  {
  margin: 30px 40px;
font-family:verdana, sans-serif;
font-size:90%;
  font-weight: normal;
  color: #0ff;
  }




table.one
{
font-family: Verdana, sans-serif ;
font-color:#0ff;
font-weight: normal;
text-align: left;
padding:5px;
border: 0px;
border-spacing: 0px;
background-color:#000;
border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.00;

}



#box
{
align:center;
background-color:#FFF;
width:80%;
height:200px;
overflow: auto
}




#box2
{
align:center;
background-color:#FFF;
width:80%;
height:200px;
overflow: auto
}




span.highlight
{
background-color:#cff
}






	/* Footer styles */

	#footer {
		clear:both;
		float:left;
		width:100%;
	}

	#footer p {
		padding:10px;
		margin:0;
	}