/***********************************************************
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;
	}
	#home #prana_home a,
        #request #prana_req a,
        #prog #prana_prog a,
        #sponsor #prana_spon a,
        #summary #prana_summ a,
        #community #prana_com a,
        #online #prana_donate a,
        #souv #prana_souvenir a,
        #prana_video #prana_video a,

	#sig #prana_sig a
	{
		background:#e35a00;
		color:#fff;
		text-shadow:none;
	}
	#home #prana_home a:hover,
        #request #prana_req a:hover,
        #sponsor #prana_spon a:hover,
        #prog #prana_prog a:hover,
        #online #prana_donate a:hover,
        #summary #prana_summ a:hover,
        #community #prana_com a:hover,
        #souv #prana_souvenir a:hover,
	#sig #prana_sig a:hover
	#prana_video #prana_video 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:250px;
	left:600px;
	height: 38px;
	width: 150px;
}




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

#panchangam {
	position: absolute;
	top:510px;
	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: 500px;
	width: 850px;
	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;

}

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

#container #SpecialEvents {
	position: absolute;
	padding: 0px 0 0px 30px;
	left: 10px;
	top : 50px;
	width: 550px;
	height: 430px;
	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 #AdImage {
	position: absolute;
	left: 600px;
	top : 60px;
	width: 247px;
	height: 151px;
        

}

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

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


/***********************************************************
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;
}


/**** 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;
}

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

#container #PujaTable {
	position: absolute;
	left: 20px;
	top : 56px;
	border: 5px groove #D07B02;
        width: 530px;
        height: 500px;
        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 #PujaTable Table {
	text-align: left; 
}

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

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

/***********************************************************
About The Artist Page 
***********************************************************/
#container #Pictures {
	position: absolute;
	padding: 20px 5px 5px 30px;
	left: 10px;
	top : 100px;
	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 #Pictures h4{
	padding: 10px 0 10px 0px;
	color: Orange;
  	font-size: 13px;
	text-align:justify
}

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

#container #Pictures #a1{
	position: absolute;
	padding: 3px 3px 3px 3px;
	left: 10px;
	top : 20px;
	width: 198px;
	height: 315px;
}

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


#container #Pictures #a2{
	position: absolute;
	padding: 3px 3px 3px 3px;
	left: 220px;
	top : 20px;
	width: 146px;
	height: 200px;
}

#container #Pictures #t2{
	position: absolute;
	left: 225px;
	top : 235px;
	color: Orange;
  	font-size: 13px;
}

#container #Pictures #a3{
	position: absolute;
	padding: 3px 3px 3px 3px;
	left: 380px;
	top : 20px;
	width: 200px;
	height: 136px;
}

#container #Pictures #t3{
	position: absolute;
	left: 385px;
	top : 161px;
	color: Orange;
  	font-size: 13px;
}

#container #Pictures #a4{
	position: absolute;
	padding: 3px 3px 3px 3px;
	left: 225px;
	top : 260px;
	width: 200px;
	height: 71px;
}

#container #Pictures #t4{
	position: absolute;
	left: 230px;
	top : 336px;
	color: Orange;
  	font-size: 13px;
}

#container #Pictures #a5{
	position: absolute;
	padding: 3px 3px 3px 3px;
	left: 440px;
	top : 210px;
	width: 200px;
	height: 136px;
}

#container #Pictures #t5{
	position: absolute;
	left: 445px;
	top : 356px;
	color: Orange;
  	font-size: 13px;
}

#container #Pictures #a6{
	position: absolute;
	padding: 1px 1px 1px 1px;
	left: 10px;
	top : 370px;
	width: 201px;
	height: 310px;
}

#container #Pictures #t6{
	position: absolute;
	left: 15px;
	top : 685px;
	color: Orange;
  	font-size: 13px;
}