/*table { table-layout: fixed }*/

/*--------------- body ---------------*/

html, body { 
	margin: 0px 0px 20px 0px; 
	padding: 0; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	background-image: url(../images/shingle_61d.jpg); /*---redtile_5.jpg---panelling_1_b.jpg---shingle_61d.jpg---chalkboard_4.jpg---*/
	overflow-x: hidden;
}

/* divs */

#maincontent { margin:  0 0px 0 20px ; border: solid #B63528 2px ; padding: 5px 20px 20px 20px; }
#maincontenthomepage { margin:  0 0px 0 20px ; border: solid #B63528 2px ; padding: 17px 20px 17px 20px; }
#navcontent { margin: 0 0 0 20px ; background-color: #CCCC99 ; }
#leftmargin { margin: 0 0 0 20px; }
#rightmargin { margin: 0 20px 0 0 ;}
#sidemargins { margin: 0 20px 10px 20px ; }
#infoimage { text-align: center ; margin:  10px 0 0 0 ;}

.infoarea { background-color: #CCCC99; }
.leftcolumn { background-color: #CCCC99; background-image: url(../images/double_butterfly.jpg) ; background-repeat: repeat-y; }
.navtable { height: 200px; background-color: #FFFFFF;}
.homepagerightcolumnsize { height: 479px; width: 228px }
.subtablenav { width: 100%; height: 35px; vertical-align: top; }
.imgleftmargin { float: left; margin: 0 10px 0 0 ;  }
.imgrightmargin { float: right; margin: 0 0 0 10px ;  }
.sideimage { margin : 10px 0 0 0 } 



/*--------------- text ---------------*/

p { font-size: 13px; color: #333300; line-height: 17px; margin: 0; padding: 0; text-align: justify; }

.pagetext { font-size: 13px; color: #333300; line-height: 17px; }

.bigpagetext { font-size: 16px; color: #333300; line-height: 17px; }

.bigheader { font-size: 18px; color: #333300; line-height: 17px; }

.leftjustify { text-align: left; }

.bigtitle { font-size: 14px; }

.homewhite { font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-align: justify; font-weight: bold; line-height: 14px; margin: 0; padding: 0; }

.homequote { font-size: 15px; word-spacing: 1px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #000000; line-height: 18px; margin: 0; padding: 0; }
.homequote2 { font-size: 11px; color: #000000; line-height: 13px; margin: 0; padding: 0; }

.pagequote { font-size: 15px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #333300; line-height: 18px; margin: 0; padding: 20px; }
.pagequote2 { font-size: 11px; color: #333300; line-height: 14px; margin: 6px 0 0 0; padding: 0; }
.smallquote { text-align: left; font-size: 13px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #333300; line-height: 18px; margin: 0; padding: 0; }
.medquote { text-align: left; font-size: 14px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #333300; line-height: 18px; margin: 0; padding: 0; }
.bigquote { text-align: left; font-size: 15px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #333300; line-height: 18px; margin: 0; padding: 0; }

.pagetitle { font-size: 16px; color: #666633; font-weight: bold; line-height: 25px; }
.teachertitle { font-size: 16px; color: #666633; font-weight: bold; }

.schooltitle { font-size: 14px; color: #993300; font-weight: bold; line-height: 14px; margin: 0; padding: 0; }

.hourstabletext { font-size: 12px; color: #333300; line-height: 14px; border: 1px solid #666633; }

.hourstabletitletext { font-size: 12px; font-weight: bold; color: #FFFFFF; line-height: 14px; border: 1px solid #666633; }

h1 { font-size: 12px; color: #666633; font-weight: bold; line-height: 14px; margin: 0; padding: 0; border-bottom: solid; border-color: #666633; border-width: 1px; }

.subnav { font-size: 12px; color: #990000; line-height: 14px; margin: 0; padding: 0; }

.footeraddress { font-size: 12px; color: #FFFFFF; }
.footeraddresslines { font-size: 12px; color: #CC3333; }
.footercredits { font-size: 10px; color: #CBB676; }

/*--------------- anchors ---------------*/

A:link 		{ color: #990000; text-decoration: none; }
A:visited 	{ color: #990000; text-decoration: none; }
A:active 	{ color: #990000; text-decoration: none; }
A:hover 	{ color: #666633; text-decoration: underline; }

A.sublink:link 	{ color: #666633; text-decoration: underline; }
A.sublink:visited { color: #666633; text-decoration: underline; }
A.sublink:active 	{ color: #666633; text-decoration: none; }
A.sublink:hover 	{ color: #990000; text-decoration: none; }

a.imglink:link 	{ text-decoration: none; }
a.imglink:visited { text-decoration: none; }
a.imglink:active 	{ text-decoration: none; }
a.imglink:hover 	{ text-decoration: none; }

/*--------------- lists ---------------*/

ul { margin-top: 0px; margin-bottom: 2px; margin-left: 0.7em; padding: 0px; list-style-type: disc; }

li { margin-bottom: 2px; margin-left: 4px; list-style type: disc; background-position: 0 0.5em; padding-left: 0 0.5em; font-size: 12px; color: #333300; line-height: 14px; }

.list { margin-bottom: 2px; margin-left: 4px; list-style type: disc; background-position: 0 0.5em; padding-left: 0 0.5em; font-size: 12px; color: #666633; line-height: 14px; }

.listnone { margin-bottom: 2px; margin-left: 4px; list-style type: none; background-position: 0 0.5em; padding-left: 0 0.5em; font-size: 12px; color: #666633; line-height: 14px; }

ol { margin-top: 0px; margin-bottom: 2px; margin-left: 0.7em; padding: 0px; }

.listnumber { margin-bottom: 2px; margin-left: 8px; background-position: 0 0.5em; padding-left: 0 0.5em; font-size: 12px; color: #333300; line-height: 18px; }

/*--------------- layout - global ---------------*/

#container { width: 800px; height: 100%; clear: both; border-left: 1px; border-right: 1px; border-top: 0px; border-bottom: 1px; border-color: #cccc99; border-style: solid; }

.tablewraphome { width: 100%; height: 350px; border-style: none; }

.tablewrap { width: 100%; height: 447px; border-style: none; background-color: transparent; border-collapse: collapse; }

#header { width: 800px; clear: both; background: #FFFFFF; }

#contentarea { width: 100%; background: #FFFFFF; vertical-align: top; }

.table { width: 100%; border-style: none; }

.tablenav { width: 200px; height: 178px; border-style: none; background-color: #FFFFFF; }


.tablecontent { width: 538px; height: 445px; border-left: 1px; border-right: 1px; border-top: 1px; border-bottom: 1px; border-color: #cccc99; border-style: solid; }

iframe { scrollbar-base-color: #CC3333; scrollbar-arrow-color: #CEB573; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-lightshadow-color: #000000; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; }

.tableframe { width: 515px; vertical-align: top; }
.phototable { vertical-align: top; width: 520px; }
.albumtitlebar { padding-top: 3px; padding-bottom: 3px; background-color: #b63528 } /*  width: 375px;*/

.summerprogramtable { width: 350px; vertical-align: top; }
.summerprogramtable2 { width: 490px; vertical-align: top; padding-bottom: 5px; }

.hourstable { width: 490px; vertical-align: top; border: 1px; border-color: #666633; border-style: solid; border-collapse: collapse; }

.teachertable { border-style: none; background-color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; }

#footerarea { width: 800px; background: #000000; clear: left; vertical-align: middle; }

.footertable { width: 690px; border-style: none; border-collapse: collapse; margin-top: 8px; margin-bottom: 8px; vertical-align: middle; }

/*--------------- layout - white space positioning ---------------*/

#breakmargin1 { width: 800px; height: 7px; }
#breakmargin2 { width: 800px; height: 40px; }
#breakmargin3 { width: 800px; height: 7px; }

#spacerlogo { width: 100%; height: 5px; font-size: 0; }
#breaktop { width: 800px; height: 5px; clear: both; background: #FFFFFF; }

#breakbaseline { width: 800px; height: 20px; clear: both; background: #FFFFFF; }

#spacer20a { width: 100%; height: 20px; font-size: 0; }
#spacer30a { width: 100%; height: 178px; font-size: 0; }

#spacernav { width: 100%; height: 1px; font-size: 0; background-color: #FFFFFF; }

/*--------------- images ---------------*/

img { border: none; } 

.imgright { padding-top: 5px; margin-top: 201px; background-color: #FFFFFF; }
.imgright2 { padding-top: 5px; padding-bottom: 5px; margin-top: 201px; background-color: #FFFFFF; }

.imageborder { padding: 0px ; border-color: #333300 ; }

.image caption { font-size: 10px; color: #333300; font-style: italic;
                  font-family: Verdana, Arial,  Helvetica, sans-serif;
                  text-align: center; }

.break15{ line-height: 15px; }
.break5{ line-height: 5px; }