/****************************************************************************/
/*						START OF COMMON STYLES								*/
/****************************************************************************/
*
{
	padding:			0;
	margin:				0;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			15px;
	color:				#000;
}

select
{
	width:				250px;
}

#uc
{
	padding:			20px;
	font-family:		Trebuchet MS;
	font-size:			14px;
	text-align:			center;
}

#errorMessage
{
	background:				red;
	color:					white;
	font-family:			Trebuchet ms;
	font-size:				13px;
	font-weight:			bolder;
	line-height:			18px;
	padding-left:			3px;
	display:				none;
}

#successMessage
{
	background:				yellow;
	color:					#000;
	font-family:			Trebuchet ms;
	font-size:				13px;
	font-weight:			bolder;
	line-height:			18px;
	padding-left:			3px;
}

a
{
	text-decoration:	none;
}

a img
{
	border:				none;
}

ul
{
	list-style:			none;
}

body
{
	background:			#000;
}

#wrapper
{
	width: 			980px;
	position:		relative;
	left:			50%;
	margin-left:	-490px;
	background:		url(../pics/site_bg.png) repeat;
}

#container
{
	width: 			900px;
	position:		relative;
	left:			50%;
	margin-left:	-450px;
	background:		#FFF url(../pics/bg_music_pattern.gif) repeat;
}

#header
{
	height:			130px;
	width:			900px;
	background:		url(../pics/header.png) no-repeat;
}

#header h2
{
	display:		block;
	width:			400px;
	height:			105px;
	position:		relative;
	top:			8px;
	left:			485px;
	overflow:		hidden;
	text-indent:	-9000px;
}

#header h2 a
{
	display:		block;
	width:			400px;
	height:			105px;
}

#subHeading
{
	
}

#subHeading img
{
	display:		inline;
	position:		relative;
	float:			right;
	right:			5px;
	top:			8px;
	display:		none;
}

#footer
{
	height:			55px;
	width:			980px;
	background:		#303030;
}

#footer #w3XHTML
{
	float:			left;
	position:		relative;
	left:			40px;
	top:			13px;
}

#footer #visitorCounter
{
	float:			left;
	position:		relative;
	left:			275px;
	top:			5px;
	background:		#4D4D4D;
	padding:		3px;
	border:			2px solid #565656;
}

#footer #visitorCounter p
{
	font-family:	Trebuchet MS;
	color:			#848484;
	font-size:		13px;
	width:			160px;
	float:			left;
	text-align:		right;
	padding-right:	10px;
}

#footer #visitorCounter img
{
	float:			left;
	padding:		2px 3px 0px 0px;
}

#footer #w3CSS
{
	float:			right;
	position:		relative;
	right:			35px;
	top:			13px;
}

/****************************************************************************/
/*						END OF COMMON STYLES								*/
/****************************************************************************/





/****************************************************************************/
/*						START OF HELPER STYLES								*/
/****************************************************************************/
.clear
{
	clear:			both;
}
/****************************************************************************/
/*						START OF HELPER STYLES								*/
/****************************************************************************/





/****************************************************************************/
/*					START OF SMALL CONTAINER STYLES							*/
/****************************************************************************/
.yGrdWatch
{
	background:		transparent url(../pics/rounded_yellow_segment_watch.png) no-repeat;
	height:			234px;
	width:			319px;
}

.yGrdListen
{
	background:		transparent url(../pics/rounded_yellow_segment_listento.png) no-repeat;
	height:			234px;
	width:			319px;
}

.yMiniInfo
{
	background:		transparent url(../pics/miniinfobg.png) no-repeat;
	height:			163px;
	width:			151px;
}
/****************************************************************************/
/*					END OF SMALL CONTAINER STYLES							*/
/****************************************************************************/




/****************************************************************************/
/*						START OF BADGES STYLES								*/
/****************************************************************************/
.moreBadgeInline
{
	display:				inline;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	background:				#C61818;
	color:					#FFF;
	padding:				0 2px 0 2px;
}

.moreBadgeInline:hover
{
	font-weight:			bolder;
}

.moreBadgeBlock
{
	display:				block;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000;
}

