body          { font-size: .76em; font-family:Helvetica, Arial, Verdana, sans-serif;}   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

body {
margin: 0 ;
padding: 0;
line-height: 1.7em;
text-align: center;
color: #333;
background-color: white;
}

#center {
position: relative;
margin:0 auto 0 auto;
padding: 0;
max-width: 1200px;
min-width: 800px;
text-align: left;
}

.clear {clear:both}

p {margin: 0 0 .8em 0; padding:0; color:#333}
td {margin: 0; padding:1px 7px; color:#333;vertical-align: top;}

h1, h2, h3, h4, h5 ,h6 { font-family: Century Gothic, Arial, sans-serif; font-weight:normal;  margin: .4em 0 0 0; padding: 0; color: #d70; letter-spacing: -1px; line-height: 1.2em}
h1 { font-size: 1.1em;  color: #664; letter-spacing: 0px; line-height: 20px; padding-top: 0;}
h2 { font-size: 2.5em;}
h3 { font-size: 2em;}
h4 { font-size: 1.75em;}
h5 { font-size: 1.4em; letter-spacing: 0px;}
h6 { font-size: 1.2em;}
h6 img {padding-left: 10px;}

blockquote { margin: 10px 20px; padding: 10px; background-color: #eeeedc; font-size:1.1em; line-height: 1.7em;border:1px solid #aa9}
blockquote p {margin: 0; color: #665;}


ol, ul {margin: 0 25px 10px 0; padding: 0 0 0 20px;}
ul li {padding-top: 3px; text-align:left; list-style-image: url(images/bullet.gif);color:#333}



.colora {color: #e80;}
.colorb {color: #9c3;}
.colorc {color: #a93;}
.colord {color: #5cb;}
.colore {color: #896;}

/*Links*/
p a:link, li a:link{ color: #554; text-decoration: none; border-bottom: 1px dotted #e80;}
p a:visited, li a:visited { color: #554; text-decoration: none; border-bottom: 1px dotted #e80;}
p a:hover, li a:hover {color: #332; text-decoration: none; border-bottom: 1px dotted #e80;}
img, img a, p img, p img a { border: none; text-decoration: none; padding: 0; background-color: transparent;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d70; text-decoration: none; border-bottom: 1px dotted #e80;}
h1 a { font-size: 1.1em;}
h1 a:hover { color: #f90;}
/*--------------------------*/

div#left { margin: 0 0 2em 0; padding: 0; width: 70%; max-width: 960px; min-height: 600px;}


/*The column beside the main image*/
div#right{position: absolute; top:1px; left: 70%; width: 27%; margin: 0; padding: 0  0 0 25px;  background-color: white; min-height: 440px;}
div#header {margin:0; padding:0 0 15px 0;}
div#header img {width: 240px;}
/*--------------------------*/



/*Left column parent for right float*/
div#columnonea, div#columnoneb, div#columnonec, div#columnoned, div#columnonee, div#columnonef { margin: 15px 0 0 20px; padding: 0 50%  2em 15px; }
div#columnonea { border-left: 1px solid #e80; border-right: 1px solid #e80;}
div#columnoneb { border-left: 1px solid #9c3; border-right: 1px solid #9c3;}
div#columnonec { border-left: 1px solid #a93; border-right: 1px solid #a93;}
div#columnoned { border-left: 1px solid #5cb; border-right: 1px solid #5cb;}
div#columnonee { border-left: 1px solid #896; border-right: 1px solid #896;}
div#columnonef { border-left: 1px solid #997; border-right: 1px solid #997;}

div#quotea { padding: 0; margin: 0 0 1em 0; width: 100%; background-color: #e80; border-top: 1px solid white; text-align:center; display: block;  height: 45px;}
div#quoted { padding: 0; margin: 0 0 1em 0; width: 100%; background-color: #4a967d; border-top: 1px solid white; text-align:center; display: block;  height: 75px;}
div#quotev { padding: 0; margin: 0 0 1em 0; width: 100%; background-color: #878c72; border-top: 1px solid white; text-align:center; display: block;  height: 100px;}
/*--------------------------*/
/*Right float*/
div#columntwo{ float: right; width: 45%; margin: 0 0 2em 5%; padding: 0 25px 0 25px;}
/*--------------------------*/


/*Text field under image*/
div#underimage { margin: 15px 15px 0 25px; padding: 0 25px 0 25px; border-left: 1px solid #997; border-right: 1px solid #997;}
/*Left float under picture*/
.leftfloat{ float: left;  width: 45%;  margin: 0; padding: 0;}
/*Right column parent for left float*/
.rightside { margin: 0 0 0 50%; padding: 0;}
/*--------------------------*/


div#flashcontent {background: #ccb url(images/flashback960.gif) no-repeat fixed top; height: 450px;}
div#flashcontent p {margin: 0; padding-top: 200px; text-align: center; font-size: 1.25em; line-height: 1.6em;}

/*cycle lite slideshow*/
.pics { background: #ccb url(images/flashback960.gif) no-repeat fixed top; height: 450px; width:100%; padding:0; margin:0; overflow: hidden; float:left; }
.pics, .pics img {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.pics img { height: 450px; padding: 0px; border: 1px solid #ccc; top:0; left:0 }
/*--------------------------*/

div#gallery{background: #333; margin-left:20px;}
div#gallery img {height:125px; width:125px; margin:10px; border: 1px solid #999; background: #111 url(gallery/images/125swirl.jpg) no-repeat;}

div#stretchy img {width: 99.7%; margin:0; padding:0; background: transparent;}

.dropcap { float: left;  margin: 0 15px 5px 0; padding: 0;}
.weekprice { font-size:1.4em; margin-top: 12px}
.price { color:#693; padding-left: 15px;}
.featured {background-color: #7b0; color:white; padding: 1px 10px ; margin-left: -10px}
.pizza { float: right;  margin: 0 0 3px 5px; padding: 0;}

.weekboxa, .weekboxb, .weekboxcurrent, .weekpasta, .weekpastb {margin: 0; padding: 4px 10px 5px 10px; background-color: #df9; border-bottom: 1px solid #9a6;}
.weekboxb, .weekpastb {background-color: #efd;}
.weekboxc {background-color: #efd; padding: 4px 10px; border-bottom: 1px solid #dec; border-top: 1px solid #ffe;}
.weekboxa  a:link,.weekboxb  a:link, .weekboxc  a:link { color: #554; text-decoration: none; border-bottom: 1px dotted #e80;}
.weekboxa a:visited, .weekboxb a:visited, .weekboxc a:visited { color: #554; text-decoration: none; border-bottom: 1px dotted #e80;}
.weekboxa  a:hover, .weekboxb  a:hover, .weekboxc  a:hover {color: #332; text-decoration: none; border-bottom: 1px dotted #e80;}
.weekboxcurrent {background-color: #9d5; color: #443; border: 2px solid #e70;}
.weekpasta, .weekpasta h1,  .weekpasta h1 a, .weekpastb, .weekpastb h1,  .weekpastb h1 a {color: #997; font-size: 1em; font-weight: normal;}
.weekboxb h1 a, .weekboxa h1 a { color: #d70; text-decoration: none; border-bottom: 1px dotted #e80;}

.weekpasta,  .weekpastb {padding: 1px 10px 3px 10px;}
.weekpasta h1 a, .weekpastb h1 a {text-decoration: none; border-bottom: 1px dotted #997;}
.weekpasta h1 a:hover, .weekpastb h1 a:hover {color: #332; text-decoration: none; border-bottom: 1px dotted #e80;}

/* table programme */
.progweeka, .progweekb {float:left; display:block; height: 120px; width: 200px; margin:1px 0 0 0; padding:0; background-color: #df9;background-image: url(images/progweeklogo.png); background-repeat: repeat-y ;}
.progweekb {background-color: #ce8;}

.progweeka .date, .progweekb .date { color:white; background-color: #6a0; background-image: url(images/progweekdate.png); background-repeat: no-repeat ;font-weight: bold; padding:2px 10px 0 15px; height:21px; text-shadow:1px 1px 0 #360;}
.progweeka h1, .progweekb h1 {padding: 5px 5px 0 15px; font-size: 15px; letter-spacing: 0; line-height: 18px; }
.progweeka h1 a, .progweekb h1 a {color: #654;border:none}
.progweeka h1 a:hover, .progweekb h1 a:hover {color: #321; border:none}
.progweeka .price, .progweekb .price { color:#693; font-size: 14px; padding: 5px 10px 0 15px; display: inline;}
.progweekb .price { color:#592;}
.progweeka .teacher, .progweekb .teacher, .progweeka .price,  .progweekb .price { padding: 0 10px 0 15px;}
.progweeka .teacher img, .progweekb .teacher img { padding-left: 10px;}


/* table programme list */
li.progweeka , li.progweekb {float:left; display:block; height: 120px; width: 200px; margin:1px 0 0 0; padding:0; background-color: #df9;background-image: url(images/progweeklogo.png); background-repeat: repeat-y ;}
li.progweekb {background-color: #ce6;}
li.progweeka  a, li.progweekb a {text-decoration: none}
li.progweeka:hover, li.progweekb:hover {background-color: #ce8;}

.progweeka .date, .progweekb .date { color:white; background-color: #6a0; background-image: url(images/progweekdate.png); background-repeat: no-repeat ;font-weight: bold; padding:2px 10px 0 15px; height:21px; text-shadow:1px 1px 0 #360;}
.progweeka h1, .progweekb h1 {padding: 5px 5px 0 15px; font-size: 15px; letter-spacing: 0; line-height: 18px; }
.progweeka .price, .progweekb .price { color:#693; font-size: 14px; padding: 5px 10px 0 15px; display: inline;}
.progweekb .price { color:#592;}
.progweeka .teacher, .progweekb .teacher, .progweeka .price,  .progweekb .price { padding: 0 10px 0 15px;}
.progweeka .teacher img, .progweekb .teacher img { padding-left: 10px;}


/* Footer */
div#flags{ clear: both; margin: 10px 25px 0 25px; padding: 0; text-align: left; border-top: 1px solid #aa9; background-color: #887; height: 32px;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; }
.flag {float:left; padding: 10px 15px; background-color: #887;}

/* Footer */
div#footer{ clear: both; margin: 25px; padding: 10px 0 0 0; text-align: left; border-top: 1px solid #aa9; color: #998; min-height: 150px; }
div#footer a {color: #776; text-decoration: none; padding: 0;  -webkit-transition: color .3s;border: none;}
div#footer a:hover {color: #443; text-decoration: none;  -webkit-transition: color .3s;}
.footerbox h1{ font-size: 11px;color: #665; font-weight:bold;}

.footerbox{ float:left; width:150px; margin:10px 25px 25px 0; padding: 15px;font-size: .9em;}
.footerbox p { margin:0 0 5px 0; line-height: 1.5em; color: #665; }
#footer .footerbox p a {color: #665; border-bottom: 1px dotted #887; padding:0 3px}
#footer .footerbox p a:hover {color: #221; border-bottom: 1px dotted #221; background-color: #eed }


/* New site */
.semitransparent {z-index: 999; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%;height: 100%; }
#center .semitransparent  {position: fixed; overflow: hidden}
.closed { position: fixed; width: 60%; margin:15% 20% 0 20%; padding: 25px 40px; background-color: #111111; border: 5px solid black;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
.closed p{font-size: 15px; color: #eee; line-height: 1.4em}
.closed p a:link, .closed p a:visited{ color: #eee; text-decoration: none; background-color: #333; padding: 0 5px; border:none;}
.closed p a:hover {color: #fff; text-decoration: none;background-color: #444;  padding: 0 5px;border:none;}
body {height: 90%; overflow-y: hidden;}