/***********************************************************
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;
	}
	#bhumi #con-bhumi a,
	#images #con-images a,
	#arch #con-arch a,
	#sthapathi #con-sthapathi a,
	#history #con-history a {
		background:#e35a00;
		color:#fff;
		text-shadow:none;
	}
	#bhumi  #con-bhumi a:hover,
	#images #con-images a:hover,
	#arch #con-arch a:hover,
	#sthapathi #con-sthapathi a:hover,
	#history #con-history 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: 460px;
	width: 780px;
	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;

}


/***********************************************************
Temple history Page 
***********************************************************/

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

#container #ConstructionHistory h4{
	padding: 20px 0 0px 0px;
	color : Orange;
  	font-size: 16px;
}

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

#container #ConstructionHistoryImage {
	position: absolute;
	left: 560px;
	top : 70px;
	width: 200px;
	height: 300px;
	background : url("../shared_images/history_ganesh.jpg");
	border: 3px groove #D07B02;
	
}



/***********************************************************
Temple Sthapathi Page 
***********************************************************/

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

#container #ConstructionSthapathi h4{
	padding: 20px 0 0px 0px;
	color : Orange;
  	font-size: 16px;
}

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

/***********************************************************
Temple Architecture Page 
***********************************************************/

#container #ConstructionArchitecture {
	position: absolute;
	left: 10px;
	top : 50px;
	width: 700px;
	height: 380px;
	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 #ConstructionArchitecture h4{
	padding: 20px 0 0px 0px;
	color : Orange;
  	font-size: 16px;
}

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


/***********************************************************
Construction Images Page 
***********************************************************/

#container #ConstructionImages {
	position: absolute;
	left: 10px;
	top : 70px;
	width: 800px;
	height: 380px;
	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 #ConstructionImage1 {
	position: absolute;
	left: 10px;
	top : 20px;
	width: 300px;
	height: 200px;
  	font-size: 16px;

}

#container #ConstructionImage1 h4{
	color : White;
  	font-size: 16px;
}

#container #ConstructionImage2 {
	position: absolute;
	left: 10px;
	top : 350px;
	width: 600px;
	height: 464px;
  	font-size: 16px;
}

#container #ConstructionImage2 h4{
	color : White;
  	font-size: 16px;
}

#container #ConstructionImage3 {
	position: absolute;
	left: 10px;
	top : 920px;
	width: 600px;
	height: 365px;
  	font-size: 16px;
}

#container #ConstructionImage3 h4{
	color : White;
  	font-size: 16px;
}

#container #ConstructionImage4 {
	position: absolute;
	left: 5px;
	top : 1360px;
	width: 600px;
	height: 453px;
  	font-size: 16px;
}

#container #ConstructionImage4 h4{
	color : White;
  	font-size: 16px;
}

#container #ConstructionImage5 {
	position: absolute;
	left: 10px;
	top : 1900px;
	width: 600px;
	height: 780px;
  	font-size: 16px;
}

#container #ConstructionImage5 h4{
	color : White;
  	font-size: 16px;
}

/***********************************************************
Bhoomi Puja 
***********************************************************/
#container #BhoomiPooja {
	position: absolute;
	padding: 20px 5px 5px 30px;
	left: 10px;
	top : 50px;
	width: 780px;
	height: 380px;
	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 #BhoomiPooja h4{
	padding: 10px 0 10px 0px;
	color: Orange;
  	font-size: 13px;
	text-align:justify
}

#container #BhoomiPooja h5{
	padding: 10px 0 0px 0px;
	color: Orange;
	text-decoration: underline;
  	font-size: 13px
}

#container #BhoomiPooja #a1{
	position: absolute;
	padding: 3px 3px 3px 3px;
	left: 10px;
	top : 20px;
	width: 779px;
	height: 1003px;
}

#container #BhoomiPooja #t1{
	position: absolute;
	left: 15px;
	top : 5px;
	color: Orange;
  	font-size: 13px;
}