Body, P, TD    {font-family: "Helvetica";}
P              {margin: 0 0 1em 0;}

.logo          {color:rgb(187,182,145);}
.logored       {color:rgb(237,69,53);}

H1             {font-family: "Helvetica"; font-size: 20pt; font-weight: normal; color: blue; text-align: center; text-decoration:underline;}
H2             {font-family: "Helvetica"; font-size: 20pt; font-weight: 500; color: fuchsia; margin-top:0;}
H3             {font-family: "Helvetica"; font-size: 14pt; font-weight: 500; color: fuchsia;}

P.right        {text-align:right;}

Ul.disc        {list-style: disc;}

/* Structure */
DIV.mainbox    {border-collapse: collapse; border-width: 0px; border-spacing: 0px; border-style: solid; padding: 0px; margin: 0 5% 10px 5%;}
DIV.bottomborder {border-bottom-style: solid; border-color: rgb(187,182,145); border-bottom-width: 4px; margin-bottom: 10px;}

/* ** Header ** */
DIV#top        {background: yellow; padding: 10px;}
DIV#logo       {float: left; width: 20%; border-width:0;}
DIV#logo img   {width: 100%;}
DIV#emmatop    {float:left; margin:0 1%; width: 6%;}
DIV#emmatop img {width:100%;}
DIV#coreytop    {float:left; margin:0 1%; width: 8%;}
DIV#coreytop img {width:100%;}
DIV#heading    {float: left; margin: 0 2%; width: 58%; text-align: center;}
SPAN#headtext  {font-family: "Times New Roman"; font-size: 225%; margin: 0; padding-top: 0.2em; padding-bottom: 0.2em;}

DIV#mainlinks  {background: red;}
DIV#homelinkdiv   {width: 20%; float: left; text-align: center; padding: 18px 0px;}
A#homelink     {text-transform:uppercase;font-weight:bold;}
A#homelink:visited {color: blue;}

DIV.buttonrow  {width: 80%; float: left; text-align: center;}
DIV.topborder  {border-top-style: solid; border-color: rgb(187,182,145); border-top-width: 4px; margin-top: 10px;}
DIV.buttons    {float:left; position:relative; left:50%; text-align:left;}
.buttons ul    {list-style:none; position:relative; left:-50%; padding:0; margin:0;}
.buttons li    {float:left; position:relative;}/* ie needs position:relative here*/
.buttons a     {float:left; width:6em; margin:5px; background-color:rgb(128,211,244); padding:2px 0px; text-align:center; border-style:outset; border-width:4px; border-color:rgb(17,180,235); font-size:14pt;}
.buttons a:hover {border:4px inset blue; color:red; background:#f2f2f2;}

/* ** Content  ** */
DIV.sidebar    {width: 20%; float: left;}
DIV.content    {width: 76%; float: left; padding: 2%; background: rgb(235,233,222);}
DIV.comment    {width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 5px; background: rgb(245,243,232); border-style: solid; border-width: 4px; border-color: rgb(195,193,182); padding: 6px;}

/* ** Menus ** */
Table.menulist {width:80%; background:rgb(235,233,222); border-style:solid; border-color:rgb(187,182,145); border-width:2px; margin:0; padding:0; border-collapse:collapse;}
TD.menulist    {border-style:solid; border-color:rgb(187,182,145); border-width:2px; padding: 8px;}
TH.menulist    {border-style:solid; border-color:rgb(187,182,145); border-width:2px; padding:8px; font-family:"Times New Roman"; color:rgb(45,160,200);}
A.menu         {font-weight:bold;}

/* ** Footer ** */
DIV#mottodiv   {float: left; text-align: center; width: 80%;}
H2#motto       {color:green;font-family:"Times New Roman";font-size:18pt;margin:.2em;}
IMG#line       {width: 500px; height: 5px; margin-left: auto; margin-right: auto; margin-top: 5px;}

/* ** Page specific bits ** */
/* Index page */
DIV#indexhead  {float:left; width:60%;}
DIV#indexpic   {float:left;}
DIV#chn        {width:100%; text-align:center;}
IMG#chn        {height:202px;}

/* On parent page */
DIV.annotation  {float:left; text-align:center; vertical-align:middle; padding:2%; width:36%; font-family:"Times New Roman"; font-size:14pt;}
/* DIV.annotationborder {border:4px solid blue; padding:1%; background: #EECCCC; margin-bottom: 5px; font-family:"Times New Roman"; font-size:14pt;} */
DIV#ddcap        {float:left; width:40%; text-align: center;}
DIV#yypdiv       {float:left; width:20%;}
DIV#faq          {float:left; width:80%;}
IMG#ddcapscene   {float:left; width:20%; margin:0 10% 0 15%;}
IMG#ddscene      {float:left; width:20%;}
IMG#ddcap        {width:40%;}
IMG#yyp          {width:100%;}

/* On schools page */
DIV.schoolannotation {float:left; width:58%; padding:1%;}
DIV.schannotimgleft {float:left;}
DIV.schannotimgright {float:right;}
DIV.schannotimgleftx {float:left; width:20%;}
DIV.schannotimgrightx {float:right; width:20%;}
DIV#bennyscenediv {width:60%; margin:auto;}
IMG#bennyscene {width:100%;}


IMG#yy         {height:150px;}
IMG#aa         {height:100px;}
IMG#april      {height:150px;}
IMG#bb         {height:100px;}
IMG#dd         {height:95px;}
IMG#pq         {height:150px;}
IMG#oy         {width:100%;}
IMG#oi         {width:100%;}
IMG#th         {height:150px;}
IMG#ethan      {height:150px;}
IMG#aw         {height:150px;}

/* On preschool page */
DIV.leftcol {float:left; width:30%; margin-left:15%; display:inline;}
DIV.rightcol {float:left; width:30%; margin-left:10%; display:inline;}
DIV.topstyle {padding:1%; background: #EECCCC; margin-bottom: 5px; font-family:"Times New Roman";}
DIV.imgstyle {margin-top:5px; margin-bottom:5px; text-align:center;}
DIV.bottomstyle {padding:1%; background: #EEEEEE; margin-bottom: 5px; font-family:"Tms Rmn";}
DIV#tobynote {float:left; width:58%; padding:1%;}
DIV#toby   {float:left; width:40%; text-align:center;}
DIV#L15note {float:left; width:68%; padding:1%;}
DIV#L15   {float:left; width:30%; text-align:center;}
DIV#pippyscenediv {float:left; width:40%;}
DIV#pippytext    {float:left; width:58%; margin-left:2%;}
DIV#cols    {width:100%;}

IMG#pippyscene {width:100%;}
IMG#psdd    {width:40%;}
IMG#ddogdigging {width:40%;}
IMG#singing {width:40%;}
IMG#roleplay {width:40%;}
IMG#toby    {width:60%;}
IMG#L15     {width:60%;}

/* Catalogue pages */
DIV.bitbox  {border-style:ridge; border-color:blue; border-width:4px; padding:10px; background:white; margin: 3px 0;}
IMG.bitpicl  {float:left; height:200px; margin: 0 6px 0 3px;}
IMG.bitpicr  {float:right; height:200px; margin: 0 6px 0 3px;}

/* School FAQ */
P.q         {font-family:"Times New Roman"; font-style: italic;}
P.a         {font-family:"Times New Roman"; font-style: normal;}

/* Sitemap */
DIV.fiveaside {float:left; width:20%;}
UL.noindent   {margin:0; padding:0 0 0 10pt;}