.moreBadgeBlock:hover
{
	font-weight:			bolder;
}

/* button with anchor */
a#buttonType
{
	background:			transparent url(../pics/textareabg.png) repeat-x scroll;
	border:				1px solid #E4B946;
	font-family:		Trebuchet ms;
	font-size:			20px;
	width:				80%;
	text-align:			center;
	color:				#000000;
	font-weight:		bolder;
}

a#buttonType:hover
{
	background-position:	0px -40px;
}


/*******************************************************************/ 
/************************* Photo Count Badge ***********************/
/*******************************************************************/
.photoCount
{
	background:			transparent url(../pics/photo_count.gif) no-repeat top left;
	height:				75px;
	width:				59px;
}

.photoCount span.header
{
	display:			block;
	font-size:			12px;
	font-weight:		bolder;
	text-transform:		uppercase;
	position:			relative;
	top:				12px;
	text-align:			center;
}

.photoCount span.count
{
	display:			block;
	font-size:			18px;
	font-weight:		bolder;
	color:				#FFF;
	position:			relative;
	top:				30px;
	left:				-2px;
	text-align:			center;
}
/*******************************************************************/ 
/********************* End of Photo Count Badge ********************/
/*******************************************************************/




/*******************************************************************/ 
/************************* Date Count Badge ************************/
/*******************************************************************/
.DateBadge
{
	background:			transparent url(../pics/date_badge.png) no-repeat top left;
	height:				75px;
	width:				59px;
}

.DateBadge span.date
{
	display:			block;
	font-size:			12px;
	font-weight:		bolder;
	text-transform:		uppercase;
	position:			relative;
	top:				12px;
	text-align:			center;
}

.DateBadge span.year
{
	display:			block;
	font-size:			18px;
	font-weight:		bolder;
	color:				#FFF;
	position:			relative;
	top:				30px;
	left:				-2px;
	text-align:			center;
}
/*******************************************************************/ 
/****************** End of Date Count Badge ************************/
/*******************************************************************/




/*******************************************************************/ 
/************************* Start of Time Badge *********************/
/*******************************************************************/
.TimeBadge
{
	background:			transparent url(../pics/time_badge.png) no-repeat top left;
	height:				75px;
	width:				59px;
}

.TimeBadge span.time
{
	display:			block;
	font-size:			12px;
	font-weight:		bolder;
	text-transform:		uppercase;
	position:			relative;
	top:				12px;
	text-align:			center;
}

.TimeBadge span.dayPartName
{
	display:			block;
	font-size:			18px;
	font-weight:		bolder;
	color:				#FFF;
	position:			relative;
	top:				30px;
	left:				-2px;
	text-align:			center;
}
/*******************************************************************/ 
/************************ End of of Time Badge *********************/
/*******************************************************************/




/*******************************************************************/ 
/*********************** Last Update Badge *************************/
/*******************************************************************/
span.lastUpdate
{
	border:				1px solid #B7D6EA;
	background:			transparent url(../pics/update_bg.png) repeat-x scroll top left;
	padding:			0 3px 0 3px;
	font-size:			13px;
}
/*******************************************************************/ 
/*************** End of  Last Update Badge *************************/
/*******************************************************************/




/*******************************************************************/ 
/*************** General class for Buttons *************************/
/*******************************************************************/
.buttonType
{
	background:			transparent url(../pics/textareabg.png) repeat-x scroll;
	border:				1px solid #E4B946;
	font-family:		Trebuchet ms;
	font-size:			14px;
	text-align:			center;
	color:				#000000;
	font-weight:		bolder;
}

.buttonType:hover
{
	background-position:	0px -40px;
}
/*******************************************************************/ 
/*************** End of General class for Buttons ******************/
/*******************************************************************/




