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

html, body { 
	margin: 0; 
	padding: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF ; /* #F6F1E5; */
	/* 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; */
	overflow-x: hidden;
}

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

p { font-size: 12px; color: #666633; line-height: 14px; margin: 0; padding: 0; text-align: justify; }

.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: 13px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #333300; line-height: 18px; margin: 0; padding: 0; }
.pagequote2 { font-size: 11px; color: #333300; line-height: 14px; margin: 6px 0 0 0; padding: 0; }

.pagetext { font-size: 12px; color: #666633; line-height: 14px; }

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

.hourstabletext { font-size: 12px; color: #666633; 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.brownlink:link 	{ color: #666633; text-decoration: none; }
A.brownlink:visited { color: #666633; text-decoration: none; }
A.brownlink:active 	{ color: #666633; text-decoration: none; }
A.brownlink:hover 	{ color: #FFFFFF; text-decoration: underline; }

/*--------------- 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: #666633; 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: #666633; line-height: 14px; }

/*--------------- 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; background-color: transparent; }

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

.subtablenav { width: 100%; height: 35px; vertical-align: top; }

.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 { width: 520px; vertical-align: top; }
.albumtitlebar { width: 375px; padding-top: 3px; padding-bottom: 3px; background-color: #b63528 }

.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 { width: 490px; 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; }

.break15{ line-height: 15px; }