body { 
  background-color: 	#40047B;
  font-family:      	"Century Gothic", Calibri, Verdana, Ariel, sans-serif;
  font-size:        	16px;
  color:		black;
}

h1, h2, h3, h4, p {
  padding: 		0px 0px 0px 10px;
}

h1, h2 {
  margin-top:		10px;
  margin-bottom:	0px;
}

p, ul {
  margin-bottom:	0px;
}

li {
  padding:		10px 0px 0px 10px;
}
  

/* aquamarine color:  #067976 
dark blue: #2E047B  aqua: #067976
*/

#allcontent {
  width: 		80%;	/* was 1200px*/
  padding:		10px;
  margin-left:		auto;
  margin-right:		auto;
  background-color: 	#7DBEFF;
  border-color:		#96A3EF;
  border-width:		3px;
  border-style:		solid;
}

a:link {
  color:		black;
  text-decoration:	none;
}
a:visited {
  color:		#80001E;
  text-decoration:	none;
}
a:hover {
  color:		white;
  text-decoration:	none;
}

#header {
  border-color:		#40047B;
  border-width:		1px;
  border-style:		inset;
  padding:		5px;
  margin:		10px;
  line-height:		160%;
 }

#header p {
  padding:		0px 0px 0px 5px;
}

#header img {
  width:		130px;
  height:		100px;
}

#header h1 {
  font-size:		250%;
  padding:		0px 0px 0px 0px;
  margin-top:		0px;
  margin-bottom:	0px;
}

  
#header a:link{
  color:		#7DBEFF;
  text-decoration:	none;
}

#header a:visited{
  color:		#7DBEFF;
  text-decoration:	none;
}

#header a:hover{
  color:		#7DBEFF;
  text-decoration:	none;
}

#main {
  margin-left:		10px;
  padding-bottom:	50px;
}

#main ul {
  margin-top:		0px;
  margin-bottom:	20px;
}

#main h2 {
  margin-top:		30px;
  margin-bottom:	0px;
}

#main p {
  margin-top:		0px;
  margin-bottom:	20px;
}
  

#footer {
  clear:		right;
}

#footer table {
  border-top:		white solid 1px;
  border-bottom:	white solid 1px;
  margin-top:		20px;
}

#footer td {	
  padding-top:		10px;
  padding-bottom:	10px;
  margin-top:		30px;
  margin-bottom:	20px;
  width:		200px;
  text-align:		center; 
  font-weight:		bold;
  font-size:		90%;
}

#counter {
  font-size:		80%;
  text-align:		center;
  margin-top:		30px;
}

.email {
  font-style:		italic;
}





/* Style for Index */
#imain img {
  width:		100%;  /* was 275px*/
  height:		200px; /* was 250px*/
  border:		0;
}

#imain table {
  padding:		20px;
  border-spacing:	10px;
  text-align:		center;
  font-size:		120%;
  font-weight:		bold;
}

#ifooter table {
  margin-left:		30px;
  text-align:		center;
  border-top:		white solid 1px;
  border-bottom:	white solid 1px;
  margin-top:		50px;
}

#ifooter td {
  width:		560px;
  padding-top:		10px;
  padding-bottom:	10px;
}

#ifooter p {
  text-align:		center;
}

#ifooter a:visited {
  color:		black;
}

#ifooter a:hover {
  color:		white;
}





/* Style for Costumes */

#tablepix table {
  margin-left:		60px;
}

#tablepix td {
  padding-right:	5px;
  padding-left:		10px;
}
/*
#tablepix table img {
  width:		auto;
  height:		200px;
}
*/
#tablepix a:link{
  color:		#7DBEFF;
  text-decoration:	none;
}

#tablepix a:visited{
  color:		#7DBEFF;
  text-decoration:	none;
}

#tablepix a:hover {
  color:		#7DBEFF;
  text-decoration:	none;
}

.listlink {
  font-weight:		bold;
}





/* Style for Equipment */

#emain {
  text-align:		justify;
  padding:		0px 5px 0px 0px;
  margin:		0px 10px 10px 0px;
  width:		75%;  /* was auto */  
  float: 		left;
  
}

#emain h2 {
  padding-top:		20px;
  padding-bottom:	0px;
}

