<STYLE>
/* ------------ PRIMARY TAG STYLES ------------ */
  BODY
      {
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
      }
  H1
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
      }
  H2
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
      }
  .H2
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
      }
  P
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
      }
  A, A:visited { color:blue; }
  UL
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	margin-left: 5px;
      }
  LI
      {
	color: black;
	padding-left: 20px;
	margin-left: 20px;
      }

    .glow
	{
	    text-shadow: 0 0 10px #FFF;
	}
	P.form_text
	    {
		padding: 2px;
		margin: 1px 0 6px 0;
		height: 15px;
	    }

/* ------------------------ TEXT CLASSES ------------------------ */
  .HugeText
      {
	text-align: center;
	font-size: 50px;
	font-weight: bold;
      }
  .LargeText
      {
	text-align: center;
	font-size: 25px;
      }
  BODY.BlackPage
      {
	background-color:black;
	text-align:center;
	vertical-align:middle;
      }

  P.Birthday
      {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444444;
      }
  .tinytext
      {
	font-size: 8; 
	color: #000000
      }
  .ImageX
      {
	vertical-align: top;
	border: 0px;
	padding-left: 30px;
	margin-left: 30px;
      }
  @media print
      {    
	.no-print, .no-print *
	  {
	    display: none !important;
	  }
      }

/* ------------------------ PRIMARY FORM STYLES ------------------------ */

  TEXTAREA
      {
	font-family:verdana; 
	font size:11 px;
	color: #555555; 
	overflow: hidden; 
	padding: 5px;
      }
  TEXTAREA.TestGrade
      {
	font-family:verdana; 
	font size:8 px;
	color: #000; 
	overflow-y: scroll; 
	padding: 2px;
	width: 100%;
	height: 90%;
	max-height: 90%;
	min-height: 90%;
      }

/* ------------------------ FORM CLASSES ------------------------ */

  .tinyselect 
      {
	font-size: 8; 
	color: #000000
      }

/* ------------------------ PRIMARY TABLE STYLES ------------------------ */

  TABLE
      {
	border-collapse:collapse;
	border-style:none;
	border-width:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:white;
      }
  TR
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
      }
  TD
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 15px;
	vertical-align: top;
      }
  TH
      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
      }

/* ------------------------ TABLE CLASSES ------------------------ */


  TABLE.BeltTesting
      {
	background-color: transparent;
      }
  TABLE.BeltTestingName
      {
	background-color: Transparent;
	padding: 0px;
	border: 0px;
      }
  TD.BeltTestingName
      {
	font-size: 16px;
	background-color: Transparent;
	text-align:center;
	vertical-align:middle;
	width: 100%;
      }
  TD.BeltTesting
      {
	font-size: 16px;
	background-color: Transparent;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	border: 1px solid red;
      }
  .TableHead1
      {
	background-color: #333333;
	height: 20px;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding: 0px;
      }
  .TableHead2
      {
	background-color:#555555;
	height: 20px;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding: 0px;
      }
  .TableHead3
      {
	background-color: #777777;
	height:20;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding: 0px;
      }
  .TableHead4
      {
	background-color:#999999;
	height:20;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding: 0px;
      }
  .TableHead5
      {
	background-color:#BBBBBB;
	height:20;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding: 0px;
      }
  .TableCol1
      {
	background-color: #CCFFFF;
	border: 1px solid black;
      }
  .TableCol2
      {
	background-color:white;
	border:1px solid black;
      }
  .TDcontent
      {
	padding: 0px;
      }
  TD.sosName
      {
	width: auto;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 10px;
	height: 35px;
	vertical-align: middle;
	border:0;
      }
  TD.sosTime
      {
	width: 60px;
	font-size: 14px;
	padding: 0px;
	border:1px solid black;
	text-align: center;
	vertical-align: middle;
      }
  TD.sosInit
      {
	width: 40px;
	padding: 0px;
	border:1px solid black;
      }
  TD.sosSign
      {
	width: 300px;
	padding: 0px;
	border:1px solid black;
	text-align: center;
	vertical-align: middle;
      }
  .InsSchedule
      {
	vertical-align: top;
	padding: 10px;
      }
  .InsScheduleDays
      {
	text-align:center;padding:0;margin:0;font-size:16px;font-weight:bold;
      }
  .InsScheduleTime
      {
	font-size: 14px;
	vertical-align: top;
	text-align: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
      }
  .InsScheduleClasses
      {
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 100%;
      }
  .InsSchedulePrimary
      {
	font-size: 10px;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin: 0px;
      }
  .InsScheduleInstructors
      {
	font-size: 10px;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin: 0px;
      }

