/* **************************  Melrose Band Web Site CSS  ************************** */
/* Author:	Raj Das (raj@das.name)					*/
/*									*/


/* ************************** body declarations ************************** */

body {
	font-size:		100%;
	background-color:	#565051;
	font-family:		helvetica;
}


/* ************************** header declarations ************************** */

h1 {
	font-family:		arial;
	font-size:		1.6em;
	color:			white;
}
h2 {
	font-size:		1.0em;
	color:			#153E7E;
}
h3 {
	font-size:		0.8em;
	color:			white;
}
h4 {
	font-size:		1.0em;
	color:			white;
}

/* ************************** division sections- COMMON ************************** */


#section_header	{
	position:		absolute;
	background:		#E42217;
	top:			5px;
	left:			5px;
	width:			335px;
	height:			115px;
	border-style:		solid;
	border-color:		blue;
	border-width:		5px;
	padding:		5px;
	font-size:		1.3em;
	color:			black;
}

#section_header_photos_1	{
	position:		absolute;
	top:			5px;
	left:			365px;
	width:			65px;
	height:			130px;
}
#section_header_photos_2	{
	position:		absolute;
	top:			5px;
	left:			435px;
	width:			210px;
	height:			135px;
}
#section_header_photos_3	{
	position:		absolute;
	top:			5px;
	left:			650px;
	width:			65px;
	height:			130px;
}
#section_header_photos_4	{
	position:		absolute;
	top:			5px;
	left:			720px;
	width:			210px;
	height:			130px;
}
#section_header_photos_5	{
	position:		absolute;
	top:			5px;
	left:			935px;
	width:			65px;
	height:			130px;
}


#section_navigation	{
	position:		absolute;
	background:		#348017;
	top:			145px;
	left:			5px;
	width:			200px;
	height:			500px;
}
#section_navigationdas	{
	position:		absolute;
	background:		#348017;
	top:			145px;
	left:			5px;
	width:			200px;
	height:			750px;
}
#section_events	{
	position:		absolute;
	top:			220px;
	left:			5px;
	width:			200px;
	height:			400px;
}

#section_linksandforms	{
	position:		absolute;
	top:			410px;
	left:			5px;
	width:			200px;
	height:			200px;
}
#section_footer	{
	position:		absolute;
	background:		#000000;
	top:			650px;
	left:			5px;
	width:			495px;
	height:			30px;
}

#section_footer_right	{
	position:		absolute;
	background:		#000000;
	top:			650px;
	left:			500px;
	width:			500px;
	height:			30px;
}

#section_footerdas	{
	position:		absolute;
	background:		#000000;
	top:			900px;
	left:			5px;
	width:			995px;
	height:			30px;
}

#section_unique	{
	position:		absolute;
	background:		#488AC7;
	top:			145px;
	left:			210px;
	width:			790px;
	height:			500px;
}

#section_uniquedas	{
	position:		absolute;
	background:		#488AC7;
	top:			145px;
	left:			210px;
	width:			790px;
	height:			750px;
}
#section_unique_colorguard	{
	position:		absolute;
	top:			145px;
	left:			210px;
	width:			790px;
	height:			500px;
	background-image:	url(images/cg_background.jpg);
	filter: 		alpha(opacity=60);
	background-repeat:	no-repeat;
}

#section_hotitems	{
	position:		absolute;
	top:			275px;
	left:			885px;
	width:			110px;
	height:			350px;

}

#section_lastupdated	{
	position:		absolute;
	top:			100px;
	left:			210px;
	width:			200px;
	height:			30px;

}

#section_cameraman	{
	position:		absolute;
	top:			144px;
	left:			940px;
	width:			55px;
	height:			100px;

}



/* ************************** division sections- SITE SPECIFIC ************************** */

#cg_slideshows	{
	position:		absolute;
	top:			150px;
	left:			220px;
	width:			635px;
	height:			100px;

}
#cg_videos	{
	position:		absolute;
	top:			150px;
	left:			500px;
	width:			300px;
	height:			100px;

}
#cg_images	{
	position:		absolute;
	top:			260px;
	left:			220px;
	width:			750px;
	height:			100px;

}

#bn_slideshows	{
	position:		absolute;
	top:			150px;
	left:			220px;
	width:			635px;
	height:			100px;

}
#bn_videos	{
	position:		absolute;
	top:			150px;
	left:			500px;
	width:			300px;
	height:			100px;

}
#bn_images	{
	position:		absolute;
	top:			330px;
	left:			220px;
	width:			750px;
	height:			100px;

}

#jb_slideshows	{
	position:		absolute;
	top:			150px;
	left:			220px;
	width:			635px;
	height:			100px;

}
#jb_videos	{
	position:		absolute;
	top:			150px;
	left:			500px;
	width:			300px;
	height:			100px;

}
#jb_images	{
	position:		absolute;
	top:			330px;
	left:			220px;
	width:			750px;
	height:			100px;

}

#mb_slideshows	{
	position:		absolute;
	top:			150px;
	left:			220px;
	width:			635px;
	height:			100px;

}
#mb_videos	{
	position:		absolute;
	top:			150px;
	left:			500px;
	width:			300px;
	height:			100px;

}
#mb_images	{
	position:		absolute;
	top:			330px;
	left:			220px;
	width:			750px;
	height:			100px;

}



/* ************************** Paragraph Class Section ************************** */

.text_header	{
	font-size:		1.0em;
	font-weight:		bold;
	color:			white;
	padding:		10px;
}

.text_events	{
	font-size:		0.8em;
	color:			white;
	padding:		5px;
}

.text_links	{
	font-size:		0.8em;
	text-decoration:	none;
	color:			blue;
	padding:		5px;
}

.text_forms	{
	font-size:		0.8em;
	text-decoration:	none;
	color:			blue;
	padding:		5px;
}

.text_cameraman	{
	font-size:		0.8em;
	color:			#FFFFFF;
	padding:		5px;
}

.text_date	{
	font-size:		0.8em;
	color:			white;
	padding:		5px;
}


.text_hotitems	{
	font-size:		0.9em;
	color:			white;
}


.text_slideshows	{
	font-size:		0.8em;
	color:			black;
}




a	{
	color:			white;
	text-decoration:	none;
}
a:visited	{
	color:			#E8A317;
}
a:hover	{
	color:			yellow;
	text-decoration:	underline;
}


/* ************************** Image Section ************************** */

img {
	border-style:		solid;
	border-width:		0px;
	border-color:		black;
}