/***********************************************************
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: 120px;
	      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;
	}
	#event #home-event a,
	#puja #home-puja a,
	#spon #home-spon a,
	#time #home-time a,
	#news #home-news a,
	#media #home-media a,
	#video #home-video a,	
	#finance #home-finance a,
	#contact #home-contact a,
	#maps    #home-maps a,
	#register #home-register a {
		background:#e35a00;
		color:#fff;
		text-shadow:none;
	}
	#event #home-event a:hover,
	#puja #home-puja a:hover,
	#spon #home-spon a:hover,
	#time #home-time a:hover,
	#news #home-news a:hover,
	#media #home-media a:hover,
	#video #home-video a:hover,	
	#finance #home-finance a:hover,
	#contact #home-contact a:hover,
	#maps    #home-maps a:hover,
	#register #home-register 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;
}

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


/******************************************************
Ganapati GIF
******************************************************/

#ganapatigif {
	position: absolute;
	top:50px;
	left:600px;
	height: 38px;
	width: 150px;
}




/******************************************************
Panchangam Link
******************************************************/

#panchangam {
	position: absolute;
	top:570px;
	left:5px;
	height: 38px;
	width: 150px;
}

/******************************************************
Side Quotes marquee 
******************************************************/

#quotes {
	position: absolute;
	top:310px;
	left:600px;
	background-color:#efcf60;
	height: 110px;
	width: 200px;
	border:double;
	border-color:white;
}
#quotes marquee {
	font-size: 10px;
	color: #660000; 
	scrollamount:2; */
	loop:true; 
}

#quotes marquee h4{
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}

#quotes marquee .p1 {
  font-size: 12px;
  padding: 10px 0 10px 0;
  line-height: 11px;
  text-align: center;
}

/******************************************************
Main Generic Container Parameters
******************************************************/
#container {
	position: absolute;
	left: 165px;
	top : 110px;
	height: 485px;
	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: 600px;
	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;

}

/***********************************************************
Special Events Page 
***********************************************************/

#container #SpecialEvents {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 550px;
	height: 440px;
	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 #SpecialEvents h3{
	padding: 10px 0 0px 0px;
	text-decoration: underline;
	Color: Orange;
  	font-size: 18px;
}

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

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

#container #EventsImage {
	position: absolute;
	left: 595px;
	top : 20px;
	border: 5px double #D07B02;
	width: 175px;
	height: 130px;
	background: url(../shared_images/home_events.gif) no-repeat;
}

#container #SpecialEventsImage {
	position: absolute;
	left: 175px;
	top : 60px;
}

#container #MahimaEventImage {
	position: absolute;
	left: 570px;
	top : 1px;
	width: 137px;
	height: 141px;
}

#container #PhotoGalleryLink {
	position: absolute;
	left: 585px;
	top : 265px;
	color : #D07B02;
}

#container #PhotoGalleryLink h4{
	font-size :14px;
}

/**** Bulletin Board CSS ******/

#container #EventsHighlights {
	position: absolute;
	left: 600px;
	top : 45px;
	width: 200px;
	height: 200px;
	border: 5px double #D07B02;
	color : black;
	
}

#container #EventsHighlights h4{
	font-size :15px;
	text-align : center;
	text-decoration: underline;
	padding: 5px 0px 0px 2px;
	font-family: Comic Sans MS,Arial, Verdana, sans-serif;
}

#container #EventsHighlights h4 a {
	color: orange;	
}
#container #EventsHighlights h4 a:hover {
	background: #cfb35b;
	color: #000;
}

#container #EventsHighlights h5{
	font-size :12px;
	text-align : center;
	padding: 5px 0px 0px 2px;
	text-decoration: none;
	font-family: Comic Sans MS,Arial, Verdana, sans-serif;

}

#container #EventsHighlights h5 a{
	font-size :13px;
	text-align : center;
	padding: 0px 0px 0px 2px;
	font-family: Comic Sans MS,Arial, Verdana, sans-serif;
	color : black;
}