/* ------------------------- FRONT PAGE ------------------------- */
		  BODY.Otugi
		      {
			background:url('/images/otugi.top.corner.right.jpg');
			background-repeat:no-repeat;
			background-position:right top;
		      }
		  TABLE.FrontPage
		      {
			background-color: transparent;
			WIDTH: 90%;
		      }
		  TD.FrontPageSmall
		      {
			background-color: transparent;
			border: none;
			font-size: 8px;
		      }
		  TD.FrontPageRegular
		      {
			background-color: transparent;
			border:1px solid red;
			font-size: 14px;
		      }
		  a.FrontPage:link
		      {
			color:blue;
		      }
		  a.FrontPage:visited
		      {
			color:blue;
		      }
		  a.FrontPage:hover
		      {
			color:blue;
		      }
		  a.FrontPage:active
		      {
			color:blue;
		      }

/* ------------------------- CALENDAR ------------------------- */
	  TABLE.calendar
	      {
		border-width: 1px;
		border-color: #444444;
		border-style: solid;
		width: 770px;
	      }
	  TABLE.TDcalendar
	      {
		width: 100px;
		padding: 0px;
	      }
	  .THtoday
	      {
		background-color:#999999;
		height:20;
		color:white;
		text-align:center;
		vertical-align:middle;
		font-weight:bold;
		padding: 0px;
		border-width: 1px;
		border-color: white;
		border-style: solid;
	      }
	  TD.D1
	      {
		width: 110px;
		background-color: #999999;
	      }
	  TD.D2
	      {
		width: 110px;
		background-color: #AAAAAA;
	      }
	  TD.D3
	      {
		width: 110px;
		background-color: #CCCCCC;
	      }
	  TD.D4
	      {
		width: 110px;
		background-color: #EEEEEE;
		border-width: 1px;
		border-color: white;
		border-style: solid;
	      }
	  TD.D1color
	      {
		width: 110px;
		background-color: #0489B1;
	      }
	  TD.D2color
	      {
		width: 110px;
		background-color: #81DAF5;
	      }
	  TD.D3color
	      {
		width: 110px;
		background-color: #CCFFFF;
	      }
	  TD.D4color
	      {
		width: 110px;
		background-color: #FFFFFF;
		border-width: 1px;
		border-color: #00FFFF;
		border-style: solid;
	      }

/* ------------------------------------ REGISTRATION -------------------------------- */
  BODY.Contract
      {
	background:url('/images/otugi.jpg');
	background-repeat:no-repeat;
	background-position:middle center;
      }
  TABLE.Contract
      {
	background-color: transparent;
	width: auto;
	padding:0;
	margin:0;
      }
  TABLE.sub_contract
      {
	width: auto;
	background-color: transparent;
	max-width: 600px;
      }

    TD.contract
	{
	    padding:0;
	    margin:0;
	    height: auto;
	    text-align: left;
	}
    TD.contract_TH
	{
	    width: 50%;
	    height: 20px;
	    color: white;
	    text-align: center;
	    vertical-align: middle;
	    font-weight: bold;
	    padding: 0px;
	}
    TD.contract_TH#left
	{
	    background-color: #333;
	}
    TD.contract_TH#right
	{
	    background-color: #777;
	}
    TD.contract#left
	{
	    background-color: #999999;
	}
    TD.contract#right
	{
	    background-color: #CCCCCC;
	}
    TD.contract#main
	{
	    background-color: #CCCCCC;
	    width: 100%;
	    text-align: left;
	    padding-left: 10px;
	    padding-right: 10px;
	}
    TD.contract#fine
	{
	    background-color: #EEE;
	    width: 100%;
	    text-align: left;
	    font-size:65%;
	    padding-left: 10px;
	    padding-right: 10px;
	}
    TD.contract#sub_left
	{
	    width: 30%;
	    text-align: left;
	    padding: 0;
	}
    TD.contract#sub_right
	{
	    width: 20%;
	    text-align: left;
	    padding: 0;
	}


