/* Universals */
html {margin:0; border:0; padding:0;}
body  { color: #000; font-size: 62.5%; font-family: arial, Verdana, Arial, Helvetica, sans-serif; background: #fff; margin: 0 auto; padding: 0; width: 979px; border: 0 }
h1 {margin:0; border:2px solid #cc0033; border-left:121px solid #cc0033; padding:4px 7px 0 6px; width:221px; height:28px; color:#cc0033; font-size:2.0em; font-weight:normal;}
h2 {margin:0 0 5px 10px; border:2px solid #cc0033; border-left:111px solid #cc0033; padding:4px 7px 0 6px; width:539px; height:28px; color:#cc0033; font-size:2.0em; font-weight:normal;}
h3 {height:32px; margin:5px 0; padding:10px 5px; border: 1px solid #000; background-color:#fff; color:#000; font-size:1.0em; font-family:"arial"; font-weight:bold; text-align:center;}

.side {margin:3px 0 0 0px; border:1px solid #cc0033; border-left:53px solid #cc0033; padding:0 0 0 6px;; width:198px; height:20px; background:transparent; font-size:1.6em; font-style:italic; font-weight:bold; clear:both;}
.purpleH {border-color:#732466; color:#732466;}
.blueH {border-color:#008aaf; color:#008aaf;}
.greenH {border-color:#77ad1b; color:#77ad1b;}

img {margin:0; border:0; padding:0;}


/* Structure */
#wrap {float:left; margin:0 auto; border:0; padding:0; width:100%; background:#fff; clear:both;} 
#header {float:left; margin:0; border:0; padding:0; height:117px; width:100%; background:transparent; clear:both;}
#main {float:left; margin:0; margin-top:43px; border:0; padding:0px; width:691px; background:#fff;}
#sidebar {float:left; margin:40px 0 0 30px; border:0; padding:0px; width:258px;  background:transparent;}
#footer {margin:20px 0 0 0; border:0; padding:0; clear:both; height:138px; background:#fff; font-size:1.2em;}
#footer a {color:#000; font-weight:bold; text-decoration:none;}
#footer a:hover {color:#cc0033; font-weight:bold; text-decoration:underline;}


/* Header */
#hdrLeft {float:left; margin:0; border:0; padding:0; width:373px; height:130px; background:transparent;}
#hdrRight {float:left; margin-left:374px; margin-top:-130px; border:0; padding:0; width:606px; height:130px; background:transparent;}
#CECflag {float:left; margin:0; border:0; border-bottom:21px solid #cc0033; padding:0; width:606px; height:63px; background:#fff;}
.flag {float:right; margin:0; border:0; padding:16px;}

#tabs {float:left; margin:0; border:0; padding:0; width:606px; height:74px; background:transparent; list-style-type:none; z-index:100;}
.li {float:left; width:200px; margin-right:3px; border-top:1px solid #fff; background:transparent;}
.li a, .li a:visited, .li a:hover,  .li a:focus, .li a:active {display:block; width:200px; height:73px; text-align:center; padding:0; text-decoration:none;}
#teachers a, #teachers a:visited {background:transparent url('../images/teachers.gif') no-repeat 0% 0%;}
#teachers2 a, #teachers2 a:visited, #teachers a:hover, #teachers2 a:hover,  #teachers a:focus, #teachers2 a:focus, #teachers a:active, #teachers2 a:active {background:transparent url('../images/teachers-over.gif') no-repeat 0% 0%;}
#learners a, #learners a:visited {background:transparent url('../images/learners.gif') no-repeat 0% 0%;}
#learners2 a, #learners2 a:visited, #learners a:hover, #learners2 a:hover, #learners a:focus, #learners2 a:focus, #learners a:active, #learners2 a:active {background:transparent url('../images/learners-over.gif') no-repeat 0% 0%;}
#parents, #parents2 {margin-right:0px;}
#parents a, #parents a:visited {background:transparent url('../images/parents.gif') no-repeat 0% 0%;}
#parents2 a, #parents2 a:visited, #parents a:hover, #parents2 a:hover, #parents a:focus, #parents2 a:focus, #parents a:active, #parents2 a:active {background:transparent url('../images/parents-over.gif') no-repeat 0% 0%;}

#menu {display:none;}


/* Contents */

/* Contents > Main */
#mainPic {border:0; border-bottom:20px solid #cc0033;}
#purplePic  {border:0; border-bottom:20px solid #732466;}
#bluePic  {border:0; border-bottom:20px solid #008aaf;}
#greenPic  {border:0; border-bottom:20px solid #77ad1b;}

#Contents  { color: #000; font-size: 11px; font-family: arial; font-weight: bold; background-color: #eee; list-style: none; margin: -274px 0 0 120px; padding: 0; z-index: 65; width: 234px; height: 104px; float: left; border: solid 1px; filter: alpha(opacity=80); opacity: 0.8 }
#Contents li {position: relative; text-align:left; padding:0 0 0 4px; height:25px;border:1px solid #ddd; border-width:0 1px 1px 1px;}
#Contents li a, #Contents li a:visited {display: block; text-decoration: none; color: #000; padding:5px 5px; background:none;}
#Contents li a:hover, #Contents li a:focus, #Contents li a:active {text-decoration: none; background:#fff url('../images/arrow-black.gif') no-repeat 6px center;}

.xsnazzy {background: transparent; margin:5px 0 1em 0;}
.xsnazzy2 {background: transparent; margin:45px 0 1em 0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xbRed2 {background:#ccc; border-left:1px solid #cc0030; border-right:1px solid #cc0033;}
.xbPurple2 {background:#ccc; border-left:1px solid #732466; border-right:1px solid #732466;}
.xbBlue2 {background:#ccc; border-left:1px solid #008aaf; border-right:1px solid #008aaf;}
.xbGreen2 {background:#ccc; border-left:1px solid #77ad1b; border-right:1px solid #77ad1b;}
.xb1 {margin:0 8px;}
.xb2 {margin:0 6px;}
.xb3 {margin:0 4px;}
.xbRed {background:#cc0033;}
.xbPurple {background:#732466;}
.xbBlue {background:#008aaf;}
.xbGreen {background:#77ad1b;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;}
.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 
.xboxcontent {display:block; background:#fff; border:3px solid #cc0033; border-width:0 3px; padding-top:1px;}
.purpleBox {border-color:#732466;}
.blueBox {border-color:#008aaf;}
.greenBox {border-color:#77ad1b;}

.tableHeader a {text-decoration:none; color:#000;}
.table {border:1px solid #ccc; font-size:1.4em; width:663px; margin:0 10px; padding:0;}
#mainTable0  { height: 90px }
.textbox  { font-weight: bold; text-align: center; margin: 10px }
#mainTable1  { height: 390px }
#mainTable2 { height:330px;}
#mainTable3 { height:350px;}
#mainTable4  { height:230px }
#mainTable5 { height:80px;}
#mainTable6   { height: 290px }
#mainTable7  { height: 210px }
#mainTable8 { height: 290px }
#mainTable9 { height: 140px }
.internal { font-size: 1.3em; font-weight: bold; text-align: center }
.Column {float:left; margin:0px 5px; padding:0px; width:210px;}

.Red, .Purple, .Blue, .Green {margin:10px 0; list-style:none; padding: 0;}
.Red li, .Purple li, .Blue li, .Green li {position: relative; text-align:center; width:100%; clear:both;}
.Red li a, .Purple li a, .Blue li a, .Green li a {display: block; text-decoration: none; color: #000; background: #fff; padding:10px 5px; border: 1px solid #fff;}
li a.Rose1 {background-color:#FFA4A4; color:#000;}
li a.Rose2 {background-color:#FF8E8E; color:#000;}
li a.Rose3 {background-color:#FF7373; color:#000;}
li a.Rose4 {background-color:#B01C2E; color:#fff;}
li a.Rose5 {background-color:#880030; color:#fff;}
.Red li a:hover, .Red li a:focus, .Red li a:active {background-color:#FF5353; color:#000;}
li a.Pink1 {background-color:#eae3ee; color:#000;}
li a.Pink2 {background-color:#dcd0dd; color:#000;}
li a.Pink3 {background-color:#A268AC; color:#fff;}
li a.Pink4 {background-color:#732466; color:#fff;}
li a.Pink5 {background-color:#602450; color:#fff;}
.Purple li a:hover, .Purple li a:focus, .Purple li a:active {background-color:#d0bfd5; color:#000;}
li a.Navy1 {background-color:#88BACA; color:#000;}
li a.Navy2 {background-color:#BEDEE6; color:#000;}
li a.Navy3 {background-color:#005064; color:#fff;}
li a.Navy4 {background-color:#006680; color:#fff;}
li a.Navy5 {background-color:#00718C; color:#fff;}
.Blue li a:hover, .Blue li a:focus, .Blue li a:active {background-color:#9acdd8; color:#000;}
li a.Lime1 {background-color:#C0DFBD; color:#000;}
li a.Lime2 {background-color:#E0ECD9; color:#000;}
li a.Lime3 {background-color:#36854E; color:#fff;}
li a.Lime4 {background-color:#2C693E; color:#fff;}
li a.Lime5 {background-color:#204D2E; color:#fff;}
.Green li a:hover, .Green li a:focus, .Green li a:active {background-color:#a2d19d; color:#000;}


/* Contents > Side */
.sideCol {border:0; width:260px; margin:5px 0 0; padding: 0; font-size:1.6em; list-style:none;}
.SideHeaderRed, .SideHeaderPurple, .SideHeaderBlue, .SideHeaderGreen {border: 1px solid #ccc; margin-bottom:2px; width:256px; background-color:#fff;}
li.SideHeaderRed a.quickLinks, li.SideHeaderRed a.quickLinks:visited {display: block; padding-left:7px; color:#2F4F4F; text-decoration:none; font-size:0.9em; background-color:#fff;}
li.SideHeaderRed a.quickLinks:hover, li.SideHeaderRed a.quickLinks:focus, li.SideHeaderRed a.quickLinks:active {background-color:#FFA4A4; color:#000; text-decoration:none;}
li.SideHeaderPurple a.quickLinks, li.SideHeaderPurple a.quickLinks:visited {display: block; padding-left:7px; color:#2F4F4F; text-decoration:none; font-size:0.9em; background-color:#fff;}
li.SideHeaderPurple a.quickLinks:hover, li.SideHeaderPurple a.quickLinks:focus, li.SideHeaderPurple a.quickLinks:active {background-color:#eae3ee; color:#000; text-decoration:none;}
li.SideHeaderBlue a.quickLinks, li.SideHeaderBlue a.quickLinks:visited {display: block; padding-left:7px; color:#2F4F4F; text-decoration:none; font-size:0.9em; background-color:#fff;}
li.SideHeaderBlue a.quickLinks:hover, li.SideHeaderBlue a.quickLinks:focus, li.SideHeaderBlue a.quickLinks:active {background-color:#9acdd8; color:#000; text-decoration:none;}
li.SideHeaderGreen a.quickLinks, li.SideHeaderGreen a.quickLinks:visited {display: block; padding-left:7px; color:#2F4F4F; text-decoration:none; font-size:0.9em; background-color:#fff;}
li.SideHeaderGreen a.quickLinks:hover, li.SideHeaderGreen a.quickLinks:focus, li.SideHeaderGreen a.quickLinks:active {background-color:#C0DFBD; color:#000; text-decoration:none;}

#searchH {margin:20px 0 0 0;}
#searchBox {margin:7px 0 0 0; padding:4px 0 4px 4px; border:1px solid #ccc; width:252px;}
#formBox {width:160px;}



/* Footer */
#bottomLine {margin-bottom:7px;}