@charset "utf-8";
/* ejbtuppil@yahoo.com / Edward Julio B. Tuppil */

body {margin:0px; background:url(images/bg.jpg) #FFFFFF repeat-x top left; margin:0px;}

#mainframe {width:800px; height:auto; margin:0 auto;}
#head {width:800px; height:200px; margin:0 auto;}
 #headL {width:500px; height:200px; float:left; background:url(images/lewark.jpg) no-repeat left top}
 #headR {width:300px; height:200px; float:right;}
 	#headR1 {width:300px; height:50px;}
	#headR1 a img{float:left}
	#headR2 {width:300px; height:150px; background:url(images/jimcar.jpg);}

 
#content {width:800px; height:auto; margin:0 auto;}
 #contentL {width:500px; height:auto; float:left; background:url(images/rsidefil.jpg) no-repeat right top}
 #contentR {width:300px; height:auto; float:right}
 	.con1 {width:300px; height:30px; background:url(images/rsidet.jpg);}
	.con2 {width:300px; height:auto; background:url(images/rsidem.jpg);}
	.con3 {width:300px; height:10px; background:url(images/rsideb.jpg); font-size:0px}
	.conx {width:300px; height:auto; background:url(images/rsidex.jpg);}

 
#foot {width:800px; height:auto; margin:0 auto;}
 #footL {width:500px; height:auto; float:left}
 #footR {width:300px; height:auto; float:right}

.v1l        {font-family:Verdana; font-size:11px; color:#ccc;}
.v1l a      {font-family:Verdana; font-size:11px; color:#ccc;}
.v1l a:hover{font-family:Verdana; font-size:11px; color:#999;}

.v1d        {font-family:Verdana; font-size:11px; color:#333;}
.v1d a      {font-family:Verdana; font-size:11px; color:#333;}
.v1d a:hover{font-family:Verdana; font-size:11px; color:#666;}

.v2l        {font-family:Verdana; font-size:12px; color:#ccc;}
.v2l a      {font-family:Verdana; font-size:12px; color:#ccc;}
.v2l a:hover{font-family:Verdana; font-size:12px; color:#999;}

.v2d        {font-family:Verdana; font-size:12px; color:#333;}
.v2d a      {font-family:Verdana; font-size:12px; color:#333;}
.v2d a:hover{font-family:Verdana; font-size:12px; color:#666;}
 
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:8px;}

h1, h2, h3, h4, h5, h6 {font-family:Tahoma; margin:0px; display:inline;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000000; text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#535353;}

.j {text-align:justify}
.c {text-align:center}
.l {text-align:left}
.r {text-align:right}

.wa {padding:10px;}
.wd {padding-bottom:10px;}
.wr {padding-right:10px;}
.wl {padding-left:10px;}
.wu {padding-top:10px;}
.ws {padding-left:25px; padding-right:25px;}

img {border:0px;}
a img {border:0px;}
a {border:0px;}

ul {list-style:url(images/tik.jpg); padding:10px; margin:10px; padding-top:2px}

.galm a img {height:70px; width:70px; padding:2px; text-decoration:none}
.galm img {height:70px; width:70px; padding:2px; text-decoration:none}
.gal a:hover img {height:100px; width:120px; padding:2px; text-decoration:none; background:url(images/g2.jpg)}
.gal a img {height:100px; width:120px; padding:2px; text-decoration:none; background:url(images/g1.jpg)}
.gal img {height:100px; width:120px; padding:2px; text-decoration:none; background:url(images/g1.jpg)}
.clr {clear:both; font-size:0px; height:0px; line-height:0px;}