/* ====================================== THEMES ====================================== */

	/* ------------------------- SUNSET ------------------------- */
		  BODY.Sunset
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;4
			background:url('/images/stormclouds.2.jpg');
			background-repeat: Repeat-x repeat-y;
			background-position: center top;
		      }
		  TABLE.Sunset
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: transparent;
		      }
		  TD.Sunset
		      {
			padding: 10px;
			text-align:center;
			vertical-align: middle;
		      }


	/* ------------------------- STORMCLOUDS ------------------------- */
		  BODY.StormClouds
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/stormclouds.3.jpg');
			background-repeat: Repeat-x repeat-y;
			background-position: center top;
		      }
		  TABLE.StormClouds
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
		      }
		  TD.StormClouds
		      {
			color: white;
			padding: 10px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/stormclouds.1.jpg');
			background-repeat:no-repeat;
			background-position:center top;
		      }

	/* ------------------------- RAINBOW BUBBLES ------------------------- */
		  BODY.RainbowBubbles
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/rainbow.bubbles.wallpaper.jpg');
			background-repeat: no-repeat;
			background-position: center;
		      }
		  TABLE.RainbowBubbles
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: transparent;
		      }
		  TD.RainbowBubbles
		      {
			color: white;
			padding: 10px;
			text-align:center;
			vertical-align: middle;
		      }

	/* ------------------------- WHITE ON BLACK ------------------------- */
		  BODY.WhiteOnBlack
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/white.on.black.jpg');
			background-repeat: Repeat-x repeat-y;
			background-position: right bottom;
		      }
		  TABLE.WhiteOnBlack
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: transparent;
		      }
		  TD.WhiteOnBlack
		      {
			color: white;
			padding: 10px;
			text-align:center;
			vertical-align: middle;
		      }
		  A.WhiteOnBlack
		      {
			color: #A4A4A4;
		      }

	/* ------------------------- PURPLE ON WHITE ------------------------- */
		  BODY.PurpleOnWhite
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/PurpleOnWhite.jpg');
			background-repeat: Repeat-x repeat-y;
			background-position: center middle;
		      }
		  BODY.PurpleOnWhite2
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/PurpleOnWhite.flipped.jpg');
			background-repeat: no-repeat;
			background-position: center middle;
		      }
		  TABLE.PurpleOnWhite
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: transparent;
		      }
		  TD.PurpleOnWhite
		      {
			color: black;
			padding: 10px;
			text-align:center;
			vertical-align: middle;
		      }
		  INPUT.PurpleOnWhite
		      {
			color: purple;
			padding: 5px;
			text-align:center;
			vertical-align: middle;
			height: 40px;
			width: 120px;
			font-size: 25px;
			font-weight: bold;
		      }

	/* ------------------------- RED ON WHITE ------------------------- */
		  BODY.RedOnWhite
		      {
			padding: 0px;
			margin: 0px;
			text-align:center;
			vertical-align: middle;
			background:url('/images/RedOnWhite.jpg');
			background-repeat: Repeat-x repeat-y;
			background-position: left top;
		      }
		  TABLE.RedOnWhite
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: transparent;
		      }
		  TD.RedOnWhite
		      {
			color: white;
			padding: 10px;
			text-align:center;
			vertical-align: middle;
		      }
		  H1.RedOnWhite
		      {
			color: black;
			font-family: verdana;
		      }
		  A.RedOnWhite
		      {
			color: #0B0B61;
		      }

	/* ------------------------- GREENERY ------------------------- */
		  BODY.Greenery
		      {
			text-align: center;
			background:url('/images/WaterFall.Background.jpg');
			background-repeat:no-repeat;
			background-position: left top;
		      }
		  TABLE.Greenery
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: Transparent;
		      }
		  TD.Greenery
		      {
			font-family: Papyrus;
			font-size: 20px;
			font-weight: bold;
			color: white;
			padding: 10px;
			text-align: center;
			vertical-align: middle;
		      }

	/* ------------------------- OCEAN ------------------------- */
		  BODY.Ocean
		      {
			background:url('/images/Ocean.Wallpaper.jpg');
			background-repeat: repeat-x;
			background-position: center;
			text-align: center;
			vertical-align: middle;
		      }
		  TABLE.Ocean
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: Transparent;
		      }
		  TD.Ocean
		      {
			font-size: 20px;
			font-weight: bold;
			color: white;
			padding: 10px;
			text-align: center;
			vertical-align: middle;
		      }

	/* ------------------------- NIGHT SKY ------------------------- */
		  BODY.NightSky
		      {
			background:url('/images/Orion.nebula.jpg');
			background-repeat: no-repeat;
			background-position: center;
			text-align: center;
			vertical-align: middle;
		      }
		  TABLE.NightSky
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: Transparent;
		      }
		  TD.NightSky
		      {
			font-size: 20px;
			font-weight: bold;
			color: white;
			padding: 10px;
			text-align: center;
			vertical-align: middle;
		      }


	/* ------------------------- SUNSET ------------------------- */
		  BODY.Sunset
		      {
			background:url('/images/stormclouds.2.jpg');
			background-repeat: no-repeat;
			background-position: center;
			text-align: center;
			vertical-align: middle;
		      }
		  TABLE.Sunset
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: Transparent;
		      }
		  TD.Sunset
		      {
			font-size: 20px;
			font-weight: bold;
			color: white;
			padding: 10px;
			text-align: center;
			vertical-align: middle;
		      }

	/* ------------------------- LIGHTNING ------------------------- */
		  BODY.Lightning
		      {
			background:url('/images/lightning.landscape.jpg');
			background-repeat: no-repeat;
			background-position: center;
			text-align: center;
			vertical-align: middle;
		      }
		  TABLE.Lightning
		      {
			margin: 0px;
			position:relative;
			top: 100px;
			left: 100px;
			height: 500px;
			width:850px;
			background-color: Transparent;
		      }
		  TD.Lightning
		      {
			font-size: 20px;
			font-weight: bold;
			color: white;
			padding: 10px;
			text-align: center;
			vertical-align: middle;
		      }


	/* ------------------------- COOL BLUE ------------------------- */
		  BODY.CoolBlue
		      {
			background:url('/images/blue.vintage.background.jpg');
			background-repeat: repeat;
			background-position: left top;
		      }
		  TABLE.CoolBlue
		      {
			border-collapse: collapse;
			margin: 0px;
			background-color: transparent;
		      }
		  TD.CoolBlue
		      {
			font-size: 12px;
			padding: 10px;
			text-align: left;
			vertical-align: top;
			background-color: transparent;
		      }


	/* ------------------------ RED PULSE ON BLACK ------------------------ */
	  TH.RedOnBlack
	      {
		color: white;
		height:50px;
		background:url('/images/red.on.black_small.png');
		background-repeat:repeat-x;
		background-position:center;
		font-size: 26px;
		font-weight: bold;
	      }
	  TH.RedOnBlackSide
	      {
		width:50px;
		background:url('/images/red.on.black_small.sideways.png');
		background-repeat:repeat-y;
		background-position:center;
	      }
	  a.RedOnBlack:link
	      {
		color:white;
	      }
	  a.RedOnBlack:visited
	      {
		color:white;
	      }
	  a.RedOnBlack:hover
	      {
		color:white;
	      }
	  a.RedOnBlack:active
	      {
		color:white;
	      }
	
	/* ------------------------- HANMADANG ------------------------- */
		  BODY.Hanmadang
		      {
			padding: 10px;
			margin: 10px;
			background:url('/images/RedOnWhite.jpg');
			background-repeat: Repeat-x repeat-y;
			background-position: left top;
		      }
		  TD.Hanmadang
		      {
			font-size: 12px;
			background-color: white;
			text-align: center;
			vertical-align: middle;
			padding: 2px;
			margin: 0px;
			border: 2px solid gold;
		      }
		  TD.HanmadangSelect
		      {
			font-size: 9px;
			font-weight: bold;
			background-color: orange;
			text-align: center;
			vertical-align: middle;
			padding: 2px;
			margin: 0px;
			border: 2px solid gold;
		      }
		.b {
			font-weight: bold; }
		.red {
			color: red; }