#container #banner {
	position: absolute;
	top:0px;
	left:585px;
	height: 40px;
	width: 180px;
}

/***********************************************************
Media Gallery Page 
***********************************************************/


#container #MediaDropDown {
	position: absolute;
	left: 650px;
	top : 75px;
	width: 100px;
	height: 400px; 
}

#container #MediaFrame {
	position: absolute;
	top: 75px;
	left: 10px;
	background-color:#efcf60;
	height: 400px;
	width: 600px;
	border: groove;
	border-color:#efcf60;
}



/***********************************************************
Photo Gallery Page 
***********************************************************/

#container #SlideShow {
	position: absolute;
	left: 255px;
	top : 70px;
	width: 300px;
	height: 300px;
}

#container #SlideShow #imageviewer{
	width: 300px;
	height: 300px;
	border: 5px groove #D07B02;

}

#container #ShowButtons {
	position: absolute;
	left: 220px;
	top : 390px;
	width: 500px;
	height: 40px;
}

/***********************************************************
Picture Gallery Page 
***********************************************************/

#container #PictureGallery {
	position: absolute;
	left: 255px;
	top : 70px;
	width: 300px;
	height: 300px;
}

#container #PictureGallery h5{
	font-size :13px;
	text-align : center;
	padding: 5px 0px 0px 2px;
	font-family: Comic Sans MS,Arial, Verdana, sans-serif;
}
/***********************************************************
Video Gallery Page 
***********************************************************/

#container #VideoGallery {
	position: absolute;
	left: 255px;
	top : 70px;
	width: 300px;
	height: 300px;
}

#container #VideoGallery h5{
	font-size :13px;
	text-align : center;
	padding: 5px 0px 0px 2px;
	font-family: Comic Sans MS,Arial, Verdana, sans-serif;
}

/***********************************************************
Regular Puja Page 
***********************************************************/

#container #PujaTable {
	position: absolute;
	left: 20px;
	top : 70px;
	width: 730px;
	height: 440px;
}

#container #PujaTable Table {
	text-align: left; 
}

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

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


/***********************************************************
Calendar Event Details Page 
***********************************************************/

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

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

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

}

/***********************************************************
Revised sponsorship Page 
***********************************************************/

#container #SponTable {
	position: absolute;
	left: 20px;
	top : 70px;
	width: 530px;
	height: 440px;
}

#container #SponTable Table {
	text-align: left; 
}

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

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

/***********************************************************
Contact Details Page 
***********************************************************/

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

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

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

}


/***********************************************************
Temple Hours Page 
***********************************************************/

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

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

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


/***********************************************************
Feedback Details Page 
***********************************************************/
#container #FeedbackDetails{
	position: absolute;
	padding: 20px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 500px;
	height: 380px;

}

#container #FeedbackDetails h4{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 16px;
	text-align:justify
}

#container #FeedbackDetails h2{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 24px;
	text-decoration:underline;
}

#container #FeedbackDetails #SubmitImage {
	position: absolute; 
	left: 120px;
	top : 345px;
	width: 75px;
	height: 75px; 
}

#container #FeedbackDetails #BackImage {
	position: absolute; 
	left: 165px;
	top : 150px;
	width: 75px;
	height: 75px; 
}

#container #FeedbackDetails label
{
width: 4em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

#container #FeedbackDetails input
{
color: #660000;
background: #fee3ad;
border: 1px solid #660000;
}

#container #FeedbackDetails textarea
{
color: #660000;
background: #fee3ad;
border: 1px solid #660000;
overflow-y: scroll;
scrollbar-face-color: #fee3ad;
scrollbar-shadow-color: #D07B02;
scrollbar-darkshadow-color: #D07B02;
scrollbar-track-color :#fee3ad;
scrollbar-highlight-color : #fee3ad;
scrollbar-3dlight-color : #D07B02;
scrollbar-arrow-color : #D07B02;
}

#container #FeedbackDetails fieldset
{
border: 1px solid #660000;
width: 20em;
}



/***********************************************************
Register Details Page 
***********************************************************/
#container #RegisterDetails{
	position: absolute;
	padding: 20px 0 0px 30px;
	left: 10px;
	top : 20px;
	width: 720px;
	height: 600px;
	overflow-y: visible;
	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 #RegisterDetails h4{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 16px;
	text-align:justify
}

