/* 
  Styles for the entire education site

  Colours and font are stored in top
*/

/* find out what next 2 rules do */

td#tableleft .venuetable {border:#000000 solid 1px;}
.poit {position: absolute;z-index: 10}

/* link styles */
  
A {text-decoration:none; }


/* not on live site*/
/*a.sectionLinks { font: 11pt Arial, Helvetica, sans-serif; color:#DD3C60; padding:0 0 0 10px;	}*/

A.NavLink {display:block; padding-right: 0.5cm;}

A.SubNavLink {white-space: nowrap}

/*A.HotLinks {color:#FFFFFF; padding-right: 0.5cm; }*/ 

/* table styles   */

TABLE {border-collapse: collapse; width: 100%}

TR {border: none}

TD {padding: none; border: none}

TABLE.NavigationPage { border-collapse: separate; width: 5.5cm;}

TD.MainBody { border-left: solid; border-width: 1px; padding-left: 10px;}

TD.MainBody a	{padding-left: 10px;}

TD.MainBody a:hover	{padding-left: 10px; text-decoration: underline;}

TD.NavigationPage {width: 4.0cm; border: 1px}

TD.NavLink {width: 4.0cm; cursor:hand}

TD.SchoolLogo {width: 4.0cm}

TD.Spacer {width: .5cm}

TR.NavigationPage {width: 4.0cm}

TR.SecondaryColourBar{height: 20px;
}


/* image styles */

IMG.SchoolLogo {margin-left: 0.5cm; margin-right: 0.5cm; height: 90px; width: 90px}

IMG.CouncilLogo{height: 78px; margin-right: 0.5cm; width: 150px}

IMG.Arrow{height: 20px; margin: 0.1cm; width: 20px}

IMG.RowSpacer{height: 0.05cm; width: 5cm}

/* p and span classes */

P {padding-left: 0.25cm}

SPAN.SearchBox{}

SPAN.SchoolName{font-size: x-large; color:#FFFFFF; text-align: center; padding-bottom: 2.5cm}

SPAN.Date{color:#FFFFFF; text-align: left; white-space: nowrap; padding-left: .5cm}

/* SPAN.HotLinks{text-align: right; padding-right: 0.5cm} */

SPAN.NavHolder{width: 4cm; white-space: nowrap}

SPAN.NavLink{width: 4cm; white-space: nowrap}

SPAN.HiddenSubNavLinks{ width: 5cm; position: absolute; z-index: 1;  display: none}

SPAN.SubNavLinks{width: 5cm;position: absolute; z-index: 1}

SPAN.SubNavLink{ width: 5cm; position: absolute; cursor: hand; z-index: 1}

DIV.SubHeading{font-size: large; text-align: left; padding-left: 0.25cm }

.titlebar	{background: #003466;  font: 12pt Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;}

.header2	{color:#32AEB7; text-decoration:none;}

/*Following classes are for event list*/

.subtext a{ color:#3d5dc0; font-weight:bold; text-decoration:none; font-size: 12px;}
.subtext a:hover {color:#3d5dc0; font-weight:bold; text-decoration:underline;}
.header {font-weight: bold;}
.venuetable {border:#000000 solid 1px;}
.subtext div { border-top:#004D5F dotted 1px; margin-top: 10px;}
.subtext{font-family: verdana, Arial, Helvetica, sans-serif; font-size:0.7em; text-align: center; color: #000000;}
.subtextmonth{font-family: verdana, Arial, Helvetica, sans-serif; font-size:0.7em; padding:5px; text-align: center; font-weight: bold; color: #000000;}
.subtexttime {font-size:0.9em; padding:5px; vertical-align:top; text-align: center;}
.header {background-color:#86C9DF; font-weight:bold; text-align: center; color: #000000; font-size:0.9em; padding:5px;}

/* following classes are for the photo library*/

table#headTable         {width:400px;margin-top:10px;}
table#headTable td h2   {font-size:1em;}
table.pictureTable      {width:400px;border:1pt solid black;margin-bottom:10px;}
table.orderTable        {width:100px;border:1pt solid black;}
table.pictureTable td   {font-size:1em;padding:5px;}
tr.pictureRow td        {vertical-align:top;}
tr.pictureRow td img    {width:50px;height:40px;text-align:right;}
tr.pictureRow td div    {margin-top:10px;}
td.imgTd                {text-align:right;}