/***********************************************************
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;
	}
	#shrine #donate-shrine a,
	#prabhavali #donate-prabhavali a,
	#vigraha #donate-vigraha a,
	#material #donate-material a,
	#ornament #donate-ornament a,
	#puja #donate-puja a,
	#d500 #donate-500  a,
	#brick #donate-brick a,
	#check #donate-check a,
	#stock #donate-stock a,
	#monthly #donate-monthly a,
	#online #donate-online a {
		background:#e35a00;
		color:#fff;
		text-shadow:none;
	}
	#shrine #donate-shrine a:hover,
	#puja #home-puja a:hover,
	#vigraha #donate-vigraha a:hover,
	#material #donate-material a:hover,
	#ornament #donate-ornament a:hover,	
	#puja #donate-puja a:hover,
	#d500 #donate-500 a:hover,
	#brick #donate-brick a:hover,
	#check #donate-check a:hover,
	#stock #donate-stock a:hover,
	#monthly #donate-monthly a:hover,
	#online #donate-online 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;
}
*********/
/****************************************************
Credit Card Image link
*****************************************************/
#CreditCardImage {
	position: absolute;
	left: 780px;
	top : 82px;
}


/******************************************************
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: 500px;
	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: 23px;
}





/***********************************************************
Check Donation Page 
***********************************************************/

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

#container #DonateCheck h4{
	padding: 20px 0 0px 0px;
	text-decoration: underline;
	color : Orange;
  	font-size: 16px;

}

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

}


/***********************************************************
500 for 500 Program Page 
***********************************************************/

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

}

#container #Donate500 h4{
	padding: 10px 0 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 16px;

}

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

}

/***********************************************************
Donate a Brick Program Page 
***********************************************************/

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

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

}

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

}

/***********************************************************
Donate a Shrine Program Page 
***********************************************************/

#container #DonateShrine {
	position: absolute;
	left: 10px;
	top : 50px;
	width: 640px;
	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;

}

#DonateShrine ul {
	width: 275px;
	list-style-type: none;
	border: 3px groove #D07B02;

}
#DonateShrine ul li {
	width: 275px;
	padding: 5px 0px 0px 0px;
	display: block;
	color : White;
  	font-size: 16px;
	text-align: center;
	border: 3px groove #D07B02;
}

#container #DonateShrine h4{
	padding: 10px 0 5px 0px;
	color:Orange;
  	font-size: 15px;

}

#container #DonateShrine h5{
	padding: 20px 0 5px 20px;
	color : White;
  	font-size: 13px;

}

#DonateShrineTable {
	position: relative;
	left: 15px;
	top : 05px;
	width: 500px;
	border: none;
}

#DonateShrineTable Table {
	text-align: left; 
	border: none;
}

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

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

/***********************************************************
Donate a Prabhavali Program Page 
***********************************************************/

#container #DonatePrabhavali {
	position: absolute;
	left: 10px;
	top : 50px;
	width: 640px;
	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 #DonatePrabhavali h4{
	padding: 10px 0 5px 0px;
	color:Orange;
  	font-size: 15px;

}

#container #DonatePrabhavali h5{
	padding: 20px 0 5px 20px;
	color : White;
  	font-size: 13px;

}


/***********************************************************
Donate a Tower Program Page 
***********************************************************/

#container #DonateTower {
	position: absolute;
	left: 10px;
	top : 50px;
	width: 500px;
	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;

}

#DonateTower ul {
	width: 450px;
	list-style-type: none;
	border: 3px groove #D07B02;

}
#DonateTower ul li {
	width: 450px;
	padding: 5px 0px 0px 0px;
	display: block;
	color : White;
  	font-size: 16px;
	text-align: center;
	border: 3px groove #D07B02;
}

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

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

}

/***********************************************************
Monthly Auto Donation Page 
***********************************************************/

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

#container #DonateMonthly h4{
	padding: 20px 0 0px 0px;
	text-decoration: underline;
	color : Orange;
  	font-size: 16px;

}

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

}

/***********************************************************
Stock Donation Page 
***********************************************************/

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

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

}

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

}

/***********************************************************
Donate Online Page 
***********************************************************/

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

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

}

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

}

#container #DonateOnline fieldset
{
	border: 2px double #D07B02;
	width: 450px;
	Position:absolute;
	left:25px;
	padding-left:20px;
}

#container #DonateOnline legend
{
	color: Black;
	background: #cfb35b;
	border: 2px double #D07B02;
	padding: 5px 5px;
	Position:relative;
	left: +100px;
} 

/***********************************************************
Donate Online Confirmation Page 
***********************************************************/

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

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

}

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

}

#container #DonateSubmitForm fieldset
{
	border: 2px double #D07B02;
	width: 450px;
	Position:absolute;
	left:25px;
	padding-left:20px;
}

#container #DonateSubmitForm legend
{
	color: Black;
	background: #cfb35b;
	border: 2px double #D07B02;
	padding: 5px 5px;
	Position:relative;
	left: +100px;
} 


/***********************************************************
Donor Recognition Program Page 
***********************************************************/

#container #DonateRecognition {
	position: absolute;
	left: 10px;
	top : 50px;
	width: 500px;
	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;

}

#DonateRecognition ol {
	width: 450px;
	list-style-position:inside;
	list-style-type: none;

}
#DonateRecognition ol li {
	width: 450px;
	padding: 0px 0px 0px 0px;
	display: block;
	color : White;
  	font-size: 13px;
	text-align: left;
}

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

}

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

}

/***********************************************************
Financial Statements Page 
***********************************************************/

#container #Finance {
	position: absolute;
	left: 20px;
	top : 70px;
	width: 650px;
	height: 380px;
	overflow-y: auto;
	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 #Finance h4{
	padding: 10px 0 0px 0px;
	text-decoration: underline;
	color:Orange;
  	font-size: 16px;

}

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

}

#container #FinanceFrame {
	position: absolute;
        top: 50px;
	height: 380px;
	width : 475px;
	border: 5px groove #D07B02;
}

#container #FinanceDropDown {
	position: absolute;
	left: 30px;
	top : 5px;
	width: 30px;
	height: 15px; 
	border: double;
	border-color: #efcf60;
	
}	
#container #DonateOrnament {
	position: absolute;
	left: 10px;
	top : 50px;
	width: 640px;
	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;

}

#DonateOrnament ul {
	width: 275px;
	list-style-type: none;
	border: 3px groove #D07B02;

}
#DonateOrnament ul li {
	width: 275px;
	padding: 5px 0px 0px 0px;
	display: block;
	color : White;
  	font-size: 16px;
	text-align: center;
	border: 3px groove #D07B02;
}

#container #DonateOrnament h4{
	padding: 10px 0 5px 0px;
	color:Orange;
  	font-size: 15px;

}

#container #DonateOrnament h5{
	padding: 20px 0 5px 20px;
	color : White;
  	font-size: 13px;

}