/* ****************** Common Stylesheet for Norwich Steiner Education Pages********************* */
/* ****************** LAYOUT ********************* */
html {height:100%  /*force vertical scrollbars so avoiding 'jumping' in Firefox between long and short pages*/
}
body {min-height:101%
}

body { text-align:center; /*for page centering in IE*/
}
div#pageholder {          /*for page centering and bringing over any borders*/
  margin-left:auto; margin-right:auto; text-align:left; 
  width:960px; position:relative; 
  z-index:1;
  
}
#bannerleft {position:absolute; top:0px; left:10px; white-space:nowrap; z-index:1; /*position top banner and nav background*/
}
#bannerright {position:absolute; top:0px; left:495px; white-space:nowrap; z-index:1; 
}
#navbar {position:absolute; top:105px; left:10px; white-space:nowrap; z-index:1; 
}
#sun {position:absolute; top:14px; left:120px; z-index:2; /*position top banner decoration*/
} 
#mainpic {position:absolute; top:100px; left:715px; z-index:2; /*position main image*/
}
div#topheading { position:absolute; top:30px; left:300px; white-space:nowrap; z-index:2; /*position title in banner*/
}
div#navlinks {position:absolute; top:125px; left:27px; z-index:2; /*position nav links on their background*/
}
#navlinks a {display: block;
}
div.subsect p {margin:3px 0 0 0;    /*next few statements set spacing between general paragraphs, events details and width of "further details"*/
             text-align:justify;
}
div.subsect p.subhead {margin:10px 0 0px 0    
}
div#topnews p.subhead {margin:0              
}
div#topnews p#other{margin-top:15px              
}

#welcome {position:absolute; top:110px; left:220px; width:420px; text-align:justify; z-index:2; /*position welcome text*/
}
div#toptext {position:absolute; top:110px; left:220px; width:420px; text-align:justify; z-index:2;/*position top  text*/
}
div#wide1 {position:absolute; top:300px; left:220px; width:700px; text-align:left; z-index:2; /*position first part of lower  text*/
}
div.subsect div#events div.event {margin:20px 0 0 0 
}
div.subsect div#events div#event1 {margin-top:12px
}
/*div.event div.further {margin-top:4px; width:500px
}*/
div.event div.venue {margin-top:4px
}
p.quote {padding: 0px 15px; /*block quotation indent */
}

div#footer {position:absolute; left:10px; top:570px; text-align:left /*place footer*/
}
div#footer p#update {text-align:right;
}
img#notepadplusplus {float:right;
}

/* ****************** FORMAT (non-layout aspects) ********************* */

body {background:#FFFFF;                                       /* a few likely defaults for text and background */
color:#003366; font-family: "Arial", "Helvetica","Verdana", sans-serif; 
font-size:16px;
}
a {text-decoration:none;} /*no underlines for any links*/
div#pageholder {background:#FFFFFF; /* background of pageholder used to center page*/
}
#bannerleft {background-image:url(index_files/bluesgradient4.jpg); background-repeat:repeat-y; /* gradient background for banner */
}
#bannerright {background:#6FC3C1; /* const colour background for right part of banner*/
}
#navbar {background:URL(index_files/blackcurrants.jpg); /* set background for site nav links*/
}
/*seasonal images   scotland_wheat4.jpg (high summer harvest) , septemberries.jpg, big_conkers_2.jpg,red_leaves.jpg,december_oak_2.jpg,december_frost.jpg or december_frost_1.jpg, eaton_snow.jpg, snowdrops.jpg, buds_5.jpg, north_park_5.jpg, elder_7.jpg, blackcurrants.jpg    */
div#topheading {color:#990000; font-family: "Arial", "Helvetica","Verdana", sans-serif; font-size:36px; /* text format for main heading*/
}
div#topheading a {text-decoration:none;color:#990000; /*heading links to home page but no underline or colour change effects*/
}
#navlinks a { font-family: "Arial", "Helvetica","Verdana", sans-serif; font-size:20px; /* site nav link format*/
 display: block; 
 text-decoration:none; /* no underlines for links  */
 }
#navlinks a:link, #navlinks a:visited  {color:#003300; /* link colour should remain constant after visit but change for  hover,focus and when clicked  (aug 336600, sept ffcc00, oct 33ff00, red_leaves #ffff33, december_oak #ffff66, december_frost #ffff66, snowdrops #ffff33, buds #ffff66, blossom #003300, blackcurrants 003300)*/

}

#navlinks a:focus {color:#cccc99;
}
#navlinks a:hover {color:#ccff00;
}
/* most except blossom #cccc99  or #ccff00*/
#navlinks a:active {color:#00CC00;
}
p.subhead {font-weight:600; /* next few entries set font and colours for main text sections*/
}
#welcome {font-size:1.05em;
}
div.subsect {color:#003366;
}
div.subsect div#events div.event {color:#003366;
}
div.subsect div#events div#event1 {color:#003366;
}
span.detail {color:#000033;
}
div.event div.further {color:#000033; font-size:0.9em;
}
div.event div.venue {color:#003366; font-size:0.9em; margin-top:4px
}
div.subsect a { text-decoration:none; /* no underlines for links in text */
 }
 div#toptext a{font-size:0.9em;
 }
 p.quote {font-style:italic; /*block quotation italicise */
}
div.subsect a:link {color:#0000FF; /* link colour should remain constant after visit but change for  hover,focus and when clicked  */
}
div.subsect a:visited {color:#0000FF;
}
div.subsect a:focus {color:#006699;
}
div.subsect a:hover {color:#006699;
}
div.subsect a:active {color:#00CC00;
}
span.timing {font-style:italic
}
div#footer {font-size:0.6em; color:#03333; /*format of footer text*/
}
img#notepadplusplus {border:none ;/*surpress silly border around linked image}*/
}


/*div#leftedge {height:500px; width:40px; position:absolute; left:0px; top:0px; background-image:url(pinkleft1.jpg); background-repeat:repeat-y; z-index:0; }
div#rightedge {height:500px; width:40px; position:absolute; right:0px; top:0px; background-image:url(pinkright1.jpg); background-repeat:repeat-y; z-index:0; }
div#topedge {height:500px; width:960px; position:absolute; left:10px; top:-20px; background:#FFF; z-index:0; }*/