a                    {text-decoration: none;}
a:link, a:visited    {font-weight: bold;}
a:hover              {font-weight: bold; text-decoration: underline;}

body                 {background-color: #ffffff; font-size: small;}

body, a, th, td, div, span, p, address, h1, h2, h3, h4, h5, h6, input, option, textarea, select, ul, blockquote
                     {font-family: Arial, Tahoma, Verdana, "MS Sans Serif", "Trebuchet MS", Helvetica, sans-serif;}

.centre, #centre     {text-align: center}
.left, #left         {text-align: left}
.right, #right       {text-align: right}

.verttop, #verttop   {vertical-align: top}
.vertmid, #vertmid   {vertical-align: middle}
.vertbot, #vertbot   {vertical-align: bottom}

.imgLeft             {float: left}
.imgRight            {float: right}
.imgLeftPad          {float: left; padding-right: 10px; padding-bottom: 10px}
.imgRightPad         {float: right; padding-left: 10px; padding-bottom: 10px}
.clearImg, #clearImg {clear: both}

.bordered            {border: 1px solid #87ceeb}

.highlight, #highlight  {color: #ff0000;}

.indent1             {padding-left: 8px; margin: 0px;}

.leftNavBar          {
                        background-color: #f0f8ff; border-right: 1px solid #87ceeb;
                        font-size: 90%; 
                     }

.leftNavBar a        {
                        display: block;
                        padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;
                     }
.leftNavBar a:hover  {color: #000000; background-color: #ffffff; text-decoration: none;}
.leftNavBar .live    {
                        color: #000000; font-weight: normal; display: block;
                        padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;
                     }

.leftNavBar a.norm, .leftNavBar a.norm:link, .leftNavBar a.norm:active
                     {text-decoration: none; display: inline; padding: 0px; color: #0000ff;}
.leftNavBar a.norm:visited
                     {text-decoration: none; display: inline; padding: 0px; color: #990099;}
.leftNavBar a.norm:hover
                     {text-decoration: underline; background: none;}

.mainHdr             {
                        padding: 0px; text-align: left; 
                        background-position: 100% 0%; 
                        background-image: url(graphics/bkg/bkg00001.jpg);
                        background-color: #ffffff; background-repeat: repeat-x;
                     }
#bkg00002            {background-image: url(graphics/bkg/bkg00002.jpg);}
#bkg00004            {background-image: url(graphics/bkg/bkg00004.jpg);}
#bkg00005            {background-image: url(graphics/bkg/bkg00005.jpg);}
#bkg00006            {background-image: url(graphics/bkg/bkg00015.jpg);}
#bkg00007            {background-image: url(graphics/bkg/bkg00007.jpg);}
#bkg00008            {background-image: url(graphics/bkg/bkg00014.jpg);}
#bkg00009            {background-image: url(graphics/bkg/bkg00016.jpg);}
#bkg00010            {background-image: url(graphics/bkg/bkg00017.jpg);}
#bkg00011            {background-image: url(graphics/bkg/bkg00018.jpg);}
#bkg00012            {background-image: url(graphics/bkg/bkg00019.jpg);}

#childcarebkg        {background-image: url(graphics/bkg/bkg00006.jpg);}
#classesbkg          {background-image: url(graphics/bkg/bkg00013.jpg);}
#computerbkg         {background-image: url(graphics/bkg/bkg00008.jpg);}
#craftbkg            {background-image: url(graphics/bkg/bkg00012.jpg);}
#envirobkg           {background-image: url(graphics/bkg/bkg00022.jpg);}
#healthbkg           {background-image: url(graphics/bkg/bkg00011.jpg);}
#langbkg             {background-image: url(graphics/bkg/bkg00009.jpg);}
#u3abkg              {background-image: url(graphics/bkg/bkg00010.jpg);}

.font90, #font90     {font-size: 90%}
.largerTxt, #largerTxt
                     {font-size: 110%}
.normalTxt, #normalTxt
                     {font-style: normal; text-transform: none; }
.smallerTxt, #smallerTxt
                     {font-size: 85%}
                     
.x-smallerTxt, #x-smallerTxt
                     {font-size: 80%}
.smallcaps, #smallcaps
                     {text-transform: uppercase; font-size: 90%;}

.nobr                {white-space: nowrap}
.noDisplay           {display: none}
.noPad, #noPad       {padding: 0px}

.pageTop             {text-align: right; font-size: 85%; clear: both; padding-top: 5px}

.paperBkg            {
                        background: url(graphics/bkg/boardbkgbot.jpg) #ffffcc repeat;
                        padding-left: 40px; padding-right: 40px;
                     }

.picLink img         {margin-bottom: 3px;}
.printOnly, #printOnly
                     {display: none}
                     
input, select, textarea
                     {font-size: 90%}

.sideBoxHdr          {color: #006699; padding-bottom: 3px; display: block; text-transform: uppercase; font-weight: bold;}

td.commboard1        {
                        padding: 8px;
                        background-image: url(graphics/bkg/boardbkgbot.jpg);
                        background-color: #ffffcc; background-repeat: repeat;
                     }
td.commboard1 h4     {text-transform: uppercase}
th.commboard1        {
                        padding-left: 8px; padding-right: 8px; background-image: url(graphics/bkg/boardbkgtop.jpg);
                        background-color: #ffff99; background-repeat: repeat;
                        color: #000000; text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox1          {padding: 8px; background-color: #add8e6;}
td.sideBox1 h4       {text-transform: uppercase}
th.sideBox1          {
                        padding-left: 8px; padding-right: 8px; background-color: #87ceeb; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }

td.sideBox2          {padding: 8px; background-color: #ffffcc;}
td.sideBox2 h4       {text-transform: uppercase}
th.sideBox2          {
                        padding-left: 8px; padding-right: 8px; background-color: #ffff99; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox3          {padding: 8px; background-color: #ffe4e1;}
td.sideBox3 h4       {text-transform: uppercase}
th.sideBox3          {
                        padding-left: 8px; padding-right: 8px; background-color: #ffcccc; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox4          {padding: 8px; background-color: #afeeee;}
td.sideBox4 h4       {text-transform: uppercase}
th.sideBox4          {
                        padding-left: 8px; padding-right: 8px; background-color: #33cccc; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox5          {padding: 8px; background-color: #e6e6fa;}
td.sideBox5 h4       {text-transform: uppercase}
th.sideBox5          {
                        padding-left: 8px; padding-right: 8px; background-color: #ccccff; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox6          {padding: 8px; background-color: #ccffcc;}
td.sideBox6 h4       {text-transform: uppercase}
th.sideBox6          {
                        padding-left: 8px; padding-right: 8px; background-color: #99cc99; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox7          {padding: 8px; background-color: #f0f8ff;}
td.sideBox7 h4       {text-transform: uppercase}
th.sideBox7          {
                        padding-left: 8px; padding-right: 8px; background-color: #b0c4de; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }
td.sideBox8          {padding: 8px; background-color: #ffcc99;}
td.sideBox8 h4       {text-transform: uppercase}
th.sideBox8          {
                        padding-left: 8px; padding-right: 8px; background-color: #ff9966; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }

td.sideBox9          {padding: 8px; background-color: #fff0f5;}
td.sideBox9 h4       {text-transform: uppercase}
th.sideBox9          {
                        padding-left: 8px; padding-right: 8px; background-color: #d8bfd8; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }

td.sideBox10         {padding: 8px; background-color: #99cc99;}
td.sideBox10 h4       {text-transform: uppercase}
th.sideBox10         {
                        padding-left: 8px; padding-right: 8px; background-color: #33cc99; color: #000000;
                        text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;
                     }

.leftNavBox1         {border: none;}
.leftNavBox1 td      {padding: 5px; background-color: #ffffcc; font-size: 90%}
.leftNavBox1 th      {padding: 5px; background-color: #000000; color: #ffffff;}

.signature           {
                        font-family: "Lucida Handwriting",
                        "Lynda Cursive", "Brush Script MT", "John Handy LET",
                        "ParkAvenue BT", "Staccato222 BT", cursive;
                        color: #000080; text-align: left;
                     }

.topbotNavBar        {
                        text-align: right; vertical-align: middle;
                        background-color: #f0ffff; font-size: 85%;
                     }
.topbotNavBar a:hover
                     {text-decoration: underline;}
.topbotNavBar .live  {color: #000000; font-weight: normal;}

br.special           {padding-bottom: 15px}
br.special2          {line-height: 5px}

h1                   {font-size: 130%}
h2                   {font-size: 120%}
h3                   {font-size: 110%}
h4                   {font-size: 100%}
h5                   {font-size: 90%}
h6                   {font-size: 80%}

h1, h2, h3, h4, h5, h6
                     {color: #006699}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration: none}

hr                   {color: #cccccc; height: 1px;}

ol.letters           {list-style-type: lower-alpha}

pre, pre span        {font-family: "Courier New", Courier, monospace}

span.itemDate        {font-size: 80%; font-weight: normal; color: #000000; white-space: nowrap}

td, th               {text-align: left; vertical-align: top}

td.gallery           {text-align: center; font-size: 85%;}
td.main              {height: 300px; padding-left: 8px; padding-right: 8px;}
td.sideBar           {
                        text-align: center; vertical-align: middle;
                        background-color: #f0f8ff; color: #4682b4;
                        border-right: 1px solid #87ceeb;
                     }
th.pageTitle         {
                        text-align: left; vertical-align: middle;
                        font-size: 110%; color: #006699; font-weight: bold;
                        padding-left: 8px; padding-right: 8px;
                        padding-top: 5px; padding-bottom: 5px;
                     }

table.details        {font-size: 90%; width: 100%;}
table.footer         {border-bottom: 1px solid #87ceeb;}
table.footer .topbotNavBar
                     {vertical-align: top;}
table.footer td.sideBar
                     {
                        text-align: center; vertical-align: bottom;
                        background-color: #f0f8ff; color: #4682b4;
                        border-right: 1px solid #87ceeb; padding: 0px;
                     }

ul                   {list-style-type: square; list-style-position: outside;}
ul.indent1, ul.special
                     {padding-left: 15px; margin: 0px;}

// CSS rounded corners box
.phpMyBorder         {width: 100%;}
.pmb2, .pmb3, .pmb4, .pmbContent
                     {background: #cc9966; border-color: #ffffcc;}
.pmb1                {background: #ffffcc;}

.pmb2, .pmb3, .pmb4  {border-style: solid; border-width: 0 1px;}
.pmbContent          {border-style: solid; border-width: 0 1px; display: block; padding: 5px;}
.pmb1, .pmb2, .pmb3  {height: 1px;}
.pmb1                {margin: 0 5px;}
.pmb2                {margin: 0 3px; border-width : 0 2px;}
.pmb3                {margin: 0 2px;}
.pmb4                {height: 2px; margin: 0 1px;}
.pmb1, .pmb2, .pmb3, .pmb4
                     {display: block; overflow: hidden;}
.pmb5                {font-size: 1px; display: block; overflow: hidden; height: 1px;}
.pmbBlock            {display: block; font-size: 1px;} 

#roundBox01 .pmb2, #roundBox01 .pmb3, #roundBox01 .pmb4, #roundBox01 .pmbContent
                     {
                        background-color: #ffffcc; border-color: #ffcc99;
                     }
#roundBox01 .pmb1    {background: #ffcc99;}
#roundBox01 .pmbContent
                     {padding-left: 20px; padding-right: 20px;}


@media print {
   .pmb1, .pmb2, .pmb3, .pmb4, .pmb5, .pmbContent
                     {border: none;}

   .leftNavBar, .noPrint, #noPrint, .sideBar, table.headerTable .topbotNavBar, .pageTop
                     {display: none}

   .printOnly, #printOnly
                     {display: inline}

   #timetable th, #timetable td
                     {border: 1px solid #000000}
}