#emain p {
  padding-top:		0px;
  margin-top:		0px;
  margin-bottom:	5px;
}

#eimage img {
  margin-left:		5%;   /*was 300px */
  padding:		10px;
}


#esidebar {
  padding:		10px;
  margin:		30px 10px 15px 80%; /* was 30px 10px 0px 1000px */
  border-color:		#40047B;
  border-width:		1px;
  border-style:		solid;
  background-color: 	#40047B;  /*If you don't like the background color for the sidebar in Costume or Equipment, remove this line */
}


#esidebar img {
  width:		90%; /*was 150px*/
  height:		150px;
  padding-top:		10px;
  padding-left:		5px;
}

#esidebar a:link{
  color:		#7DBEFF;
  text-decoration:	none;
}

#esidebar a:visited {
  color:		#7DBEFF;
  text-decoration:	none;
}

#esidebar a:hover {
  color:		#7DBEFF;
  text-decoration:	none;
}

#efooter {
  clear:		left;
}

#efooter table {
  border-top:		white solid 1px;
  border-bottom:	white solid 1px;
}

#efooter td {	
  padding-top:		10px;
  padding-bottom:	10px;
  margin-bottom:	20px;
  width:		200px;
  text-align:		center; 
  font-weight:		bold;
  font-size:		90%;
}





/* Style for Performance */

#pmain {
    text-align:		justify;
    padding:		0px 5px 0px 0px;
    margin:		0px 10px 10px 0px;
    width:		75%;  /* was auto */  
    float: 		left;
  
  /* was this text-align:		justify;
  padding:		0px 5px 0px 0px;
  margin:		0px 10px 10px 0px;
  width:		900px;
  float: 		left;*/
}

/* Style for Performers  */
#perfmain {
  text-align:		justify;
  padding:		0px 5px 0px 0px;
  margin:		0px 40px 10px 20px;
  width:		70%; /* was 950px*/
  float: 		right;
}

#pmain ul {
  padding-bottom:	10px;
}

#pmain h2, h3, h4 {
  margin-top:		30px;
  margin-bottom:	0px;
}

#pmain p {
  margin-top:		0px;
  margin-bottom:	0px;
}

#psidebar {
   padding:		10px;
    margin:		30px 10px 15px 80%; /* was 30px 10px 0px 1000px */
    border-color:	#40047B;
    border-width:	1px;
    border-style:	solid;
    background-color: 	#40047B;
	float:	right;

  /*was padding:		10px;
  margin:		0px 10px 0px 1000px;
  border-color:		#40047B;
  border-width:		1px;
  border-style:		solid;
  */
}


#psidebar img {
  width:		100%; /*was 150px*/
  height:		150px;
}

#psidebar a:link{
  color:		#7DBEFF;
  text-decoration:	none;
}

#psidebar a:visited {
  color:		#7DBEFF;
  text-decoration:	none;
}

#psidebar a:hover {
  color:		#7DBEFF;
  text-decoration:	none;
}

#ptopbar {
   padding:		10px;
    margin:		30px 100px 90% 100px; /* was 30px 10px 0px 1000px */
    border-color:	#40047B;
    border-width:	1px;
    border-style:	solid;
    background-color: 	#40047B;
    float:	right;
}


#ptopbar img {
  width:		150px; /*was 150px*/
  height:		100%;
}

object.flashvideo {
	width: 100%;
	height:350px;
}

#flashunit {
	padding: 4px;
	margin: 10px 10px;
	width: 400px;
}

#perfooter {
  clear:		left;
}

#perfooter table {
  border-top:		white solid 1px;
  border-bottom:	white solid 1px;
}

#perfooter td {	
  padding-top:		10px;
  padding-bottom:	10px;
  margin-bottom:	20px;
  width:		200px;
  text-align:		center; 
  font-weight:		bold;
  font-size:		90%;
}





/* Style for Contact */
iframe {
  padding:  		10px 0px 20px 50px;
}

.mlist {
  font-weight:		bold;
  font-style:		italic;
}

#cttable td {
  padding-top:		5px;
  padding-bottom:	10px;
  padding-left:		5px;
}





/* Style for Instruction  */
#classmain {
  text-align:		justify;
  padding:		0px 5px 0px 0px;
  margin:		0px 10px 10px 0px;
  width:		75%; /* was 950px*/
  float: 		right;
}

