body
{
background-image: url(images/background.gif);
}

table  
{ border-collapse: collapse; border-spacing: 0; }
  
td, th { padding: 0; }

#mainbody
{

}

#maintable
{
	margin: 0px; 
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 760px;
}

#toprow
{

}

#topleft
{
	width: 30px;
	height: 30px;
	background-image: url(images/layoutimages/topleft.gif);
	background-repeat: no-repeat;
	
}

#top
{
	height: 30px;
	max-width: 700px;
	background-image: url(images/layoutimages/top.gif);
	background-repeat: repeat-x;
}

#topright
{
	width: 30px;
	height: 30px;
	background-image: url(images/layoutimages/topright.gif);
	background-repeat: no-repeat;
}

#middlerow
{
background-color: #7fa66b;
}

#left
{
	width: 30px;
	height: auto;
	background-image: url(images/layoutimages/left.gif);
	background-repeat: repeat-y;
}

#content
{
text-align: left;
}

#topcontent
{
text-align: left;
}

#right
{
	width: 30px;
	height: auto;
	background-image: url(images/layoutimages/right.gif);
	background-repeat: repeat-y;
}

#bottomrow
{

}

#bottomleft
{
	width: 30px;
	height: 30px;
	background-image: url(images/layoutimages/bottomleft.gif);
	background-repeat: no-repeat;
}

#bottom
{
	max-width: 700px;
	background-image: url(images/layoutimages/bottom.gif);
	background-repeat: repeat-x;
}

#bottomright
{
	width: 30px;
	height: 30px;
	background-image: url(images/layoutimages/bottomright.gif);
	background-repeat: no-repeat;
}

#logo
{
width: 300px;
height: 194px;
background-image: url(images/inspirationweekendlogosmall.gif);
background-repeat: no-repeat;
margin-top: 100px;
}

#toptable
{
width: 700px;
height: 200px
}

#contenttable
{
width: 700px;
height: auto;
}

#dateanddef
{
padding-left: 50px;
text-align: center;
vertical-align: top;
}

#definition
{
padding-top: 30px;
text-align: left;
color: #e0e0e0;
font-size: 10px;
font-style: oblique;
font-family: arial, "lucida console", sans-serif;
}

#laborday
{
color: white;
font-size: 36px;
font-family: arial, "lucida console", sans-serif;
}

#dates
{
color: white;
font-size: 18px;
font-family: arial, "lucida console", sans-serif;
}

#menu
{
text-align: center;
}

A:link {text-decoration: underline; color: white;}
A:visited {text-decoration: underline; color: white;}
A:active {text-decoration: underline; color: white;}
A:hover {text-decoration: underline; color: orange;}

.title
{
color: white;
font-size: 36px;
font-style: none;
font-family: arial, "lucida console", sans-serif;
}

.subtitle
{
color: white;
font-size: 24px;
font-style: oblique;
font-family: arial, "lucida console", sans-serif;
}

.footer
{
font-size: 12px;
color: black;
}

.photo
{
border-style:ridge;
padding: 0px;
border-width: 5px;
border-color: white;
float: right;
}

.teachertitle
{
font-size: 36px;
text-align: center;
}

.oddrow
{
background-color: #7ba366;
}

.evenrow
{
background-color: #9bba8d;
}

.imageonleft
{
float: left;
border-style:ridge;
padding: 0px;
border-width: 5px;
border-color: white;
margin: 5px;
}

.imageonright
{
float: right;
border-style:ridge;
padding: 0px;
border-width: 5px;
border-color: white;
margin: 5px;
}

.pagedescription
{
margin-top: 10px;
margin-bottom: 10px;
}




.day
{
	background-color: #8BAABC;
	font-size: 24px;
	color: white;
	border-color: black;
	border-width: 2px;
	border-style: solid;
	display: block;
}


.classtable
{
table-layout:fixed;width:100%;
}

.classtable td
{
vertical-align: top; 
	border-width: 3px;
	border-color: #000;
	border-style: solid;
	padding: 3px;
	margin: 3px;
}

.classtitle
{

	font-weight: bold;

}

.classteachers
{

}

.classdescription
{
	font-size: 12px;
	font-style: italic;
	padding-left: 40px;
	display: block;
}

.classbeg
{
background-color: white;
}

.classint
{
background-color: #FC9;
}

.classadv
{
background-color: #9C0;

}

.classinv
{
background-color: #F9F;

}

.classall
{
background-color: #FF6;
}

.time
{
	background-color: silver;
	font-size: 18px;
}

.trackcode td
{
padding: 4px;
cursor: pointer;
}

.dance
{
font-size: 36px;
background-color: #8BAABC;
text-align: center;
width: 100%;
}

.dancebox
{
background-color: silver;
vertical-align: top; 
	border-width: 3px;
	border-color: #000;
	border-style: solid;
	padding: 3px;
	margin: 3px;
}

.bandtitle
{
font-size: 24px;
text-align: center;
width: 100%;
}

.bandpic
{
border-style:ridge;
padding: 0px;
border-width: 5px;
border-color: white;
margin: 5px;
}

.dancedetails
{
vertical-align: top;
text-align: center;
}

.event_html
{
}

	.clickable {
		cursor:pointer;
		font-size: 10px;
		color: blue;
		margin-top: 10px;
	}
	
	#myIdentifier {
		font-family: monospace;
		margin:0 5px 0 5px;
	}
	#myIdentifier:after {
		content:']';
	}
	#myIdentifier:before {
		content:'[';
	}