<!--
/*                                                                */
/* -------------------------------------------------------------- */
/*  COLORS used on this page.                                     */
/* -------------------------------------------------------------- */
/*                                                                */
/*  Blue             #99ccff;                                     */
/*  Orange           #ffcc99;                                     */
/*  Violet           #cc99ff;                                     */
/*  Light Green      #ccff99;                                     */
/*  Dark Green       #99ffcc;                                     */
/*  Pink             #ff99cc;                                     */
/*  Yellow           #ffff99;                                     */
/*  Light Blue       #99ffff;                                     */
/*                                                                */
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the BODY of the page.                       */
/* -------------------------------------------------------------- */
/*                                                                */
body 
{	background-color:#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;	margin:0px;	padding:0px;
	border:0px;	float:right;}
/*                                                                */
#leftroom 
{	position:absolute;	bottom:0px;	left:0px;	margin:0px;	padding:0px;	border:0px;	float:left;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  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;}
/*                                                                */
#candicehead 
{	position:absolute;
	right:45%;
	bottom:11px;
	margin:0px;	padding:0px;	border:0px;}
/*                                                                */
#patrickhead 
{	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;
	right:338px;
	left:200px;
	bottom:0px;
	height:44px;
	background:url(shadow.png) bottom left repeat-x;	padding:0px;
	margin:0px;
	border:0px;
}
/*                                                                */
#leftumbra 
{
	position:absolute;
	left:157px;
	bottom:0px;
	padding:0px;
	margin:0px;}
/*                                                                */
#rightumbra 
{
	position:absolute;
	right:312px;
	bottom:0px;
	padding:0px;
	margin:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the WOODEN FRAME.                           */
/* -------------------------------------------------------------- */
/*                                                                */
#woodframe 
{
	position:absolute;
	right:338px;
	left:200px;
	top:231px;
	bottom:44px;
	background:#cd853f url(wood.jpg) top left repeat;
	margin:0px;	padding:0px;	border-left:1px solid #f5deb3;
	border-top:1px solid #f5deb3;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*	Styles applied to LARRY.	                                  */
/* -------------------------------------------------------------- */
/*                                                                */
#larry 
{
	position:absolute;
	top:135px;
	right:120px;
	padding:0px;
	margin:0px;
}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the CHALKBOARD.                             */
/* -------------------------------------------------------------- */
/*                                                                */
#chalkboard 
{
	position:absolute;
	background:#001500;
	right:353px;
	left:215px;
	top:246px;
	bottom:59px;
	text-align:left;
	font-family:"comic sans","comic sans ms",sans-serif;
	font-size:large;
	color:#ffffff;
	overflow:auto;
	margin:0px;	padding:10px;	border-right:1px solid #f5deb3;
	border-bottom:1px solid #f5deb3;
}
/*                                                                */
#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(wall_n.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;	border:0px;	float:right;}
/*                                                                */
#leftroom2 
{	position:absolute;	bottom:0px;	left:0px;	margin:0px;	padding:0px;	border:0px;	float:left;}
/*                                                                */
#sleeping 
{
	position:absolute;
	bottom:0px;
	left:30%;
	padding:0px;
	margin:0px;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  Styles applied to the DARK WINDOW.                            */
/* -------------------------------------------------------------- */
/*                                                                */
#twowindows2 
{
	position:relative;
	background:url(mountains_n.png) top center no-repeat;	margin:105px 182px 0px 182px;	padding:0px;
	text-align:center;	height:108px;
}
/*                                                                */
#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-color:#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 p.newsprint
{
	text-align:justify;
	margin-right:10px;
	margin-left:10px;
}
/*                                                                */
div.resources a{
	color:#99ccff;
}
/*                                                                */
div.resources a:hover{
	background:#99ccff;
	color:#000000;
	text-decoration:none;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  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:9%;
	text-align:right;
	font-size:60%;
}/*                                                                */
#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:22%;
}
/*                                                                */
#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:#99ffcc;
	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 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;}
/*                                                                */
table.resources td.wmv, table.resources td.teachertube, table.resources td.youtube, table.resources td.sheet{
	width:12%;
}
/*                                                                */
table.resources tr.labels td.spanner{	border-bottom:1px dashed #ccff99;}
/*                                                                */
/* -------------------------------------------------------------- */
/*  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.tm
{
	font-size:x-small;
	vertical-align:super;
}
/*                                                                */
-->