/* CSS Document */
body{
margin:0; 
padding:0; 
background: url(images/mainbg.gif) 0 0 repeat-x #414141; 
color:#969595; 
font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; }

div, p, ul, ol, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}

a{
text-decoration: none;
color: #FFF;
font-size: 15px;}

a:hover{
color: #34a41d;}

ul{
list-style-type: none; }

/*--MAIN PANEL--*/

#mainPan{
width:778px;
/* width: 100%; */
position: relative; 
margin: 0 auto; }

/*--TOP PANEL--*/

#topPan{
width:778px; 
height:174px; 
background: url(images/lylas/lylas_header3_trans2clouds2.gif) 100% 0 no-repeat; 
/* #0799E3; */
color:#FFF; margin:0; 
position:relative;}

#topPan img.logo{
background-color: #FFF;
width:102px; /* 102px; */
height:91px; /*91px; */
display:block; 
padding:28px 0 0;}

#topPan h1{
/* width:191px; */
width: 350px;
height:74px; 
position:absolute; 
top:45px; 
/* left:114px; */
left: 40px;
display:block; 
font:24px/14px Arial, Helvetica, sans-serif; 
/* background: url(images/lylas/lylas_footer.gif) 0 0 no-repeat; */
padding:32px 0 0;}
/*----THIS IS FOR ALL PAGES MINUS ABOUT US PAGE. IF A CHANGE IS MADE HERE, BE SURE TO MAKE THE SAME CHANGE BELOW. THESE WERE SEPARATED BECAUSE THE LOGO WOULDN'T CENTER WITH THE RIGHT (236PX) THAT THE OTHER PAGES WERE SUCCESSFULLY ABLE TO USE ----*/

#topservicesPan{

width:190px; /* 210px; */
height:392px; /* 168px; */
/* background: url(images/services-bg.jpg) 0 0 no-repeat; */
/* background: url(images/lylas/lylas_logo2.jpg); Still Logo */ 
/* background: url(images/lylas/animes/LYLAS_v2_1.gif); 1st Anime Version */
/* background: url(images/lylas/animes/LYLAS_v2_2.gif); 2nd Anime Version*/
/* background: url(images/lylas/animes/LYLAS_v2_3.gif); 3rd Anime Version */
background: url(images/lylas/animes/LYLAS_v2_4.gif); /* 4th Anime Version */

position:absolute; 
top:0px; 
right: 236px;
/* right:226px; */
} 

/*--------THIS IS FOR THE ABOUT US PAGE ONLY----*/
#topservicesPan2{

width:190px; /* 210px; */
height:392px; /* 168px; */
/* background: url(images/services-bg.jpg) 0 0 no-repeat; */
/* background: url(images/lylas/lylas_logo2.jpg); Still Logo */ 
/* background: url(images/lylas/animes/LYLAS_v2_1.gif); 1st Anime Version */
background: url(images/lylas/animes/LYLAS_v2_2.gif);
position:absolute; 
top:0px; 
right: 233px;
/* right:226px; */
} 

#topservicesPan h2{
width:130px; 
height:20px; 
background:url(images/servicesbg.gif) 0 0 repeat-x #68EF00; color:#317400; 
font:18px/14px Georgia, "Times New Roman", Times, serif; 
margin:34px 0 0 37px;}

#topservicesPan ul{
width:130px; 
height:79px; 
margin:0 0 0 37px;}

#topservicesPan ul li{
height:20px;}

#topservicesPan ul li.onelink a{
display:block; 
width:94px; 
height:20px; 
background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00; 
color:#01699F; 
font:13px/20px Georgia, "Times New Roman", Times, serif; 
text-decoration:none;}

#topservicesPan ul li.onelink a:hover{
text-decoration:none;  
background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00; 
color:#0A4767;}

#topservicesPan ul li.threelink a{
display:block; 
width:119px; 
height:20px; 
background:url(images/serviceslink3bg.gif) 30% 0 no-repeat #6DFD00; 
color:#01699F; 
font:13px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none;}

