<!--
/*                                                                */
/* -------------------------------------------------------------- */
/*  COLORS used on this page.                                     */
/* -------------------------------------------------------------- */
/*                                                                */
/*  Blue             #99ccff;                                     */
/*  Orange           #ffcc99;                                     */
/*  Violet           #cc99ff;                                     */
/*  Light Green      #ccff99;                                     */
/*  Dark Green       #99ffcc;                                     */
/*  Pink             #ff99cc;                                     */
/*  Yellow           #ffff99;                                     */
/*  Light Blue       #99ffff;                                     */
/*                   #ff99ff;                                     */
/*                                                                */
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the BODY of the page.                       */
/* -------------------------------------------------------------- */
/*                                                                */
body {	background:#cccccc;	margin:0px;	padding:0px;	min-width:780px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the WRAPPER.                                */
/* -------------------------------------------------------------- */
/*                                                                */
#wrapper {	background:url(rightshadow.png) top right repeat-y;	margin:0px auto 0px auto;	padding:0px;	max-width:1850px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the MAROON BAR at the top of the page.      */
/* -------------------------------------------------------------- */
/*                                                                */
#pagetop {	background:#990000 url(maroon.png) top left repeat-x;	margin: 0px;	padding:0px;	height:40px;}
/*                                                                */
#pagetop a.sclink {
	float:left;
	margin:0px;
	padding:0px;
	background:url(saddlebackBlack.png) top left no-repeat;
	border-width:0px;
}
/*                                                                */
#pagetop a.sclink:hover {
	background:url(saddlebackWhite.png) top left no-repeat;
}
/*                                                                */
#pagetop a.sclink img {
	width:336px;
	height:40px;
	margin:0px;
	padding:0px;
	border-width:0px;
}
/*                                                                */
#pagetop a.a2glink {
	float:right;
	margin:0px;
	padding:0px;
	background:url(a2gBlack.png) top left no-repeat;
	border-width:0px;
}
/*                                                                */
#pagetop a.a2glink:hover {
	background:url(a2gWhite.png) top left no-repeat;
}
/*                                                                */
#pagetop a.a2glink img {
	width:220px;
	height:40px;
	margin:0px;
	padding:0px;
	border-width:0px;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the GOLD BAR at the top of the page.        */
/* -------------------------------------------------------------- */
/*                                                                */
#goldtop {	background-color:#ffcc33;	margin:0px;	padding:0px;	height:5px;	border-bottom:1px solid #808080;}
/*                                                                */
#goldtop img {
	margin:0px;
	padding:0px;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the ROOM.                                   */
/* -------------------------------------------------------------- */
/*                                                                */
#room {	position:relative;	background:url(wall.png) top left repeat-x;	border-top:1px solid #808080;	border-bottom:1px solid #808080;	margin:0px;	padding:0px;	height:600px;
}
/*                                                                */
#rightroom {	position:absolute;	top:0px;	right:0px;	float:right;	margin:0px;	padding:0px;	border:0px;}
/*                                                                */
#leftroom {	position:absolute;	bottom:0px;	left:0px;	float:left;	margin:0px;	padding:0px;
	border:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the WINDOW.                                 */
/* -------------------------------------------------------------- */
/*                                                                */
#twowindows {
	position:relative;
	background:url(mountains.png) top center no-repeat;	margin:105px 182px 0px 182px;	padding:0px;
	text-align:center;
	height:108px;
}
/*                                                                */
#charliehead {
	position:absolute;
	left:18px;
	bottom:11px;
	margin:0px;	padding:0px;
	border:0px;}
/*                                                                */
#larryhead {
	position:absolute;
	right:5%;
	bottom:11px;
	margin:0px;	padding:0px;
	border:0px;}
/*                                                                */
#candicehead {
	position:absolute;
	left:25%;
	bottom:11px;
	margin:0px;	padding:0px;	border:0px;}
