body { 	font-family:"Comic Sans MS", sans-serif; 
	color: #ffffff; 
	background-color: #000000;
	text-align: center; 
	background: url("./pic/pwind.jpg"); 
	cursor: crosshair; 
	cursor: url("./pic/icon/jaka.ico");
}
  :link { color: #ffffff; }  
  :visited { color: #ffffff; } 
  :hover { color: #ffffff;  } 

#guardian {height:27px;}

.prehod1 {/*red*/
	font-size: 17pt;
  	color:#ff4400;
}
.prehod2 {/*light red*/
	font-size: 17pt;
	color:#ff6600;
}
.prehod3 {/*dark orange*/
	font-size: 17pt;
	color:#ff8800;
}
.prehod4 {/*orange*/
  	font-size: 17pt;
  	color:#ffaa00;
}
.prehod5 {/*light orange*/
	font-size: 17pt;
  	color:#ffcc00;
}
.prehod6 {/*dark yellow*/
	font-size: 17pt;
	color:#ffee00;
}
.prehod7 {/*yellow*/
	font-size: 17pt;
	color:#ffff11;
}
.prehod8 {/*light yellow*/
	font-size: 17pt;
	color:#ffff33;
}
.prehod9 {/*white(me)*/
	font-size: 17pt;
	color:#ffffff;
}

.prehodB0 {/*yellow*/
	font-size: 12pt;
	color:#ffff00;
}
.prehodB1 {/*orange*/
	font-size: 12pt;
	color:#ffcc00;
}
.prehodB2 {/*light red*/
	font-size: 12pt;
	color:#ff9900;
}
.B2dedication {/*dedicated to Agraha L.*/
	font-size: 10pt;
	color:#ff9900;
}
.prehodB3 {/*red*/
	font-size: 12pt;
	color:#ff6600;
}
.prehodB4 {/*dark red*/
	font-size: 12pt;
	color:#ff3300;
}
.cho {/*choose*/
	text-align:center;
	font-size:14pt;
	color:#ffaa00;
 	background: #000000;
}
.chow { /*in-between the choose*/
	text-align:center;
	font-weight:lighter;	
	font-size:14pt;
	color:#ffffff;
 	background: #000000;
}


.klik  {
	text-align:center;
	font-size:14pt;
}


h1 {
	text-align:center;
	font-size:10pt;
	color:#fff;
}

.wht { /*in-between the title*/
	text-align:center;
	font-size:30pt;
	color:#ffffff;
}
h1 {
	text-align:center;
	font-size:19pt;
	color:#ff0033;
}

h2 {
	text-align:center;
	font-style:italic;
	font-weight:lighter;	
	font-size:10pt;
	color:#fff;
}
h3 {
	text-align:center;
	font-size:13pt;
	color:#fff;
}

table {
	text-align:center;
	border:0;
	width:100%;
}

td.allwidth {
	text-align:left;
	border:10pt;
	width:100%;
}
table.sml {/*inviting poem Cherish!*/
	width:15%;
	text-align:center;
	font-size:9pt;
	color:#ffffff;
}
table.map {
	width:800;
	text-align:center;
	vertical-align:top;
}

table.google {
	width:100%;
	height:300pt;
}
td.gooogle {
	width:300pt;
	height:300pt;
}


img {
	text-align: center;
	border:0pt;
}

div.popup {
      display:none;
      position:relative;
      border:solid 2px red;
      padding:8px;
      background-color:white;
}
a.popup:hover + div.popup {
      display:block;
}
div.popup:hover {
      display:block;
}
.smart {
    border:solid 7px red;
    border-style: dotted;
	text-align:center;
	font-variant:small-caps;
	font-size:20px;
}