/* Living English palette
#693 green text
#9c6 green backgrounds
#c00 red text
#c33 red backgrounds
 */

body, ul, ol, h1, h2, h3, h4, h5, h6, p, blockquote { margin:0; padding:0; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:62.5% }

#main p, #main ul, #main ol, #main blockquote { margin-bottom: 1.5em; }
#main {  line-height:1.45em; }
h1 { margin-bottom: 0.6em; font-size: 1.6em; color: #c00; font-weight: normal; }
h2 { margin-bottom: 0.5em; font-size:1.4em; color: #693; font-weight: normal; line-height: 1.5em; }
.copy h2 { margin-bottom: 0.7em; font-size: 1.273em; }
h3 { font-size:1.1em; }
h3 a:hover { text-decoration: none; }
h4 { font-size:1em; font-weight:normal; }
ul, ul li { list-style: none; }

img { border: 0; }
a { text-decoration:none; color:#693; }
a:hover { text-decoration:underline; }

/*em { color:#cc0000; font-style:normal; font-weight:bold }*/

/* --------------------------------------
 Layout 
----------------------------------------*/
 
body { text-align:center; background-color:#99cc66; }
#container { width:950px; margin:1px auto; text-align:left; background-color:#fff; }

#content {  float:left; display:inline; width:100%; padding: 18px 0 25px; }
#header, #nav, #main, #sidebar, #text, #features, #programmes { float:left; display:inline; }

#main blockquote p { margin-bottom: 5px; font-style: italic; line-height: 1.5em; }
#main blockquote { margin-bottom: 1.8em; }
blockquote cite { font-style: normal; font-weight: bold; color: #666; }

#main ul li { list-style: disc; margin-left: 1.7em; }
#main ul.actions li { list-style: none; margin-left: 0; margin-bottom: 0.2em; padding-left: 21px; background: url(../images/arrow_red.gif) 0 4px no-repeat; }

#main a { font-weight: bold; }

ul.actions a { text-transform: uppercase; color: #c00; }
ul.actions a:visited { color: #c00; }
ul.actions span { padding-left: 5px; color: #666; white-space:nowrap; }

/* ---------------------------------------
 Header 
----------------------------------------*/
 
#header, #nav { width: 950px; } 
#header #branding { float:left; display:inline; width:500px; }
#header #logo { float:left; display:inline; margin-left: 22px; margin-top:27px; width:500px; }
/*bottom padding rather than margin needed for ie7?!*/
#header #tagline { float:left; display:inline; margin-left: 20px; margin-top: 6px; padding-bottom:18px; width:500px; color:#666; font-size:1.4em; }
#header #contact-details { float:right; display:inline; margin-right:20px; margin-top:16px; color:#669933; text-align:right; font-size:1.2em; line-height:1.5em }
#header #contact-details a { color:#669933; text-decoration:none }
#header #contact-details a:hover { text-decoration:underline }

#nav { clear: both; padding: 9px 0; background-color: #000; color: #fff; font-size: 1.1em; text-transform: uppercase; }

#nav li { float: left; border-right: 1px solid #999; }
#nav li.last { border-right: 0; }
#nav a { padding: 0 35px; }
#nav a, #nav a:visited { color: #fff; }
#nav a:hover { text-decoration: none; }

#banner { border-bottom:7px solid #CBE7B4 }

/* ---------------------------------------
 Sidebar
----------------------------------------*/

#sidebar { width: 187px; margin: 0 56px 0 20px; }
#sidebar h3 { margin-bottom: 0.5em; font-size: 1.4em; font-weight: normal; color: #693; }
#sidebar ul { font-size: 1.1em; border-top: 1px dotted #ccc; }
#sidebar li { border-bottom: 1px dotted #ccc; }
#sidebar li a { display: block; padding: 6px 0 7px; }
#sidebar li a, #sidebar li a:visited { color: #333; }
#sidebar li.current a, #sidebar li.current a:visited, 
#page-demi #nav-demi a, #page-demi #nav-demi a:visited,
#page-intern #nav-intern a, #page-intern #nav-intern a:visited,
#page-lang #nav-lang a, #page-lang #nav-lang a:visited,
#page-work #nav-work a, #page-work #nav-work a:visited,
#page-abroad #nav-abroad a, #page-abroad #nav-abroad a:visited,
#page-students #nav-students a, #page-students #nav-students a:visited,
#page-families #nav-families a, #page-families #nav-families a:visited,
#page-orgs #nav-orgs a, #page-orgs #nav-orgs a:visited,
#page-summer #nav-summer a, #page-summer #nav-summer a:visited,
#page-skills #nav-skills a, #page-skills #nav-skills a:visited,
#sidebar li a:hover { text-decoration: none; color: #666; font-weight: bold; }

/* ---------------------------------------
 Main
----------------------------------------*/

#main { width: 647px; min-height: 400px; height: auto; }
#text { width: 407px; margin-right: 20px; }
.copy { width: 407px; font-size: 1.1em; }
#main .highlight { font-size:1.1em; line-height:1.45em; color: #693; }
#main .highlight_small { color: #693; }

#photos { float: right; display: inline; width: 220px; margin-top: 2px; }
.section-prices #photos { display: none; }
#photos img { margin-bottom: 1em; }

#main .wide { clear: both; width: 647px; }

#main .box { margin-bottom: 1.5em; padding: 6px 9px 0; border: 1px solid #c33; line-height: 1.5em; }
#main .box p { margin-bottom: 6px; }

/* ---------------------------------------
 Main  - home
----------------------------------------*/

#page-home #content { padding-top: 20px; }
#page-home #main { width: 569px; margin: 0 43px 0 20px; }
#page-home p.intro, #page-home .copy { width: 440px; }
#page-home .copy { font-size: 1.2em; line-height: 1.4em; }
#main p.intro { margin-bottom: 1.2em; font-size: 1.4em; line-height: 1.286em; }

#programmes { width: 569px; padding: 0.6em 0 2em; }
#programmes img { float: left; margin-right: 11px; }
#programmes h1, #programmes h2 { font-weight: bold; }
#programmes h1 { margin-bottom: 0.4em; font-size: 1.3em; color: #fff; background-color: #c33; padding: 5px 10px; }
#programmes .item { float: left; display: inline; width: 284px; margin-bottom: 6px; background-color: #e5e5e5; }
#programmes .first { width: 280px; margin-right: 5px; }
#programmes h2 { font-size: 1.1em; margin: 0.6em 0 0.2em; font-weight: bold; text-transform: uppercase; color: #c00; }
#programmes h2 a, #programmes h2 a:visited { color: #c00; }
#programmes p { margin: 0 10px 0 0; font-size: 1.1em; line-height: 1.4em; }
#programmes p a { font-weight: normal; }

#quicklinks { clear: both; font-size: 1.1em; }
#quicklinks h4 { clear: both; width:75px; display:inline; float:left; color:#666; }
#quicklinks ul { margin-bottom:0.4em }
#quicklinks ul, #quicklinks a, #quicklinks a:visited { color:#669933; font-weight: normal;  }
#main #quicklinks li { float: left; list-style: none; margin-left: 0; margin-right: 10px; padding-right: 10px; background: url(../images/pipe_green.gif) center right no-repeat; }
#main #quicklinks li.last { background: none; margin-right: 0; padding-right: 0; }

#features { width: 297px; font-size: 1.1em; line-height: 1.5em; }
#features h3 { padding-bottom: 0.3em; margin-bottom: 0.5em; font-size: 1.18em; color: #693; border-bottom: 2px solid #693; }
#features .item { clear: both; float: left; display: inline; width: 297px; margin-bottom: 1.5em; }
#features ul { clear: both; float: left; padding-bottom: 1.2em; }
#features ul.social { padding-top: 0.9em; }
#features li { margin-bottom: 0.2em; }
#features a, #features a:visited { color: #333; }

#skype a, #facebook a { float: left; background: url(../images/skype.gif) center right no-repeat; padding-right: 27px; }

#facebook a { background-image:url(../images/facebook.gif); }
#facebook a { white-space: nowrap; }

#item-abroad { min-height: 156px; height: auto; background: url(../images/europe.gif) 144px 42px no-repeat; }
* html #item-abroad { height: 156px; }
#item-abroad p { padding-right: 135px; }

#testimonials { line-height: 1.35em; }
#testimonials blockquote p { margin-bottom: 0.5em; }
#testimonials cite { color: #333; }

/* ---------------------------------------
 Footer 
----------------------------------------*/
#footer { clear:both; background-color:#CCE7B4; padding:20px 25px 10px 20px; line-height:1.5em; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
#footer ul { text-align: center; }
#footer li { display: inline; padding: 0 8px; background: url(../images/pipe.gif) center right no-repeat; }
#footer li.last { background: none; }
#footer li a, #footer li a:visited { color: #666; }

#siteinfo { padding: 19px 0; text-align:center; line-height:1.6em; }
#copyright, #credit { margin:0; }
#copyright { float:left; display:inline; width:40%; color:#777; }
#credit { float:right; display:inline; width:40%; text-align:right }
#credit, #credit a { color:#999; }
#credit a { text-decoration:underline }
#credit a:hover { text-decoration:none }

/*----------------------------------------
Forms
-----------------------------------------*/
input, textarea, select, button { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #333; }
.folaigh { display: none; }
button { border: 0; background-color: #c33; color: #fff; font-weight: bold; cursor:pointer; padding: 2px 5px; }
label { float: left; display: inline; width: 100px; }
input, textarea { width: 180px; }
form p.actions { margin-left: 100px; }
form { padding: 1em 0; }
p.alert, form .error { color: #c00; }
form strong.error { display: block; }

/* ---------------------------------------
Tables
----------------------------------------*/
table { margin: 1em 0 2em; border-collapse: collapse; width: 100%; font-size: 1.1em; }
td, th { padding: 7px 20px; border: 1px solid #fff;  font-weight: bold; }
th { background-color: #c33; padding-right: 5px; color: #fff; text-transform: uppercase; color: #fff; }
th.wide, td.wide { text-align: center; }
th.info { background-color: #a9a9a9; }
.subheading th { background-color: #cdcdcd; color: #c00; white-space:nowrap; }
td { padding: 8px 20px; background-color: #eee; vertical-align: top; }
td.hours { text-align: center; }
td span { font-weight: normal; }

#page-work table { margin-top: 0; }
#page-work th, #page-work td { padding-left: 10px; }
#page-work td { font-weight: normal; }

.section-prices th, .section-prices td { padding: 9px 1px; text-align: center; }
.section-prices th.course, .section-prices td.course { padding-left: 10px; padding-right: 4px; text-align: left; }

.section-prices th.dates { width: 200px; }
#page-summer th, #page-summer td { padding: 9px 5px; }

.section-prices th.narrow { padding: 9px 40px; }
#page-demi th.course, #page-demi td.course { padding-left: 5px; }

#page-skills th.weeks { width: 220px; }
#page-skills td.course { padding-left: 15px; }

/*-----------------------------------------
Special Cases
------------------------------------------*/
div.segment { padding-top: 2em; }

a.download { padding: 0 20px 3px 0; background: url(../images/pdf.jpg) top right no-repeat; }

#page-students .copy h2 { line-height: 1.036em; }
#page-students .copy h2 span { font-size: 0.786em; color: #333; } 

/*home testimonials*/
#features #item-testimonials { position: relative; height: 155px; margin-bottom: 0; display: none; }
#testimonials blockquote.first { display: block; }
#controls { display: none; position: absolute; bottom: 0; right: 0; }
#controls a { padding-right: 0.5em; }

/* ---------------------------------------
 Layout Fixes
----------------------------------------*/
.clear { clear:both; height:0; }