#topservicesPan ul li.threelink a:hover{
text-decoration:none;  
width:119px; 
height:20px; 
background: url(images/serviceslink3bg.gif) 30% 0 no-repeat #6DFD00; 
color:#0A4767;}


/*--/TOP PANEL--*/

/*--LEFT PANEL--*/
#leftPan{
width:352px; 
float:left; 
margin:0; 
background:#414141; 
color:#969595;}

#leftPan h2{
display: block; 
height:25px; 
font:24px/20px Georgia, "Times New Roman", Times, serif; 
font-weight:bold; color:#66EA00; 
/* background: url(images/lefttopbg.gif) 0 0 repeat-x #404040; */
padding:0px 0 0 25px;
margin: 10px 0px 20px 0px;

}

#leftPan h2 span{
font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:normal;}

#leftPan h3{
display:block; 
width:250px; 
height:50px; 
font:24px/20px Georgia, "Times New Roman", Times, 
font-weight:bold; 
color:#66EA00; 
background:#404040; 
padding:20px 0 0 29px;}

#leftPan h3 span{
font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:normal;}

#leftPan h4{
display:block; 
width:250px; 
height:50px; 
font:22px/20px Georgia, "Times New Roman", Times, serif; 
font-weight:bold; 
color:#66EA00; 
/* background: url(images/lcon4.jpg) 6% 40% no-repeat #404040; */
background: url(images/icon4-1.gif) 6% 40% no-repeat #404040; 
padding:20px 0 0 65px;}

#leftPan h5{
display:block; 
width:300px; 
height:50px; 
font:24px/20px Georgia, "Times New Roman", Times, serif; 
font-weight:bold; 
color:#66EA00; 
background:#404040; 
padding:20px 0 0 29px;}

#leftPan h5 span{
font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:normal;}

#leftPan p.reg{
text-align: left;
margin: 0px 20px 0px 23px;
/* padding:0px 34px 0px 29px; */}

/* #leftPan p.reg{
text-align: justify;
padding:0px 34px 0px 29px;} */


#leftPan p.dateone{
display:block; 
background:url(images/lylas/ki2.gif) 0 0 no-repeat; 
height:110px; 
padding:0 0 0 118px; 
margin:0 0 0 29px; 
line-height:18px;}

#leftPan p span.blue{
font-weight:bold; 
text-transform:uppercase; 
background:#414141; 
color:#089DEA;}

#leftPan p span.white{
font-weight:bold; 
background:#414141; 
color:#fff; 
font-size:16px;}

#leftPan p span.whitenormal{
font-weight:normal; 
background:#414141; 
color:#fff; 
font-size:14px;}

#leftPan p.datetwo{
display:block; 
background:url(images/date2.jpg) 0 0 no-repeat; 
height:54px; 
padding:0 0 0 118px; margin:20px 0 0 29px; 
line-height:18px;}

#leftPan p span.blue{
font-weight:bold; 
text-transform:uppercase; 
background:#414141; 
color:#089DEA;}

#leftPan p span.white{
font-weight:bold; 
background:#414141; 
color:#fff; 
font-size:16px;}

#leftPan p span.whitenormal{
font-weight:normal; 
background:#414141; 
color:#fff; 
font-size:14px;}

#leftPan p.datethree{
display:block; 
background:url(images/date3.jpg) 0 0 no-repeat; 
height:54px; 
padding:0 0 0 118px; margin:20px 0 0 29px; 
line-height:18px;}

#leftPan p span.blue{
font-weight:bold; 
text-
background:#414141; 
color:#089DEA;}

#leftPan p span.white{
font-weight:bold; 
background:#414141; 
color:#fff; 
font-size:16px;}

#leftPan p span.whitenormal{
font-weight:normal; 
background:#414141; 
color:#fff; 
font-size:14px;}


