/***********************************************************
This file contains all the Stylings for the Home Tab
************************************************************/

/******************************************************
Global settings
******************************************************/

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	/* need to keep the image before the color */
	background: url("../shared_images/banner_final5.jpg") top left no-repeat;
	background-color: #660000;
}
a {
	color: #E0B53D;	
}
a:hover {
	color: #FBBA04;	
}

/******************************************************
TAB Menu Parameters
******************************************************/

#tab_menu {
	position: absolute;
	left:165px;
	top: 83px;
	/*border-bottom:1px solid yellow;	*/
}

/******************************************************
Side Menu Parameters
*****************************************************/

	#nav {
              position: absolute;
	      top: 130px;
	      left: 3px;
	      width: 140px;
	}
	#nav ul {
		list-style-type: none;
		list-style-image: url(../shared_images/bullet_small_final.jpg);
		list-style-position: inside;
	}

	
	#nav li {
	        width: 135px;
	        padding: 4px 0px 12px 0px;
	        display: block;
	        background: url(../shared_images/menu_divider.jpg) bottom center no-repeat;
}	}

#nav ul li a{
	width: 130px;
	display: block;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	color: Orange;
	text-decoration: none;
	line-height: 16px;
	text-align: center;
	font-size: 16px;

}

	#nav a:link,
	#nav a:visited {
	width: 130px;
	display: block;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	color: Orange;
	text-decoration: none;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	}
	#nav a:hover {
		color:#fff;
		background:#727454;
	}
	#nav li:first-child a {
		border-left:1px solid #42432d;
	}
	#home #svc-home a,
	#puja #svc-puja a,
	#panchangam #svc-panchangam a,
	#schedule #svc-schedule a,
	#priest #svc-priest a {
		background:#e35a00;
		color:#fff;
		text-shadow:none;
	}
	#home #svc-home a:hover,
	#puja #svc-puja a:hover,
	#panchangam #svc-panchangam a:hover,
	#schedule #svc-schedule a:hover,
	#priest #svc-priest a:hover {
	}
	#nav a:active {
		background:#e35a00;
		color:#fff;
	}


/******************************************************
Side Menu Parameters
******************************************************
#menu_select {
	position: absolute;
	top: 130px;
	left: 3px;
	width: 140px;
}
#menu_select ul {
	list-style-type: none;
	list-style-image: url(../shared_images/bullet_small_final.jpg);
	list-style-position: inside;
}
#menu_select ul li {
	width: 135px;
	padding: 4px 0px 12px 0px;
	display: block;
	background: url(../shared_images/menu_divider.jpg) bottom center no-repeat;
}
#menu_select ul li a{
	width: 130px;
	display: block;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	color: Orange;
	text-decoration: none;
	line-height: 16px;
	text-align: center;
	font-size: 16px;

}

#menu_select ul li a:hover {
	background: #cfb35b;
	color: #000;
}
***********************/
/******************************************************
Main Generic Container Parameters
******************************************************/
#container {
	position: absolute;
	left: 165px;
	top : 110px;
	height: 475px; 
	width: 800px;
/*	padding: 10px 0 0 10px ;  */
	border-top: 5px double #D07B02;
	border-left: 5px double #D07B02; 
	background: url(background_container.gif) repeat-y;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #BBB5A2;
}

/******************************************************
Page Header Parameters
******************************************************/
#container #pageHeader {
	position: absolute;
	left: 5px;
	top : 5px;
	width: 400px;
	height: 25px;
}

#container #pageHeader h2 {
	background: url(../shared_images/bullet_medium_final.jpg) no-repeat;
	padding: 10px 0 10px 10px;
	text-indent: 36px;
	line-height: 36px;
	text-decoration: underline;	
	color:#D07B02;
  	font-size: 24px;

}


/***********************************************************
Services Table
***********************************************************/

#container #ServicesTable {
	position: absolute;
	left: 20px;
	top : 325px;
	border: 1px solid #D07B02;
}