/*                                                                */
#leftpane {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;	padding:0px;}
/*                                                                */
#separator1 {
	position:absolute;
	top:11px;
	left:20%;
	margin:0px;	padding:0px;}
/*                                                                */
#separator2 {
	position:absolute;
	top:11px;
	left:40%;
	margin:0px;	padding:0px;}
/*                                                                */
#separator3 {
	position:absolute;
	top:11px;
	right:40%;
	margin:0px;	padding:0px;}
/*                                                                */
#separator4 {
	position:absolute;
	top:11px;
	right:20%;
	margin:0px;	padding:0px;}
/*                                                                */
#rightpane {
	position:absolute;
	top:0px;
	right:0px;
	margin:0px;	padding:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the CHALKBOARD SHADOW.                      */
/* -------------------------------------------------------------- */
/*                                                                */
#boardshadow {
	position:absolute;
	left:240px;
	right:240px;
	bottom:0px;
	background:url(shadow.png) bottom left repeat-x;
	padding:0px;
	border:0px;
	height:19px;
}
/*                                                                */
#leftumbra {
	position:absolute;
	bottom:0px;
	left:181px;
	padding:0px;
	margin:0px;}
/*                                                                */
#rightumbra {
	position:absolute;
	bottom:0px;
	right:181px;
	padding:0px;
	margin:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the WOODEN FRAME.                           */
/* -------------------------------------------------------------- */
/*                                                                */
#woodframe {
	position:absolute;
	left:232px;
	right:232px;
	bottom:19px;
	background:#cd853f url(wood.jpg) top left repeat;
	margin:0px;	padding:0px;	height:341px;
	border-right:1px solid #999999;
	border-left:1px solid #f5deb3;
	border-top:1px solid #f5deb3;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to ME and the KIDS.                            */
/* -------------------------------------------------------------- */
/*                                                                */
#me {
	position:absolute;
	bottom:317px;
	right:300px;
	padding:0px;
	margin:0px;}
/*                                                                */
#miles {
	position:absolute;
	bottom:185px;
	left:155px;
	padding:0px;
	margin:0px;}
/*                                                                */
#colleen {
	position:absolute;
	bottom:120px;
	right:132px;
	padding:0px;
	margin:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the CHALKBOARD.                             */
/* -------------------------------------------------------------- */
/*                                                                */
#chalkboard {
	position:absolute;
	left:252px;
	right:252px;
	bottom:39px;
	background:#001500;
	text-align:left;
	font-family:"comic sans","comic sans ms",sans-serif;
	font-size:large;
	color:#ffffff;
	overflow:auto;
	padding:10px;	height:281px;
	border-right:1px solid #f5deb3;
	border-bottom:1px solid #f5deb3;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
/*                                                                */
#chalkboard p {
	margin-top:0px;
}
/*                                                                */
#chalkboard a {
	color:#99ccff;
}
/*                                                                */
#chalkboard a:hover {
	background-color:#99ccff;
	color:#000000;
	text-decoration:none;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the DARK ROOM.                              */
/* -------------------------------------------------------------- */
/*                                                                */
.hide {
	display:none;}
/*                                                                */
div.room2 {
	display:block;	position:relative;	background:url(wall2.png) top left repeat-x;	border-top:1px solid #808080;	border-bottom:1px solid #808080;	margin:0px;	padding:0px;	height:600px;}
/*                                                                */
#rightroom2 {	position:absolute;	top:0px;	right:0px;	margin:0px;	padding:0px;	float:right;	border:0px;}
/*                                                                */
#leftroom2 {	position:absolute;	bottom:0px;	left:0px;	margin:0px;	padding:0px;	float:left;	border:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the DARK WINDOW.                            */
/* -------------------------------------------------------------- */
/*                                                                */
#twowindows2 {
	position:relative;
	background:url(mountains2.png) top center no-repeat;	margin:105px 182px 0px 182px;	padding:0px;
	text-align:center;	height:108px;
}
/*                                                                */
#charliehead2 {
	position:absolute;
	left:18px;
	bottom:11px;
	margin:0px;	padding:0px;}