#leftPan p.buttomshadow{
width:268px; 
height:20px; 
background:url(images/buttom-shadow.jpg) 0 0 no-repeat; padding:0; 
margin:0 0 0 10px;}

#leftPan p.topshadow{
width:268px; 
height:20px; 
display:block; 
background:url(images/top-shadow.jpg) 0 0 no-repeat; padding:0; 
margin:0 0 0 20px;}

#leftPan p span.bold{
font-weight:bold;}

#leftPan p.more{
width:200px; 
margin:5px 0 10px 0;}

#leftPan p.more a{
display:block; 
background:url(images/lcon5.jpg) 0 0 no-repeat #414141; 
color:#fff; 
text-decoration:none; 
padding:0 0 0 28px;}

#leftPan p.more a:hover{
display:block; 
font-size: 17px;
background:url(images/lcon5-hover.jpg) 0 0 no-repeat #414141; 
color:#34a41d; 
text-decoration:none;}


/*------------------SPAN CLASS MORE VERSION 2 ------------*/

#leftPan p.more2{
width:340px; 
margin:5px 0 10px 0;}

#leftPan p.more2 a{
display:block;
background:url(images/lcon5.jpg) 0 0 no-repeat #414141; 
color:#fff; 
text-decoration:none; 
padding:0 0 0 28px;}

#leftPan p.more2 a:hover{
display:block; 
font-size: 17px;
background:url(images/lcon5-hover.jpg) 0 0 no-repeat #414141; 
color:#34a41d; 
text-decoration:none;}

/*---------------END SPAN CLASS MORE VERSION 2 ---------*/




#leftlinkboxonePan{
width:300px; 
height:50px; 
display:block; 
margin:25px 0 0 23px; 
padding:0px;}

#leftlinkboxonePan ul{
height:28px; 
width:318px;}

#leftlinkboxonePan ul li{
display:block; 
width:156px; 
height:34px; 
float:left;}

#leftlinkboxonePan ul li.comments{
width:110px; 
height:28px; 
display:block; 
background:url(images/lcon2.jpg) 0 0 no-repeat #414141; 
color:#fff; 
font-size:14px; 
font-weight:normal; 
padding:0 0 0 35px;}

#leftlinkboxonePan ul li.comments span.boldtext{
font-weight:bold;}

#leftlinkboxonePan ul li.continue{
width:134px; 
height:28px; 
background:url(images/lcon3.jpg) 0 0 no-repeat; 
padding:2px 0 0 36px;}

#leftlinkboxonePan ul li.continue a{
display:block; 
height:18px; 
background:#414141; 
color:#66EA00; 
font-size:14px; font-weight:normal; 
text-decoration:none; 
float:left;}

#leftlinkboxonePan ul li.continue a:hover{
display:block; 
height:18px; 
background:#545353; 
color:#66EA00; 
text-decoration:none;}

#leftlinkboxtwoPan{
width:300px; 
height:50px; 
display:block; 
margin:25px 0 0 23px; 
padding:0px;}

#leftlinkboxtwoPan ul{
height:28px; 
width:318px;}

#leftlinkboxtwoPan ul li{
display:block; 
width:156px; 
height:34px; 
float:left;}

#leftlinkboxtwoPan ul li.comments{
width:110px; 
height:28px; 
display:block; 
background:url(images/lcon2.jpg) 0 0 no-repeat #414141; 
color:#fff; 
font-size:14px; 
font-weight:normal; 
padding:0 0 0 35px;}

#leftlinkboxtwoPan ul li.comments span.boldtext{
font-weight:bold;}

#leftlinkboxtwoPan ul li.continue{
width:134px; 
height:28px; 
background:url(images/lcon3.jpg) 0 0 no-repeat; 
padding:2px 0 0 36px;}

#leftlinkboxtwoPan ul li.continue a{
display:block; 
height:18px; 
background:#414141; 
color:#66EA00; 
font-size:14px; font-weight:normal; 
text-decoration:none; 
float:left;}