#classmain img {
  width:		100%;  /* was 950px*/
  height:		500px;
  padding:		10px 0px 10px 10px;
}

#classmain h2 {
  margin-top:		25px;
}

#classmain h3, h4 {
  margin-top:		25px;
  margin-bottom:	0px;
  padding-top:		0px;
  padding-bottom:	0px;
}

#classmain p, ul {
  margin-top:		0px;
  margin-bottom:	15px;
}

#classmain blockquote {
  margin-top:		0px;
}

#og img {
  width:		40%; /* was 400px*/
  height:		600px;  
  padding:		10px 0px 10px 20px;
  float:		right;
}

#aai img {
  width:		35%;  /* was 300px*/
  height:		auto;  /* was 400px*/
  padding:		0px 0px 10px 30px;
  float:		right;
}

#imgsq img {
  width:		35%;  /* was 300px*/
  height:		300px;  /* was 300px*/
  padding:		0px 0px 10px 30px;
  float:		right;
}

.oc {
  color:		#80001E;
}

#sidebar {
  border-color:		#40047B;
  border-width:		1px;
  border-style:		solid;
  border-collapse:	collapse;
  padding:		20px 10px;
  margin:		30px 80% 250px 10px; /*was 30px 1000px 250px 10px */
}

#sidebar td {
  padding:		10px 0px;
}

#classfooter {
  clear:		right;
}

#classfooter table {
  border-top:		white solid 1px;
  border-bottom:	white solid 1px;
}

#classfooter td {	
  padding-top:		10px;
  padding-bottom:	10px;
  margin-bottom:	20px;
  width:		200px;
  text-align:		center; 
  font-weight:		bold;
  font-size:		90%;
}


#resources {
  padding:		20px 10px;
}

#reshdr{
  font-weight:		bold;
}

#resources td{
  text-align:		left;
}

/* Classes Formatting */
#csidebar {
  border-color:		#40047B;
  border-width:		1px;
  border-style:		solid;
  border-collapse:	collapse;
  padding:		20px 10px;
  margin:		30px 80% 250px 10px;  /*was 30px 1000px 250px 10px */
}

#csidebar td {
  padding-top:		5px;
  padding bottom:	5px;
}


.clist {
  font-weight:		bold;
}




/* Cathedral Style */
#cathedral img {
 padding-left:		10%;
 width:			80%;
}

/* Calendar Style */
iframe {
  width:		90%;
}


/* Events Style */
.edate {
  font-weight:		bold;
  color:		#80001E;
}

/* FAQ Style */
#faqq ul {
  margin-top:		0px;
  margin-bottom:	0px;
}

#faqtable img {
  padding:		5px 5px 5px 5px;
  width:		100px;
  height:		100px;
  margin-left:		20px;
}

#faqcon p {
  padding-top:		15px;
  font-style:		italic;
  font-size:		120%  
 }



/* Family Style */
#familytbl img {
  padding:		5px 10px;
  width:		150px;
  height:		150px;
  border:		0;
}

#familytbl table {
  margin-top:		20px;
  margin-bottom:	20px;
}


#familytbl a:link{
  //color:		#7DBEFF;
  text-decoration:	none;
}

#familytbl a:visited {
  //color:		#7DBEFF;
  text-decoration:	none;
}

#familytbl a:hover {
  //color:		#7DBEFF;
  text-decoration:	none;
}

.famimgpt {
  width:		150px;
  height:		150px;
  padding:		10px 0px 10px 10px;
}
.famname {
  font-weight:		bold;
  font-size:		130%;

.famtitle {
  font-weight:		normal;
  font-size:		100%;
}



?* Old Formatting */
#ttablepix table {
  margin-left:		20px;
}

#ttablepix table img {
  width:		200px;
  height:		300px;
}

#ttablepix td {
  padding:		0px 10px 10px 10px;
}


#ttablepix a:link{
  color:		#7DBEFF;
  text-decoration:	none;
}

#ttablepix a:visited{
  color:		#7DBEFF;
  text-decoration:	none;
}

#ttablepix a:hover {
  color:		#7DBEFF;
  text-decoration:	none;
}