#container #ServicesTable Table {
	text-align: left; 
	border: 1px solid #D07B02;
}

#container #ServicesTable th { 
	text-align: center;
	font-size: 14px; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 1px solid #D07B02;
	color : White;
	background-color : #D07B02;
}

#container #ServicesTable tr td{ 
	text-align: center; 
	font-size: 13px; 
	font-family: Verdana, sans-serif;
	border: 1px solid #D07B02; 
	color : White
}


/**********************************************************
Services Puja Details 
***********************************************************/

#container #PujaDetails {
	position: absolute;
	left: 10px;
	top : 10px;
	width: 500px;
	height: 380px;
}

#container #PujaDetails h3{
	padding: 50px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}

#container #PujaDetails h4{
	color : Orange;
  	font-size: 16px;
}

#container #PujaDetails h5{
	color : White;
  	font-size: 13px;
}

#container #PujaDetails h6{
	padding: 0px 0 0px 0px;
	color : Orange;
	font-size : 13px;
}

/***********************************************************
Panchangam 
***********************************************************/

#container #PanchangamImage {
	position: absolute; 
	left: 500px;
	top : 12px;
	width: 300px;
	height: 75px; 
}

#container #PanchangamDropDown {
	position: absolute;
	left: 380px;
	top : 50px;
	width: 30px;
	height: 15px; 
	border: double;
	border-color: #efcf60;
}

#container #PanchangamFrame {
	position: absolute;
	top: 100px;
	left: 25px;
	background-color:#efcf60;
	height: 30px;
	width: 530px;
	border: groove;
	border-color:#efcf60;
}

#container #PanchangamDetails h3{
	height: 950px;
	padding: 55px 0 0px 40px;
	text-decoration: underline;
	color:White;
  	font-size: 16px;
}

#container #JavascriptMsg h5{
	padding: 0px 0 0px 40px;
	color:White;
  	font-size: 16px;
}

/***********************************************************
Sathyanarayana Image
***********************************************************/

#container #SathyanarayanaImage {
	position: absolute;
	left: 650px;
	top : 80px;
	width: 150px;
	height: 200px; 
	border: 5px double #D07B02;
	background: url(../shared_images/services_sathyanarayana.jpg) no-repeat;

}

/***********************************************************
Services Ganapati Homam
***********************************************************/
#container #GanapatiHomam {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #GanapatiHomam #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}

/***********************************************************
Services Navagraha Homam
***********************************************************/
#container #NavagrahaHomam {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #NavagrahaHomam #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}

/***********************************************************
Services Ayushya Homam
***********************************************************/
#container #AyushyaHomam {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #AyushyaHomam #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}
/***********************************************************
Services Sathyanarayana Puja
***********************************************************/
#container #SathyaPuja {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #SathyaPuja #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}
/***********************************************************
Services Griha Pravesham
***********************************************************/
#container #GrihaPravesham {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #GrihaPravesham #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}
/***********************************************************
Services Seemantham
***********************************************************/
#container #Seemantham{
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #Seemantham #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}

/***********************************************************
Services Punyahavachanam
***********************************************************/
#container #Punyahavachanam{
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #Punyahavachanam ServicesTable {
	position: absolute;
	left: 40px;
	top : 405px;
}

#container #Punyahavachanam #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}
/***********************************************************
Services VahanaPuja
***********************************************************/
#container #VahanaPuja {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
}

#container #VahanaPuja #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}

#container #VahanaPuja #ServicesTable {
	position: absolute;
	left: 20px;
	top : 280px;
	border: 1px solid #D07B02;
}

#container #VahanaPuja #ServicesTable Table {
	text-align: left; 
	border: 1px solid #D07B02;
}

#container #VahanaPuja #ServicesTable th { 
	text-align: center;
	font-size: 14px; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 1px solid #D07B02;
	color : White;
	background-color : #D07B02;
}