#leftlinkboxtwoPan ul li.continue a:hover{
display:block; 
height:18px; 
background:#545353; 
color:#66EA00; 
text-decoration:none;}

#leftlinkboxthreePan{
width:300px; 
height:50px; 
display:block; 
margin:25px 0 0 23px; 
padding:0px;}

#leftlinkboxthreePan ul{
height:28px; 
width:318px;}

#leftlinkboxthreePan ul li{
display:block; 
width:156px; 
height:34px; 
float:left;}

#leftlinkboxthreePan ul li.comments{
width:110px; 
height:28px; 
display:block; 
background:url(images/lcon2.jpg) 0 0 no-repeat #414141; 
color:#fff; 
font-size:14px; 
font-weight:normal; 
padding:0 0 0 35px;}

#leftlinkboxthreePan ul li.comments span.boldtext{
font-weight:bold;}

#leftlinkboxthreePan ul li.continue{
width:134px; 
height:28px; 
background:url(images/lcon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}

#leftlinkboxthreePan ul li.continue a{
display:block; 
height:18px; 
background:#414141; 
color:#66EA00; 
font-size:14px; font-weight:normal; 
text-decoration:none; 
float:left;}

#leftlinkboxthreePan ul li.continue a:hover{
display:block; 
height:18px; 
background:#545353; 
color:#66EA00; 
text-decoration:none;}


#leftPan ul{
width:318px;}

#leftPan ul li{ 
height:22px; 
padding:0 0 0 22px;}

#leftPan ul li a{
display:block; 
background:#414141; 
color:#969595; 
font-size:16px; 
text-decoration:underline;}

#leftPan ul li a:hover{
background:#414141; 
text-decoration:underline; 
color:#AFACAC;}

/*--/LEFT PANEL--*/

/*--MIDDLE PANEL--*/
#middlePan{
margin: 0px 0px 0px 0px;
width:190px; 
height:885px; 
left: 10px;
float:left; 
/* background:url(images/mpanel-bg2-1.gif) 0 0 repeat-y; *//* #0a51a1 */
background:url(images/mpanel-bg2.gif) 0 0 no-repeat #0a51a1; 
color:#7D7D7D;} 
/*bg original color = 2E2E2E */


#middlePan h2{
display:block; 
height:70px; 
font:24px/20px Georgia, "Times New Roman", Times, serif; 
/* color:#39A002; */
padding: 0px 0px 5px 0px;
color: #66EA00;
text-align: center; 
background:#0a51a1; 
margin:20px 0 0px 6px;}

#middlePan h2 span{
font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
/* color:#09A5F6;  */
color: #FFF;
background:#0a51a1;
padding: -35px 0px 20px 30px;}


#middlePan2 h2{
display:block; 
height:70px; 
font:24px/20px Georgia, "Times New Roman", Times, serif; 
color:#39A002; 
background:#0a51a1; 
margin:20px 0 0 10px;}

#middlePan2 h2 span{
font:18px20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
/* color:#09A5F6;  */
color: #FFF;
background:#0a51a1;}



#middleulPan{
width:130px; 
margin: 0px 18px;}

#middlePan ul{
width:130px;}

#middlePan ul li{
display:block;
width:120px; 
height:105px; 
font-size:14px; 
font-weight:bold; 
background:#0a51a1; 
/* color:#7D7D7D; */
color: #000;
padding:0 0 0 30px;}

#middlePan ul li span{
font-size:14px; 
font-weight:normal; 
background:#0a51a1; 
color:#fff;}

#middlePan ul li.one{
background:url(images/1.gif) 0 5% no-repeat;}

#middlePan ul li.two{
background:url(images/2.gif) 0 5% no-repeat;}

#middlePan ul li.three{
background:url(images/3.gif) 0 5% no-repeat;}

