@media screen and (min-width: 360px) {
@charset "utf-8";
/* CSS Document */

body{
  width: 98%
	margin: 2%;
	padding:0;
  font-size: 25px;     font-family: Myriad Pro;     
font-variant: normal; font-weight: bold;   
text-align:justify;   
	/*background:#eca701 url(../images/body_bg.jpg) repeat-x left top;*/
}

.box {
    -moz-border-radius-topright:15px;
    -moz-border-radius-topleft:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-top-left-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-bottomleft:15px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-botttom-left-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    
}

.box {
        border:5px solid #06b;
        background:#06c;
      	background: -moz-linear-gradient(top, #012, #06c);
	      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#012), to(#06c));    
     }
.box h1 {color: #ffe;font-family: Cambria; Georgia; line-height: 50px;}
/*.box p {color:#333;padding:10px;font-size:24px;}*/

.grad
{
background: #eef;
background: -webkit-radial-gradient(white, #eef, #aaf); /* Safari */
background: -o-radial-gradient(white, #eef, #aaf); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(white, #eef, #aaf); /* For Firefox 3.6 to 15 */
background: radial-gradient(white, #eef, #aaf); /* Standard syntax */
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-botttom-left-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    

}

p
{
font-size:24px;
line-height:36px;	
text-align:justify;
}

rss-title,rss-items,rss-item
{
font-family: Helvetica;font-size: 24px;color: #006; line-height:40px; padding: 12px;
}

h1{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#66f;
	font-size:48px;
  line-height:48px;
  text-transform:uppercase;
}


h2{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#24b;
	font-size:32px;
}
h3{
font-family:"Arial Black", Gadget, sans-serif;
color:#009;
font-weight:normal;
font-size:30px;
line-height:40px;
background: #effaff;
border-bottom:1px #33a dashed;
}

.homelists ul{
          align: middle;
          list-style: none;
    			background-color: #efeffe;
    			padding: 15px;
    			width: 60%;
    			border-radius: 20px;
    			-moz-border-radius: 20px;
    			-webkit-border-radius: 20px;
}


.homelists li{
font-family: Arial, Calibri, Arial, sans-serif;
font-size:24px;
font-weight:bold;
line-height:36px;
text-align:justify;
margin-bottom:10px;
}

.footerhead{
	text-transform:uppercase;
	font-size:24px;
	color:#01013f;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
	border-bottom:1px #01013f dashed
}

.footerhead1{
	text-transform:uppercase;
	font-size:21px;
	color:#01013f;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
}



.footercont{
	text-transform:uppercase;
	font-size:18px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}


.footer{
margin-right:15px;
}


.phtons{
	text-transform:uppercase;
	font-size:18px;
	color:#01014f;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
}



.gospelofguru li{
font-family:Calibri, Tahoma, Geneva, sans-serif;
background: #fefcff;
color: #019;
font-size:24px;
line-height:36px;
list-style-image:url(images/arrows.gif);
margin-bottom:10px;
}




img{
border:0;	
}
#jes {  	float: top; POSITION: relative; 
WIDTH: 90%; HEIGHT: 600px;BORDER: 0px;    
font-size: 18pt;    line-height: 24pt;     font-family: Calibri;     
font-variant: normal; font-weight: bold;   text-align: left;    
padding: 10 px;  }   


.topright{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
	width: 50%;
	height: 60px;
	border-radius: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	line-height: 18px;
	text-align: left;
	font-size: 18px;
}

.banner{
	background: url(../images/banner_bg.jpg) left top no-repeat;
	width: inherit;
}


.bottom3{
	background:url(../images/bottomthumbs.jpg) left top no-repeat;
}




.three{
padding-left:28px;
padding-top:10px;
}



.searchfield {
	background: #edaf1e;
	padding: 6px 3px 6px 2px;
	border: solid 1px #d18728;
	outline: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	width:200px;
	font-style:italic;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
}



.titles{
	text-transform:uppercase;
	font-size:18px;
	color:#01013f;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
	margin-left:45px;
	
}
.titles2{
	text-transform:uppercase;
	font-size:18px;
	color:#01013f;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
	margin-left:20px;
	
}
.titles3{
	text-transform:uppercase;
	font-size:24px;
	color:#01013f;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
	margin-left:20px; text-shadow:2px 2px 2px #ab4600;
	
}

.titles4{
	text-transform:capitalize;
	font-size:21px;
	color:#663300;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:20px; 
	text-shadow:2px 2px 2px #ab4600;
	
}

.titles1{
	text-transform:uppercase;
	font-size:21px;
	color:#01013f;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
	margin-left:20px;
	
}


.titlesbottom{
	display:block;
	position: relative;	margin-left:15px;

	
}
.titlesbottom span{
	display:block;
	background-image:url(../images/divider_01.jpg);
	width:74px;
	height:16px;float:left;
	
}
.titlesbottom em{
	display:block;
	background-image:url(../images/divider_02.jpg);
	width:47px;
	height:16px;float:left;
}

.titlesbottom strong{
	display:block;
	background-image:url(../images/divider_03.jpg);
	width:74px;
	height:16px;float:left;
}


.content{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000;
	font-size:25px;
}



.searchfield1 {
	background: #1eafed;
	padding: 5px 2px 5px 2px;
	border: solid 1px #d18728;
	outline: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	width:240px;
	font-style:normal;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
	margin-bottom:10px;
	
}

.submitbutton{
	background: #1eafed; background-repeat:no-repeat; 
	width:104px;
	height:34px;border:0;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}

.contactdiv{
	width:250px;

	
}



.meditation li{
font-family:Tahoma, Geneva, sans-serif;
font-size:19.5px;
line-height:25px;
list-style-type:decimal;
font-weight:bold;
}

.meditationtitle{
font-family:Tahoma, Geneva, sans-serif;
font-size:24px;
text-transform:uppercase;
font-weight:bolder;
margin-left:20px;
border-bottom:1px #000 dashed;
line-height:40px;
}

.content1{
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;margin-left:20px;
}



.coursetitle{
font-family:Tahoma, Geneva, sans-serif;
font-size:24px;margin-left:20px;
font-weight:bold;
text-decoration:underline;
text-transform:uppercase;
}

.coursetitle span{
font-size:21px;padding-left:10px;
color:#CC0000;text-decoration:none;
}


.coursecontent{
font-size:27px;margin-left:20px;
color:#333333;text-decoration:none;
line-height:22px;
}


.js{
margin-left:20px;
}

.jstable TD{
padding:5px;
font-family:Tahoma, Geneva, sans-serif;
font-size:20px;
line-height:24px;
border:1px #CC0000 solid;
}

.jstable strong{
font-family:Tahoma, Geneva, sans-serif;
font-size:24px;
font-weight:bold;
text-transform:uppercase;
}

.jstable span{
font-family:Tahoma, Geneva, sans-serif;
font-size:24px;
color:#000000;
text-transform:capitalize;
}

.gallerysadf{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
color:#990000;
padding-top:15px;
padding-bottom:15px;
padding-left:10px;
padding-right:10px;
width:170px;
height:50px;
float:left;
text-align:center;
line-height:22px;
display:block;
cursor:pointer;
margin-left:15px;margin-top:15px;
background:#FFFFFF; 
margin-bottom:10px;
margin-right:5px;
border:4px #cc6600 solid;
text-transform:uppercase;
}

.gallerysadf a{
text-decoration:none; color:#990000;
}


.gallerysadf a:hover{
text-decoration:none; color:#000;
}






@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.clock {width:180px; z-index:999999; border-radius:8px;  padding-left:2px;  padding-right:2px; padding-top:5px; padding-bottom:5px; position:fixed; top:5%; right:10%; background:#FFF;/*-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	*/ }

#Date { font-family:Verdana, Geneva, sans-serif; font-size:12px;color:#881d0a; text-align:center; }

.clock ul { width:180px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:25px; text-align:center;color:#881d0a; font-family:'impact', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #fdcc45; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}

.three p{
font-size:24px;
line-height:36px;	

}


/* for Image popup */

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:5px 5px 0 5px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 0px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}



/* End Image popup */


/*popup*/


form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
margin-top:10%; 
margin-left:30%;  
border: solid 1px #CCC;	-moz-box-shadow: 1px 1px 5px #999;	-webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;border-radius:15px;}
/* ----------- stylized ----------- */

#stylized{

/*border:solid 2px #b7ddf2;*/
background:#fbebf4;
}

#stylized h1 {
font-size:24px;
font-weight:bold;
margin-bottom:8px;
}

#stylized p{
font-size:16px;
line-height: 18px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom: 5px;
}

#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

.smalls{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:140px;
}

#stylized .smalls{
color:#666666;
display:block;
font-size:16px;
font-weight:normal;
text-align:right;
width:140px;
}

#stylized input{
float:left;
font-size:16px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}



#stylized textarea{
float:left;
font-size:16px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}





#stylized select{
float:left;
font-size:16px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}



#stylized button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#51AD59 url(images/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}



#customForm input.errors{

	background: #f8dbdb;
	border-color: #e77776;
}

#customForm select.errors{

	background: #f8dbdb;
	border-color: #e77776;
}



#customForm textarea.errors{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm div{
	margin-bottom: 5px;
}

#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}

#customForm  span.errors{
	color: #e46c6e;
}





/***************************************************************/



#customForm1 input.errors{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm1 select.errors{
	background: #f8dbdb;
	border-color: #e77776;
}



#customForm1 textarea.errors{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm1 div{
	margin-bottom: 5px;
}

#customForm1 div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;

}

#customForm1  span.errors{
	color: #e46c6e;
}






#popid2 a {position:relative; top:-320px; left:300px; }

 .err

{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}




}