/*                                                                */
#candicehead2 {
	position:absolute;
	right:25%;
	bottom:11px;
	margin:0px;	padding:0px;}
/*                                                                */
#patrickhead2 {
	position:absolute;
	left:30%;
	bottom:11px;
	margin:0px;	padding:0px;}
/*                                                                */
#leftpane2 {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;	padding:0px;}
/*                                                                */
#separator5 {
	position:absolute;
	top:11px;
	left:20%;
	margin:0px;	padding:0px;}
/*                                                                */
#separator6 {
	position:absolute;
	top:11px;
	left:40%;
	margin:0px;	padding:0px;}
/*                                                                */
#separator7 {
	position:absolute;
	top:11px;
	right:40%;
	margin:0px;	padding:0px;}
/*                                                                */
#separator8 {
	position:absolute;
	top:11px;
	right:20%;
	margin:0px;	padding:0px;}
/*                                                                */
#rightpane2 {
	position:absolute;
	top:0px;
	right:0px;
	margin:0px;	padding:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied BETWEEN the boards.                            */
/* -------------------------------------------------------------- */
/*                                                                */
div.scene {	background:url(bottomshadow.png) top left repeat-x;	position:relative;	margin:0px 33px 0px 40px;	padding:0px 0px 0px 0px;	height:80px;
}
/*                                                                */
div.scene img {	margin:0px;	padding:0px;	border:0px;}
/*                                                                */
div.scenetop {	background:#cccccc;	position:relative;	margin:0px 33px 0px 40px;	padding:0px 0px 0px 0px;	height:40px;
}
/*                                                                */
div.scenebase {	background:url(bottomshadow.png) top left repeat-x;	position:relative;	margin:0px 33px 0px 40px;	padding:0px;	height:40px;
}
/*                                                                */
img.rightcorner {
	border:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	right:0px;
}
/*                                                                */
img.leftcorner {
	border:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
}
/*                                                                */
img.topcorner {
	border:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:-7px;
	right:0px;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the BOARDS.                                 */
/* -------------------------------------------------------------- */
/*                                                                */
div.materials {	background:#cc6633 url(wood.jpg) top left repeat;	margin:0px 40px 0px 40px;	padding:16px 15px 15px 17px;	font-family:"comic sans","comic sans ms",sans-serif;	border-left:1px solid #f5deb3;
	border-top:1px solid #f5deb3;
}
/*                                                                */
div.resources {
	background:#001500;	margin:0px;	padding:15px 0px 0px 0px;	font-size:large;	text-align:center;	color:#ffffff;
	border-right:1px solid #f5deb3;
	border-bottom:1px solid #f5deb3;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
/*                                                                */
div.resources h1 {
	color:#cc99ff;}
/*                                                                */
div.resources a {
	color:#99ccff;
}
/*                                                                */
div.resources a:hover {
	background:#99ccff;
	color:#000000;
	text-decoration:none;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the TABLES.                                 */
/* -------------------------------------------------------------- */
/*                                                                */
table.resources {
	width:100%;	margin:0px;	padding:0px;	font-size:large;	text-align:center;	color:#ffffff;
	border-collapse:collapse;}
/*                                                                */
table.resources a {	padding:5px;
	margin:0px;	display:block;	color:#99ccff;	text-decoration:underline;}
/*                                                                */
table.resources a:hover {	padding:5px;
	margin:0px;	background-color:#99ccff;	color:#000000;	text-decoration:none;}
/*                                                                */
table.resources tr.labels td {
	color:#ccff99;	font-weight:bold;
	font-size:80%;	vertical-align:bottom;	padding:5px;
	border:0px;}
/*                                                                */
table.resources td {	border-left:1px solid #ccff99;;	border-top:1px solid #ccff99;;	padding:0px;	vertical-align:middle;
}
/*                                                                */
table.resources td.exams {
	border-left:0px;
	padding-left:5px;
	text-align:left;}
/*                                                                */
span.nonespace {	padding:5px;
	margin:0px;	display:block;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the SCHEDULE OF CLASSES.                    */
/* -------------------------------------------------------------- */
/*                                                                */
#schedule {
	font-size:large;
}
/*                                                                */
#schedule td {
	font-size:large;
	border:0px;
}
/*                                                                */
#schedule td.times {	padding:0px 10px 0px 10px;	vertical-align:middle;
	width:8%;
	text-align:right;
	font-size:60%;
	color:#ccff99;
}
/*                                                                */
#schedule td.line {
	padding:0px;
	border-bottom:1px dashed #ccff99;
	vertical-align:middle;
	width:2%;
	font-size:small;
}
/*                                                                */
#schedule td.blankline {
	padding:0px;	vertical-align:middle;
	font-size:small;
}
/*                                                                */
#schedule td.weekday {
	border-bottom:1px solid #ccff99;
	color:#ccff99;	font-weight:bold;	font-size:80%;	vertical-align:bottom;
	padding:0px;}
/*                                                                */
#schedule td.day {
	border-top:1px dashed #ccff99;	border-left:1px solid #ccff99;	border-right:0px;	padding:0px;	vertical-align:middle;
	font-size:small;
	width:18%;
}
/*                                                                */
#schedule td.office {
	border:1px solid #ccff99;	padding:0px;	vertical-align:middle;
	font-size:small;
	background-color:#ff99cc;
	color:#000000;
}
/*                                                                */
#schedule td.class1 {
	border:1px solid #ccff99;	padding:0px;	vertical-align:middle;
	font-size:small;
	background-color:#99ccff;
	color:#000000;
}
/*                                                                */
#schedule td.class2 {
	border:1px solid #ccff99;	padding:0px;	vertical-align:middle;
	font-size:small;
	background-color:#cc99ff;
	color:#000000;
}
/*                                                                */
#schedule td.class3 {
	border:1px solid #ccff99;	padding:0px;	vertical-align:middle;
	font-size:small;
	background-color:#ccff99;
	color:#000000;
}
/*                                                                */
#schedule td.class4 {
	border:1px solid #ccff99;	padding:0px;	vertical-align:middle;
	font-size:small;
	background-color:#99ccff;
	color:#000000;
}
/*                                                                */
#schedule td.class5 {
	border:1px solid #ccff99;	padding:0px;	vertical-align:middle;
	font-size:small;
	background-color:#ffcc99;
	color:#000000;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the GOLD BAR at the bottom of the page.     */
/* -------------------------------------------------------------- */
/*                                                                */
#goldbottom {	background-color:#ffcc33;	margin:0px;	padding:0px;	height:5px;	border-top:1px solid #808080;}
/*                                                                */
#goldbottom img {
	margin:0px;
	padding:0px;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the MAROON BAR at the bottom of the page.   */
/* -------------------------------------------------------------- */
/*                                                                */
#pagebase {	background:#990000 url(maroon.png) top left repeat-x;	margin:0px;	padding:10px 10px 10px 10px;	color:#ffffff;	font-size:small;	font-weight:bold;	height:1em;}
/*                                                                */
#leftcredits {	display:block;	float:left;	margin:0px;	font-weight:bold;	text-align:left;}
/*                                                                */
#rightcredits {	display:block;	float:right;	margin:0px;	font-weight:bold;	text-align:right;}
/*                                                                */
#pagebase a {	color:#ffffff;	font-weight:bold;	text-decoration:none;	font-size:small;}
/*                                                                */
#pagebase a:hover {	color:#ffffff;	text-decoration:underline;}
/*                                                                */
span.registered {
	font-size:x-small;
	vertical-align:super;
}
/*                                                                */
-->