#middlePan ul li.four{
background:url(images/4.gif) 0 5% no-repeat;}

#middlePan ul li.five{
background:url(images/5.gif) 0 5% no-repeat;}

#middlecaptionPan{
width:160px; 
border:10px solid #414141; 
background:#1B1B1B; 
position:relative; 
margin: 20px 0px 0px 30px;
/* margin:0 auto; */
color:#969595; 
padding:14px 14px 20px; 
font:16px/20px Georgia, "Times New Roman", Times, serif;}

#middlecaptionPan h3{
display:block; 
height:70px; 
font-size:24px; 
color:#39A002; 
background:#1B1B1B; 
margin:0;}

#middlecaptionPan h3 span{
font-size:20px; 
text-transform:uppercase;}

#middlecaptionPan p{
font-style:italic;}

#middlecaptionPan p span{
background:#1B1B1B; 
color:#089DEA; 
font-style:normal; 
font-size:14px;}

/*--/MIDDLE PANEL--*/

/*--RIGHT PANEL--*/
#rightPan{
width:215px; 
position:absolute; 
top:158px; 
right:0px; margin:0; padding:0;}

#rightPan h2{
width:140px; 
height:52px; 
display:block; 
background:#414141; 
color:#39A002; 
font:24px/52px Georgia, "Times New Roman", Times, serif; 
margin:0;}

#rightPan ul{
width:136px; 
height:204px; 
margin:26px 0 0;}

#rightPan ul li{
width:136px; 
height:27px; 
margin: 0px 0px 0px 36px;
border-bottom:1px dashed #868686;}

#rightPan ul li a{
display:block; 
height:27px;  
background:url(images/arrow1.gif) 0 50% no-repeat #414141; 
color:#fff; font:14px/25px Arial, Helvetica, sans-serif; 
text-decoration:none; 
padding:0 0 0 13px;} 

#rightPan ul li a:hover{
background:url(images/arrow2.gif) 0 50% no-repeat; 
text-decoration:none;}

#rightPan ul li.contact{
border:none;}

#rightPan ul.userlink{
width:136px; 
height:235px; 
margin:0;}

#rightPan ul li.userlink{
width:180px; 
height:25px; 
border:none;}

#rightPan ul li.userlink a{
display:block; 
height:25px; 
background:#414141; 
color:#969595; 
font:14px/25px Arial, Helvetica, sans-serif; 
text-decoration:underline; 
padding:0;} 

#rightPan ul li.userlink a:hover{
background:#414141; 
text-decoration:underline; 
color:#AFACAC;}

#rightPan form{
width:215px; 
height:96px; 
background:url(images/search-bg.gif) 5% 0 no-repeat #414141; color:#2B2B2B;}

#rightPan form.position{
padding:21px 0 0;}

#rightPan form input{
width:100px; 
height:17px; 
margin:8px 0 0 14px; 
float:left;}

#rightPan form input.button{
width:40px; 
height:22px; 
background:url(images/button.gif) 0 0 no-repeat #C0C0C0; color:#fff; 
line-height:22px; 
margin:8px 0 0 8px; 
border:none; 
float:left;}

#rightPan form h3{
width:70px; 
height:33px; 
background:url(images/lcon1.jpg) 0 0 no-repeat ;  
font:15px/26px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; 
font-weight:bold; 
margin:0 0 0 14px; 
padding:0 0 0 37px;}

/*----------------------PAGE TITLES -------------*/

#rightPan p.TITLES{
padding: 30px 0 0 30px;}


/*---FOOTER PANEL--*/
#footermainPan{
height:80px; 
 background:url(images/lylas/lylas_foot_bg.gif) 0 0 repeat-x #777;  
<!-- background-color: #34a41d;  -->
color:#fff; 
margin:0; 
padding:0; clear:both;}

#footerPan{
width:880px; 
position:relative; 
margin:0 auto;}

#footerPan img{
width:246px; 
height:74px; 
position:absolute; 
top:37px; 
right:30px;}

