/* CSS Document */


/* ***************************** GLOBAL ************************* */

body {
background-color:#d7d8dd;
background-image: url(Images/lace-background.jpg);
background-repeat: repeat-x;  
background-attachment: fixed; 
background-position: top left;
margin: 0;
padding: 0;
text-align: left;
width: 870px;
/*min-width: 950px;*/
}


h1 {
font-family: Times, 'Times New Roman', serif;
font-weight: bold;
font-size: 1.10em; 
margin-bottom: 12pt;
}

h2 {
font-family: Times, 'Times New Roman', serif;
font-size: 1.15em;
font-weight: bold; 
margin-bottom: 12pt;
}

.plain {
font-family: Trebuchet, 'Times New Roman', serif;
font-size: .88em;
font-weight: normal; 
margin-bottom: 12pt;
}

.pagetitle {

font-family: Garamond, 'Goudy Old Style', serif;
font-size: 1.5em;
text-align: center;
margin-bottom: 25px;

}




/* ***************************** USED IN TEMPLATE PAGE ************************* */


/* wraps everything within the body of the page */
#wrapper {
text-align: left;
/*width: 950px;*/
/*margin-left: auto;*/
margin-right: auto;
}

/* All of the content belongs to the content class */
.content {
font-family: Trebuchet, 'Times New Roman', serif;
font-size: 1em;
text-align: left;
position:relative;
width: auto;
/*min-width: 500px;*/
margin: 20px 0px 20px 170px;
/*background-color: white;*/
padding: 10px 15px 10px 15px;
z-index: 1;
/*background-color: #ffffff;
border-style: solid;
border-color: #0000DC;
border-width: 2px;*/
}

.content p {
margin-bottom: 25px;
}

.content ol {
margin-bottom: 25px;
}

.content li {
margin-bottom: 12px;
}




/* name at the top of every page -- center alignment */
#header {
text-align: center;
width:auto;
/*min-width: 500px;*/
margin: 0 0px 0px 0px; /* was 170 on the left */
padding-left: 170px;
z-index: 1;
 
}

#header h1 {
font-family: Papyrus, serif;
font-size: 1.75em;
font-weight:bold;
color: #0000DC;
margin-bottom: -20px;
}

#header p {
font-family: Papyrus, serif;
font-weight:bold;
color: #0000DC;
}

/* left hand side of the page, including navigation links */

#sidenav {

	width: 113px;
	margin: 20px 0px 0px 0px;
	padding: 0px 2px 10px 20px;
	float: left;
	
	

	
}

#sidenav p {
font-family: Trebuchet, 'Times New Roman', serif;
font-size: 1em;
font-weight:bold;

}

#sidenav a {
text-decoration:none;

}
#sidenav a:link {
color: #0000DC;
}
#sidenav a:visited {
color: #000000;
}
#sidenav a:hover {
color: #333333;
font-weight:bold;
}

.center {
text-align: center;
margin-bottom: 25px;

}


/* bottom of every page */

#copyright {
position:relative;
width:auto;
/*min-width: 500px;*/
margin: 0 150px 20px 170px;
background-color: white;
padding: 10px;
font-family: Times, 'Times New Roman', serif;
font-size: 1.15em;
text-align: center;

}


#bottom_links {
position:relative;
width:auto;
/*min-width: 500px;*/
margin: 0 150px 20px 170px;
background-color: white;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;

}


/* ***************************** USED IN INDEX PAGE ************************* */


.smaller {
	font-family: Times, 'Times New Roman', serif;
	font-size: 0.85em;
}

#maincontent {
	border-top: solid #999fff 2px;
	margin-top: -5px;
	padding-top: 10px;
}


.imgLeft {
	float: left;
	margin-right: 5px;

}


.clearone {
	clear:both;
	height: 1px;
	
}

.textfieldRight  h3 {
	text-align: center;
	color: #006600;
}



.textLeft {
	text-align: left;
	width: 350px;
}

.mainheading {
font-family: Times, 'Times New Roman', serif;
font-weight: bold;
font-size: 1.5em;
margin-top: 0px; 
margin-bottom: -12pt;
}