/* ------------------------ CURRICULUM ------------------------ */
  TD.Yellow
      {
	vertical-align: top;
	background-color: #FFFFCC;
	border: 3px solid gold;
      }
  TD.Blue
      {
	vertical-align: top;
	background-color: #CCCCFF;
	border: 3px solid blue;
      }
  TD.Green
      {
	vertical-align: top;
	background-color: #BCF5A9;
	border: 3px solid green;
      }
  TD.Black
      {
	vertical-align: top;
	background-color: #AAA;
	border: 3px solid black;
      }
  TD.White
      {
	vertical-align: top;
	background-color: #FFF;
	border: 3px solid #AAA;
      }
  TD.Brown
      {
	vertical-align: top;
	background-color: #F7BE81;
	border: 3px solid #773C00;
      }

/* ------------------------ FLOWERS ------------------------ */
  .TDFlowersLeft
      {
	width:150px;
	background:url('/images/border-floral.2.jpg');
	background-repeat:repeat-y;
      }

  @media print
    {    
	.no-print, .no-print *
	    {
		display: none !important;
	    }
    }

/* ------------------------- ATTENDANCE THEMES ------------------------- */
  BODY.att_bg_1 
	{
	background:url('/images/att_bg-1.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_2
	{
	background:url('/images/att_bg-2.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_3
	{
	background:url('/images/att_bg-3.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_4
	{
	background:url('/images/att_bg-4.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_5
	{
	background:url('/images/att_bg-5.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_6
	{
	background:url('/images/att_bg-6.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_7
	{
	background:url('/images/att_bg-7.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}
  BODY.att_bg_8
	{
	background:url('/images/att_bg-8.png'); 
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	}

  TABLE.att_bg
    {
	margin: 0px;
	position:relative;
	top: 100px;
	left: 100px;
	height: 500px;
	width:850px;
	background-color: transparent;
    }

  TD.att_bg
    {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
    }
</STYLE>