#container #RegisterDetails h2{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 24px;
	text-decoration:underline;
}

#container #RegisterDetails #SubmitImage {
	position: absolute; 
	left: 240px;
	top : 560px;
	width: 75px;
	height: 75px; 
}

#container #RegisterDetails #BackImage {
	position: absolute; 
	left: 165px;
	top : 150px;
	width: 75px;
	height: 75px; 
}

#container #RegisterDetails label
{
width: 15em;
height: 2em;
text-align: right;
margin-right: 0.5em;
display: block;
}

#container #RegisterDetails input
{
color: #660000;
background: #fee3ad;
border: 1px solid #660000;
}

#container #RegisterDetails fieldset
{
border: 1px solid #660000;
width: 20em;
}

#container #RegisterDetails Table {
	text-align: left; 
	border: 5px groove #D07B02;
	width: 540px;
	height: 320px;
}

#container #RegisterDetails tr td{ 
	font-size: 16px; 
}

/***********************************************************
Signup Details Page 
***********************************************************/
#container #SignupDetails {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	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 #SignupDetails h4{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 16px;
	text-align:justify
}

#container #SignupDetails h2{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 24px;
	text-decoration:underline;
}

#container #SignupDetails #SubmitImage {
	position: absolute; 
	left: 240px;
	top : 645px;
	width: 75px;
	height: 75px; 
}

#container #SignupDetails #BackImage {
	position: absolute; 
	left: 165px;
	top : 150px;
	width: 75px;
	height: 75px; 
}

#container #SignupDetails label
{
width: 480px;
text-align: left;
display: block;
}

#container #SignupDetails input
{
color: #660000;
background: #fee3ad;
border: 1px solid #660000;
}

#container #SignupDetails fieldset
{
border: 1px solid #660000;
width: 400px;
}

#container #SignupDetails textarea
{
color: #660000;
background: #fee3ad;
border: 1px solid #660000;
overflow-y: scroll;
scrollbar-face-color: #fee3ad;
scrollbar-shadow-color: #D07B02;
scrollbar-darkshadow-color: #D07B02;
scrollbar-track-color :#fee3ad;
scrollbar-highlight-color : #fee3ad;
scrollbar-3dlight-color : #D07B02;
scrollbar-arrow-color : #D07B02;
}

#container #SignupDetails fieldset Select
{
background: #fee3ad;
border: double;
border-color: #efcf60;
}

/***********************************************************
Signup Confirm Details Page 
***********************************************************/
#container #SignupConfirmDetails {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 600px;
	height: 380px;
}

#container #SignupConfirmDetails h4{
	padding: 10px 0 0px 0px;
	color: Orange;
  	font-size: 16px;
	text-align:justify
}

#container #SignupConfirmDetails h5{
	padding: 10px 0 0px 0px;
	color: White;
  	font-size: 16px;
}
#container #SignupConfirmDetails #SubmitImage {
	position: absolute; 
	left: 240px;
	top : 645px;
	width: 75px;
	height: 75px; 
}

#container #SignupConfirmDetails #BackImage {
	position: absolute; 
	left: 165px;
	top : 100px;
	width: 75px;
	height: 75px; 
}

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

#Finance {
	position: absolute;
	left: 15px;
	top : 50px;
	width: 780px;
	height: 510px;

}

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

}

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

}

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

#FinanceDropDown {
	position: absolute;
	left: 30px;
	top : 5px;
	width: 30px;
	height: 15px; 
	border: double;
	border-color: #efcf60;
}