/****************************************************************************/
/*					START OF NICE ROUNDED SEGMENTS 							*/
/****************************************************************************/
.yellowNiceSegment
{
	background:		url(../pics/hrounded/top_left.png) no-repeat top left;
}
.yellowNiceSegment dt
{
	background:		url(../pics/hrounded/top_mid.png) repeat-x;
	height:			43px;
	margin-left:	4px;
	
}
.yellowNiceSegment dt b
{
	background:		url(../pics/hrounded/top_right.png) no-repeat top right;
	font-family:	Trebuchet MS;
	font-size:		17px;
	padding:		11px 0px 0px 5px;
	display:		block;
	text-transform:	uppercase;
}

.yellowNiceSegment dd
{
	background:		url(../pics/hrounded/yellow_bottom_shade.png) repeat-x bottom left;
	border-left:	1px solid #EDCA5F;
	border-right:	1px solid #EDCA5F;
}
/****************************************************************************/
/*						END OF ROUNDED SEGMENTS 							*/
/****************************************************************************/




/****************************************************************************/
/*					START OF WHITE NICE ROUNDED SEGMENTS 							*/
/****************************************************************************/
.whiteNiceSegment
{
	background:		url(../pics/hrounded/left.png) no-repeat top left;
}
.whiteNiceSegment dt
{
	background:		url(../pics/hrounded/bg.png) repeat-x;
	height:			43px;
	margin-left:	3px;
	
}
.whiteNiceSegment dt b
{
	background:		url(../pics/hrounded/right.png) no-repeat top right;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		17px;
	line-height:	43px;
	margin-left:	5px;
	display:		block;
	text-transform:capitalize;
}

.whiteNiceSegment dd
{
	background:		url(../pics/hrounded/ashbigbg.png) repeat-x bottom left;
	border-left:	1px solid #EDCA5F;
	border-right:	1px solid #EDCA5F;
}
/****************************************************************************/
/*						END OF ROUNDED SEGMENTS 							*/
/****************************************************************************/





/****************************************************************************/
/*					START OF NICE RECTANGULAR SEGMENTS 						*/
/****************************************************************************/
.yellowRectSegment
{
	background:				none;
	border-left:			1px solid #EDCA5F;
}
.yellowRectSegment dt
{
	background:				url(../pics/hrounded/top_mid.png) repeat-x;
	background-position:	0px -1px;
	border-bottom:			1px solid #E4B946;
	height:					41px;
	margin-left:			0px;
}
.yellowRectSegment dt b
{
	background:				none;
	border-right:			1px solid #EDCA5F;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	margin-left:			5px;
	display:				block;
	text-transform:			capitalize;
}

.yellowRectSegment dd
{
	background:				white url(../pics/hrounded/yellow_bottom_shade.png) repeat-x bottom left;
	border-left:			1px solid #EDCA5F;
	border-right:			1px solid #EDCA5F;
}
/****************************************************************************/
/*					END OF NICE RECTANGULAR SEGMENTS 						*/
/****************************************************************************/





/****************************************************************************/
/*						START OF 4SLICED SEGMENTS							*/
/****************************************************************************/

/**	YELLOW	**/

	.box 
	{
		margin-top:		5px;
		width:			30em;
		background: url(../pics/simple_rounded/left_bottom_round.png)no-repeat left bottom;
	}
	
	.box-outer 
	{
		background: url(../pics/simple_rounded/right_bottom_round.png) no-repeat right bottom;
		padding-bottom: 5%;
	}
	
	.box-inner 
	{
		background: url(../pics/simple_rounded/top_left_round.png) no-repeat left top;
	}
	
	.box h2 
	{
		background: url(../pics/simple_rounded/right_top_round.png) no-repeat right top;
		padding-top: 1%;
		padding-left:1%;
	}

/****************************************************************************/
/*						END OF 4SLICED SEGMENTS							*/
/****************************************************************************/