#container #VahanaPuja #ServicesTable tr td{ 
	text-align: center; 
	font-size: 13px; 
	font-family: Verdana, sans-serif;
	border: 1px solid #D07B02; 
	color : White
}
/***********************************************************
Services Abhishekam
***********************************************************/
#container #Abhishekam {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #Abhishekam #PujaDetails h3{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 19px;
}

/***********************************************************
Services Shashtiabthapoorthi
***********************************************************/
#container #Shashtiabthapoorthi{
	position: absolute;
	height: 475px;
}

/***********************************************************
Services Upanayanam
***********************************************************/
#container #Upanayanam {
	position: absolute;
	height: 475px;
}

/***********************************************************
Services Wedding
***********************************************************/
#container #Wedding {
	position: absolute;
	height: 475px;
}

/***********************************************************
Services Engagement
***********************************************************/
#container #Engagement{
	position: absolute;
	height: 475px;
}

/***********************************************************
Services HiranyaShraardham
***********************************************************/
#container #HiranyaShraardham {
	position: absolute;
	height: 475px;
}

/***********************************************************
Services HairOffering
***********************************************************/
#container #HairOffering {
	position: absolute;
	height: 475px;
}


/***********************************************************
Services BhoomiPuja
***********************************************************/
#container #BhoomiPuja {
	position: absolute;
	height: 475px;
}


/***********************************************************
Services Annaprasanam
***********************************************************/
#container #Annaprasanam {
	position: absolute;
	height: 475px;
}


/***********************************************************
Services AksharaAbhyasam
***********************************************************/
#container #AksharaAbhyasam {
	position: absolute;
	height: 475px;
}

/***********************************************************
Services Home Table
***********************************************************/

#container #ServicesHomeTable {
	position: absolute;
	left: 15px;
	top : 60px;
	border: 1px solid #D07B02;
}

#container #ServicesHomeTable Table {
	text-align: left; 
	border: 1px solid #D07B02;
}

#container #ServicesHomeTable th { 
	text-align: center;
	font-size: 14px; 
	font-family: Verdana, sans-serif;
	font-weight: none;
	border: 1px solid #D07B02;
	color : White;
	background-color : #D07B02;
}

#container #ServicesHomeTable tr td{ 
	text-align: center; 
	font-size: 14px; 
	font-family: Verdana, sans-serif;
	border: 1px solid #D07B02; 
	color : White;
}

/***********************************************************
Services ServicesHome
***********************************************************/
#container #ServicesHome {
	position: absolute;
	padding: 0px 0 0px 0px;
	left: 10px;
	top : 75px;
	width: 700px;
	height: 400px;
	overflow-y: scroll;
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #D07B02;
	scrollbar-darkshadow-color: #D07B02;
	scrollbar-track-color :#660000;
	scrollbar-highlight-color : #D07B02;
	scrollbar-3dlight-color : #D07B02;
	scrollbar-arrow-color : #D07B02;
}

#container #ServicesHome #ServicesHomeDetails h5{
	padding: 0px 0 0px 15px;
	color:White;
  	font-size: 13px;
}

/***********************************************************
Services ServicesPriest
***********************************************************/
#container #ServicesPriest {
	position: absolute;
	height: 475px;
}

#container #ServicesPriest h5{
	padding: 15px 0 0px 15px;
	color:White;
  	font-size: 13px;
}

/***********************************************************
Services ServicesSchedule
***********************************************************/
#container #ServicesSchedule {
	position: absolute;
	height: 475px;
}

#container #ServicesSchedule h5{
	padding: 15px 0 0px 15px;
	color:White;
  	font-size: 13px;
}

#container #ServicesSchedule h6{
	padding: 15px 0 0px 0px;
	color:Orange;
  	font-size: 10px;
}

/***********************************************************
Services ServicesPujaTexts
***********************************************************/
#container #ServicesPujaTexts{
	position: absolute;
	height: 475px;
}

#container #ServicesPujaTexts #PujaDetails h5{
	padding: 20px 20px 0px 15px;
	color:White;
  	font-size: 13px;
}