#footerPan ul{
/* width:500px; */
width:880px;
position:absolute; 
top:16px; 
left:102px;}

#footerPan li{
float:left; 
font:13px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal;}

#footerPan ul li a{
padding:0 0 0 0px; 
margin: 0px 0px 0px 10px;
font-size: 10px;
color:#fff; 
background: #34a41d;
/* background:#1E1E1E; */
text-decoration:none;}

#footerPan ul li a:hover{
/* text-decoration:underline; */
color: #000;
text-transform:uppercase;
font-size: 13px;

}

#footerPan ul.templateworld{
width:190px; 
/* background: #34a41d; */
background:#2C2C2C; 
color:#fff; 
display:block; 
position: center;
/* position:absolute; */
top:100px; 
left:387px;}

#footerPan ul.templateworld li{
font-size:10px;}

#footerPan ul.templateworld li a{
background:#2C2C2C; 
display:block; 
color:#fff; 
text-decoration:none; 
padding:0px; }

#footerPan ul.templateworld li a:hover{
text-decoration:underline;}

#footerPan p.copyright{
background: #34a41d;
/* background:#222; */
color:#fff; 
font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; 
top:56px; 
left:300px;}

#footerPan p.copyright a{
font-size: 15px;
text-decoration:none; 
color: #FFF;}

#footerPan p.copyright a:hover{
font-size: 17px;
text-decoration:none; 
color: #000;}

#footerPanhtml{
width:70px; 
height:24px; 
display:block; 
position:absolute; 
top:90px; 
left:61px;}

#footerPanhtml a{
width:70px; 
height:24px; 
background: url(images/htmlbutton-normal.gif) 0 0 no-repeat #272727; 
line-height:24px; 
display:block; 
position:absolute; 
top:3px; 
left:3px; 
margin:0; 
padding:0 0 0 10px; 
color:#fff; 
text-transform:uppercase; 
font-weight:bold; 
text-decoration:none;}

#footerPanhtml a:hover{
background: url(images/htmlbutton-hover.gif) 0 0 no-repeat #272727; 
color:#fff; 
text-decoration:none;}

#footerPancss{
width:59px; 
height:24px; 
position:absolute; 
top:90px; 
left:135px;}

#footerPancss a{
width:59px; 
height:24px; 
background:url(images/cssbutton-normal.gif) 0 0 no-repeat #2A2A2A; display:block; 
position:absolute; 
top:3px; 
left:3px; 
margin:0; 
padding:0 0 0 10px; 
color:#fff; 
text-transform:uppercase; 
text-decoration:none; 
line-height:24px; 
font-weight:bold;}

#footerPancss a:hover{background:url(images/cssbutton-hover.gif) 0 0 no-repeat #2A2A2A; color:#fff; text-decoration:none;}

/*--------------- TABLE MINI --------------*/

table{
	font-size: 100%;
	margin: 0px 0px 0px 24px;
	border: inset #66EA00;
	text-decoration: none;
	padding: 5px 10px 5px 25px;
	background-color: 0a51a1;}

table#calendar{
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	border: dotted #66EA00;
	text-decoration: none;
	padding: 5px 10px 5px 25px;
	background-color: 0a51a1;}

table#mini{
	font-size: 100%;
	margin: 10px 0px 0px 50px;
	border: inset #66EA00;
	text-decoration: none;
	padding: 5px 10px 5px 25px;
	background-color: 0a51a1;}

table#contactform{
	font-size: 100%;
	margin: 10px 0px 0px 53px;
	border: inset #66EA00;
	text-decoration: none;
	padding: 5px 10px 5px 0px;
	background-color: 0a51a1;}

th{
	text-align: right;
	vertical-align: top;}

td{
	vertical-align: top;
	padding-bottom: 5px;
	}

/* input, textarea{
	background-color: #62a6cd; } */

/* .color{background-color: #62a6cd;} */