/****************************************************************************/
/*						CSS FOR GALLERY VIEW								*/
/****************************************************************************/
	
	/****************************************************************************/
	/*						CSS FOR GALLERY VIEW								*/
	/****************************************************************************/
	
	.aGallery
	{
		float:				left;
		width:				305px;
		height:				172px;
		padding:			5px;
		background:			url(../pics/hrounded/yellow_bottom_shade.png) repeat-x top left;
		border:				1px solid #F0D278;
	}
	
	.aGallery .imageContainer
	{
		width:				150px;
		float:				left;
	}	
	
	.aGallery .imageContainer a
	{
		
	}

	.aGallery .imageContainer a:hover
	{
		
	}
	
	.aGallery .imageContainer a img
	{
		border:				transparent 1px solid;
	}
	
	.aGallery .imageContainer a img:hover
	{
		border:				1px solid #C61817;
	}
	
	.aGallery .galleryInfo
	{
		float:				left;
		width:				155px;
	}
	
	.aGallery .galleryInfo b
	{
		float:				left;
		font-size:			17px;
		display:			block;
		margin-left:		5px;
	}
	
	.aGallery .galleryInfo b a:hover
	{
		color:				#C61817;
	}
	
	
	.aGallery .galleryInfo p
	{
		float:				left;
		display:			inline;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		width:				83px;
		margin-top:			10px;
		margin-left:		5px;
		background:			white url(../pics/hrounded/yellow_top_shade.png) repeat-x scroll left 60%;
		border:				1px solid #EDCA5F;
		padding:			2px;
	}
	
	.aGallery .galleryInfo .photoCount
	{
		float:				right;
		display:			inline;
		margin-top:			10px;
	}
	
	.aGallery .galleryInfo .lastUpdate
	{
		float:				left;
		display:			inline;
		margin-top:			10px;
		margin-left:		5px;
		width:				142px;
		font-family:		Arial, Helvetica, sans-serif;
	}





/****************************************************************************/
/*						CSS FOR PICTURE VIEW								*/
/****************************************************************************/
	#picturePalette
	{
		background:			url(../pics/yellow_pic_container.gif) no-repeat top left;
		width:				611px;
		height:				81px;
	}
	
	#picturePalette p
	{
		float:				left;
		width:				40px;
		text-align:			center;
		padding-top:		12px;
	}
	
	#picturePalette p a
	{
		position:			relative;
		font-family: 		Georgia;
		font-size:			45px;
	}
	
	#picturePalette p a:hover
	{
		color:				#C61818;
	}
	
	#picturePalette div
	{
		float:				left;
		width:				525px;
		display:			inline;
		margin-left:		2px;
		margin-right:		2px;
	}
	
	#picturePalette div ul
	{
		margin-left:		2px;
		margin-top:			3px;
	}
	
	#picturePalette div ul li
	{
		display:			inline;
		float:				left;
		height:				75px;
		width:				75px;
		margin-left:		10px;
	}
	
	#picturePalette div ul li a
	{

	}
	
	#picturePalette div ul li a img
	{
		border:				1px solid #F8EABD;
	}
	
	#picturePalette div ul li a img:hover
	{
		border:				1px solid #C61817;
	}
	
	
	/* CSS for Current Viewed Picture Container */
	
	#pictureContainer
	{
		width:				620px;
	}
	
	#pictureContainer ul
	{
		margin-top:			10px;
	}
	
	#pictureContainer ul li
	{
		display:			block;
		margin:				0 auto;
		text-align:			center;
		width:				450px;
		vertical-align: middle;
	}
	
	#pictureContainer ul li img
	{
		border:				2px solid #F8EABD;
	}
	
	#pictureContainer ul li p
	{
		float:				none;
		font-family:		Trebuchet ms;
		font-size:			12px;
		text-align:			center;
	}





/****************************************************************************/
/*						CSS FOR ListView Segment							*/
/****************************************************************************/
div.listView
{
	
}

div.listView div.heading
{	
	height:					24px;
	background:				transparent url(../pics/red_head_shed.png) repeat-x 0 0;
	padding:				6px 5px 0px 5px !important;
	padding:				1px 5px 0px 5px;
	
	border-left:			2px solid #D5514F;
	border-right:			2px solid #D5514F;
	border-bottom:			1px solid #D5514F;
}

div.listView div.heading span
{
	display:				block;
	float:					left;
	width:					20% !important;
	width:					19%;
	
	font-family:			Trebuchet MS;
	font-size:				16px;
	font-weight:			bolder;
}

div.listView ul
{
	position:				relative;
	top:					0px !important;
	background:				#EFD073;
	padding:				0px 2px 2px 2px;
}