.newofferings {
font-family: Times, 'Times New Roman', serif;
font-weight: bold;
font-size: 1em;
margin-top: 30px;
margin-bottom: 12pt;
color: #0000CC;
text-align: center;
}

/**************** Contacts Page ******************** */

table.contacts {
	clear:right;
	width: 98%;
	line-height: 1.4em;
	border-collapse: collapse;
	background-color:#FFFF99;
	height:auto;
}

table.contacts td{
	padding-left: .6em;
	padding-bottom: .6em;
	padding-top: .3em;
}

table.contacts p{
	font-family: Times, 'Times New Roman', serif;
	margin-bottom: 6pt;
	margin-top: 6pt;
}







/**************** Teacher Page ******************** */


.teacherbio {
	text-align: left;
	clear: right;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
}

.textfieldLeft {
	text-align: left;
	width: 640px;
	padding-left: 10px;
}

.textfieldLeft p {
	margin-bottom: 0px;
}

.textfieldLeftReduced {
	text-align: left;
	width: 500px;
	padding-left: 10px;
	clear: none;

}

.textfieldLeftReduced p {
margin-bottom: 0px;
}



.fauxtablesTeacher {
	margin-bottom: 40px;
	margin-top: 20px;
	border: solid #999fff 1px;
	width: 660px;
	background-color: #FFFF99;
	
}
.fauxtablesTeacher h1 {
padding-left: 10px;
color: #660066;
}
.fauxtablesTeacher h3 {
font-size: 1em;
margin-bottom: -15px;
color:#FF8000
}
.fauxtableCol1{
width: 65px;
float: left;
}
.fauxtableCol2{
width: 100%;
}
.classday {
margin-left: 65px;
font-style:italic;


}

.newClass {
color:#FF0000;
font-style:italic;
font-weight:bold;
}

.kitfee{
color:#FF0000;
} 
 

.BookimgRight {
	float: right;
	margin-left: 0px;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-top: 0px;
	border-style: none;
}

.multipleImages {
	float: right;
	margin-left: 0px;
	margin-top: -20px;
	width: 120px;
	padding-right: 10px;
}
.multipleImages img {
float: right;
margin-bottom: 15px;

}

	


/**************** Convention Page ******************** */

/* heading related ***/
.smallcap {
 font-variant: small-caps;
 }
 #th {
 font-size: .9em;
 font-weight:400;
 }
 
 .content h1 {
 font-size: 1.25em;
 }
 .emphasized {
 font-size: 1.15em;
 }
 .lower {
 font-size: .9em;
 }
 .super {
 	vertical-align:super;
 	font-size: 0.75em; 
	line-height: 0.5em;
 }
 /* note that the class "golden" is not used -- values are used in .shadow instead ****/
.golden {
	color: #FAD200;
	font-size: 1.6em;
	font-style:italic;
	font-weight:bold;

 }
 
 .red {
 	color: red;
	}
 
 /********* Drop Shadows ************/
 /* default setup that everything sees */
.shadow {
	color: #FAD200;
	font-size: 2em;
	font-style:italic;
	font-weight:bold;
  /* needed for Internet explorer */
  height: 1.25em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 1.25em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -1.25em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'Golden Nuggets of Lace'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 2px 2px 1px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
  
.fauxtables {
	margin-bottom: 0px;
	clear: both;
	margin-top: 20px;
	/*min-height: 175px;*/
	
}

.textfieldRightConvention {
	text-align: center;
	width: 300px;
	padding-right: 10px;
	margin-left: 160px;
	clear: none;
	padding-bottom: 10px;
	margin-top: 30px;
}
.conventionTable {
	padding-left: 40px;
	}
table.schedule {
	clear:right;
	width: 100%;
	line-height: 1.4em;
	border-collapse: collapse;
	border: 4px solid #666666;
}

table.schedule td{
	padding-left: .3em;
	padding-bottom: .6em;
	padding-top: .3em;
	padding-right: .3em;
}

table.schedule td.indent {
	/*padding-left: .7em;*/
	padding-right: 1.2em;
	text-align: right;
	vertical-align:top;
}

td.header {
	font-weight: bold;
	width: 33%;
}


table.schedule tbody tr.even {
background: #FFFF99;
}

.conventionCol1{
width: 65px;
float: left;
}
.conventionCol2{
width: 100%;
}