/*******  STYLES FOR INDEX PAGE & GENERAL ******************************************/

body
{
width:			850px;
margin:			0 auto;
background-image:	url("graphic/shadow.jpg");  /***teal glow around body***/
background-repeat:	repeat-y;
background-position:	center;
background-color:	#1F1100;	/*brown*/
}

#wrapper
{
width:			830px;
height:			1500px;
margin:			0 auto;
background-color:	#EFDF95;	/*cream*/
border:			2px ridge #EFDF95;
}

#photoRollover  /**table with photoshop slices**/
{
position:		absolute;
margin-top:		-40px;
}


h1 /***title***/
{

font-family:		"Papyrus";
font-size:		55px;
margin-left:		55px;
margin-top:		10px;
color:			#1F1100;	/*brown*/
}

h4 /***venues on photo page***/
{
font-family:		"Lucida Sans Unicode";
font-size:		20px;
font-weight:		bold;
margin-left:		10px;
color:			#1F1100;	/*brown*/
padding:		20px;
}

/***pop-out images***/
#coleySkirt
{
position:		absolute;
margin-left:		-195px;
margin-top:		325px;
}

#channaCandle
{
position:		absolute;
margin-top:		-65px;
margin-left:		743px;
}

#jesseBhangra
{
position:		absolute;
margin-top:		-100px;
margin-left:		-138px;
}

#lizMaria
{
position:		absolute;
margin-top:		80px;
margin-left:		760px;
}
/************/

.content
{
color:			#4F0003;	/*darker maroon*/
padding:		10px;
line-height:		2;
font-size:		18px;
font-family:		"Lucida Sans Unicode";
}

/***moving text to flow around images***/
#about1 /***style first paragraph***/
{
position:		relative;
margin-top:		-20px;
width:			370px;
margin-left:		50px;
}

#about2 /***style 2nd paragraph***/
{
position:		relative;
margin-top:		-20px;
width:			535px;
margin-left:		50px;
line-height:		2;
}

#about3 /***style 3rd paragraph***/
{
position:		relative;
margin-top:		-20px;
width:			235px;
margin-left:		340px;
line-height:		2;
}


#contact
{
position:		absolute;
width:			320px;
margin-left:		405px;
margin-top:		-10px;
color:			#1F1100;	/*brown*/
line-height:		1.5;
font-size:		18px;
font-family:		"Lucida Sans Unicode";
}

#class
{
position:		absolute;
width:			600px;
margin-left:		55px;
margin-top:		150px;
color:			#1F1100;	/*brown*/
line-height:		1.5;
font-size:		18px;
font-family:		"Lucida Sans Unicode";
}

#class a
{
color:			#144F48;		/*teal*/
}


#teal /***for spans in teal color***/
{
color:			#144F48;		/*teal*/
}

#italic /***for spans in italics***/
{
font-style:		italic;
}

#pap /***for spans in Papyrus font***/
{
font-family:		"Papyrus";
font-size:		30px;
font-weight:		bold;
}




/******PHOTO Page  ***********/
#feature
{
border:			none;
margin-left:		150px;
}

#venue
{
margin-top:		20px;
background-image:	url("graphic/venueBack.jpg");
background-repeat:	no-repeat;
width:			600px;
height:			113px;
margin-left:		50px;
}

#wrapperPhoto
{
width:			850px;
margin:			0 auto;
background-color:	#EFDF95;	/*cream*/
background-image:	url("graphic/photoBack.jpg");
background-repeat:	repeat;
border:			2px ridge #EFDF95;
}

#photoContainer
{
background-color:	#0F0901;	/*darker brown*/
width:			700px;
margin:			0 auto;
margin-top:		100px;
}

#photoContainer img
{
margin-left:		60px;
}

h1 a
{
color:			#1F1100;	/*brown*/
}

h1 a:visited
{
color:			#1F1100;	/*brown*/
}

h1 a:hover
{
color:			#5F0609;	/*maroon*/
}

/********EVENTS PAGE**********/

#eventSub
{
color:			#5F0609;	/*maroon*/
font-size:		50px;
font-family:		"Papyrus";
font-weight:		bold;
margin-left:		50px;
width:			500px;
}

#eventTitle
{
font-size:		50px;
font-family:		"Lucida Sans Unicode";
font-weight:		bold;
color:			#EFDF95;	/*cream*/
margin-left:		10px;
}

#detail
{
font-size:		20px;
font-family:		"Lucida Sans Unicode";
font-weight:		bold;
color:			#EFDF95;	/*cream*/
margin-left:		10px;
}

#desc
{
color:			#0F0901;	/*darker brown*/
font-size:		18px;
font-family:		"Lucida Sans Unicode";		
margin-left:		10px;
}

#april
{
margin-left:		150px;
}

#may
{
margin-left:		150px;
margin-top:		60px;
}

#bhangraBack
{
background-color:	#5F0609;	/*maroon*/
background-image:	url("graphic/calendar/bhangraBack.jpg");
color:			#EFDF95;	/*cream*/
width:			600px;
height:			510px;
background-repeat:	no-repeat;
margin-left:		40px;
}

#sugarBack
{
background-color:	#5F0609;	/*maroon*/
background-image:	url("graphic/calendar/sugarBack.jpg");
color:			#EFDF95;	/*cream*/
width:			700px;
height:			506px;
background-repeat:	no-repeat;
margin-left:		110px;
}