div.listView ul li
{
	clear:					both;
	overflow:				hidden;
	border-bottom:			1px solid #FFF;
	margin:					0px 5px 0px 5px;
	line-height:			25px;
}

div.listView ul li a
{
	display:				block;
	height:					25px;
	border:					2px solid #EFD073;
}

div.listView ul li a:hover
{
	background:				transparent url(../pics/list_hover.png) repeat-x scroll;
	border:					2px solid #E4B948;
}

div.listView ul li a span
{
	display:				block;
	float:					left;
	width:					19%;
	
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	
	cursor:					pointer;
}

/****************************************************************************/
/*						End of CSS FOR ListView Segment						*/
/****************************************************************************/



/****************************************************************************/
/*						CSS for pagination									*/
/****************************************************************************/
ol.pagination
{
	list-style:				none;
	overflow:				hidden;
	margin:					10px;
	height:					100%;
}

ol.pagination li
{
	position:				relative;
	display:				inline;
	float:					left;
	margin-right:			3px;
	overflow:				hidden;
}

ol.pagination li a
{
	display:				block;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:				13px;
	padding:				0px 5px 2px 5px;
	border:					2px solid #EDCA5F;
	background:				transparent url(../pics/hrounded/top_mid.png) repeat-x;
	background-position:	0px -12px;
	text-align:				center;
}

ol.pagination li a.selected
{
	background-position:	0px -23px;
	font-weight:			bolder;
}

ol.pagination li a:hover
{
	background-position:	0px -5px;
}
/****************************************************************************/
/*						End of CSS for pagination							*/
/****************************************************************************/




/****************************************************************************/
/*						CSS for Comment										*/
/****************************************************************************/
dl#GuestComments
{
	margin-top:				10px;
}

dl#GuestComments dt
{
	
}

dl#GuestComments dt b
{
	
}

dl#GuestComments dd
{
	padding:				15px;
	clear:					both;
	overflow:				hidden;
	height:					100%;
}

dl#GuestComments dd div
{
	float:					left;
	width:					30%;
	padding:				20px;
	background:				white url(../pics/hrounded/yellow_top_shade.png) repeat-x scroll left bottom;
	border:					1px solid #EDCA5F;
}

dl#GuestComments dd div h3
{
	font-family:			Trebuchet MS;
}

dl#GuestComments dd div p
{
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:				13px;
	float:					none;
	width:					90%;
	padding:				0px;
	background:				none;
	border:					none;
	margin-top:				10px;
}

dl#GuestComments dd p
{
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:				13px;
	float:					right;
	width:					55%;
	padding:				10px;
	background:				white url(../pics/hrounded/yellow_top_shade.png) repeat-x scroll left top;
	border:					1px solid #EDCA5F;
}
/****************************************************************************/
/*						End of CSS for Comment								*/
/****************************************************************************/

/************************************************************/
/* Login form
 * 
 */
#loginForm
{
	padding:				15px;
}

#loginForm caption
{
	font-weight:			bolder;
	padding-top:			5px;
	padding-bottom:			5px;
}

#loginForm caption.error
{
	background-color:		#FF0000;
	color:					white;
}

#loginForm tr
{
	line-height:			25px;
}


#logonForm .buttonArea input
{
	
}


/***************************************************************************/
/* CSS for Notice Board */
/***************************************************************************/
#noticeBoard
{
	width:					100%;
	height:					20px;
	padding:				3px 20px 5px 20px;
	background:				#F1D685;
	border-top:				2px solid #E0C366;
	border-bottom:			2px solid #E0C366;
	position:				fixed;
	bottom:					0;
	display:				none;
}

#noticeBoard p
{
	font-family:			Trebuchet MS;
	font-size:				15px;
	font-weight:			bolder;
	color:					#C61818;
	text-align:				center;
}


/**********************************************/
/* classes for admin panel
/**********************************************/
.success
{
	background:			#38CB21;
	color:				#000;
}

.error
{
	background:			#DE2D2B;
	color:				#fff;
}

.information
{
	background:			#EFED2B;
	color:				#000;
}