﻿
body 
{
	padding: 0px;
	background-color: white;
	font-family:Verdana,Sans-Serif;
	font-size:12px;
}

a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	color: #4c39aa;
	text-align: left;
	text-decoration: none;
}

a:hover
{
	color: #009900;	
	border-bottom: solid 1px #009900;
}

a:active
{
	color: #009900;
}

.clear 
{
	clear:both;
}

p
{
	margin:10px 0px 10px 0px;
	padding:0px;
}

.section-heading
{
	margin:0px;
	padding:5px 0px 5px 0px;
	text-align:center;
	text-decoration: none;
	background-color : #eef3f6;
	border-bottom : solid 1px #cad5db;
}

.title
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	text-decoration: none;
	background-color : #eef3f6;
	border-bottom : solid 1px #cad5db;
	font-weight: normal;
	color: #f72763;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOP INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header 
{
	height: 125px;
	width:1100px;
	background-color: #eef3f6;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #9cb8c6 2px solid;
	margin:0px auto;
	padding:0px;
	background-image : url("../Images/templeheader.jpg");		
}

#header ul
{
	float:left;
	width:400px;
	margin:105px 0px 0px 260px;
	padding:1px;
	display:inline;
}

#header ul li
{
	display: inline;
	list-style: none;
	padding: 0 10px 0 10px;
	border-left: solid 1px #aebec7;
}

#header ul li.first
{
	border-left: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Quick Announcement
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#quickannouncementItem 
{
	height: 25px;
	width:1100px;
	background-color: #eef3f6;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;
	padding:0px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;	
	padding:5px 0px 0px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:1100px;
	padding:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Left-Panel
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.left-panel
{
	float:left;
	width: 150px;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Navigation menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.navigation-menu
{
	float:left;
	background-color: #eef3f6;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;
	width: 150px;
	padding:10px 0px 10px 0px;
	display:inline;
}

.main-links
{
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style-type:none;
}

.links
{
	background-image:url("../images/arrow_ul.gif");	
	background-position: 0 .25em;
	background-repeat: no-repeat;	
	padding:0px 0px 10px 15px;
	margin:0px;
	list-style-type:none;
	text-align:left;
}

.links-last
{
	background-image:url("../images/arrow_ul.gif");	
	background-position: 0 .3em;
	background-repeat: no-repeat;	
	padding:0px 0px 0px 15px;
	margin:0px;
	list-style-type:none;
	text-align:left;
}


.quick-links
{
	margin:10px 0px 0px 10px;	
	padding:0px;
	list-style-type:none;
}

.quick-links li
{
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style-type:none;
}

.quick-links .sub-link-last
{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}


/* ---------------------------------------------------------------------------
* Balvihar
---------------------------------------------------------------------------*/

.balvihar
{
	float:left;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;
	width: 150px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

.balvihartext
{
	text-align:center;
}

/* ---------------------------------------------------------------------------
 Center-panel
---------------------------------------------------------------------------*/

.center-panel 
{
	float:left;
	width: 750px;	
	margin:0px 11px 0px 10px;
}

.welcome-message
{
	padding:25px;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;	
}

.slideshow
{
	float:left;
	margin:0px 25px 15px 0px;
	display:inline;
	padding:2px;
	border:1px solid #cad5db;
}


.events
{
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;	
	margin:10px 0px 0px 0px;
}

.clear
{
	clear:both;
}

.newsandeventssection
{
	padding:25px;
}

.newsandeventsitem
{
	padding-bottom:15px;
	margin-bottom:25px;	
	border-bottom:1px solid #cad5db;		
}

.eventTitle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	margin:0px;
	padding:0px 0px 10px 0px;
	text-decoration: none;
	font-weight: normal;
	color: #18A115;
}

.quickAnnouncementTitle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	color: #18A115;
	padding:0px;
	margin:0px;
}


.viewdetails
{
	text-align:right;
	margin:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Right-Panel
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.right-panel
{
	float:left;
	width: 175px;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Videos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.videos
{
	float:left;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;
	width: 175px;
	margin:0px;
	padding:0px 0px 2px 0px;
}

.covervideo
{
	width:100px;	
	margin:10px 0px 5px 35px;
	padding:2px;
	border:1px solid #cad5db;
}

.covervideo img
{
	padding:0px;
	margin:0px;
	border:0px;
}

.covervideo a:hover
{
	border-bottom:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Photos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.photos
{
	float:left;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;
	width: 175px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 2px 0px;
}

.coverphoto
{
	width:100px;		
	margin:10px 0px 5px 35px;
	padding:2px;
	border:1px solid #cad5db;
}

.coverphoto img
{
	padding:0px;
	margin:0px;
	border:0px;
}

.coverphoto a:hover
{
	border-bottom:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Basement hall
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.basement-hall
{
	float:left;
	border-left: #cad5db 1px solid;
	border-right: #cad5db 1px solid;
	border-bottom: #cad5db 1px solid;
	border-top: #cad5db 2px solid;
	width: 175px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 2px 0px;
}

.coverbasementhall
{
	width:173px;		
	margin:0px;
	padding:0px;
	border:1px solid #cad5db;
}


/* ---------------------------------------------------------------------------
* Caption and More
---------------------------------------------------------------------------*/

.caption
{
	text-align: center;	
}


.caption a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #4c39aa;
	text-decoration: none;
}

.caption a:hover
{
	color: #009900;	
	border-bottom: solid 1px #009900;
}

.caption a:active
{
	color: #009900;
}

.more
{
	margin:10px 3px 0px 0px;	
	text-align:right;
}

.more a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #4c39aa;
	text-decoration: none;
}

.more a:hover
{
	color: #009900;	
	border-bottom: solid 1px #009900;
}

.more a:active
{
	color: #009900;
}


/* ---------------------------------------------------------------------------
* Footer styles
---------------------------------------------------------------------------*/

#footer
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:1100px;
	border-top:2px solid #9cb8c6;
}

#footer ul
{
	width:350px;
	margin: 5px 0px 0px 400px;
	padding:0px;
	padding:1px;	
}

#footer li
{
	display: inline;
	list-style: none;
	padding: 0px 10px 0px 10px;
	border-left: solid 1px #aebec7;
	margin:0px;
}

#footer li.first
{
	display: inline;	
	border-left: none;
	list-style: none;
	padding:0px 10px 0px 0px;
	margin:0px;
}

#footer .copyright
{
	width:375px;
	font-size: 11px;
	color: #727272;
	margin:5px 0px 0px 375px;
}

.sloka
{
	margin : 25px 0px 0px 0px;
	color:#ff6600;
	font-size:14px;
}

