@charset "UTF-8";

/* CSS Document */

* { padding:0; margin:0; }

body { background:#aeb6be url(../img/bg.png) no-repeat right top; font-family: Helvetica, Arial, sans-serif; margin:0; }
h1 { font: 24px Helvetica, Arial, sans-serif; letter-spacing:-1px; line-height:110%; font-weight:bold; margin:0; }
h2 { font:20px Helvetica, Arial, sans-serif; letter-spacing:-1px; line-height:100%; font-weight:bold; margin-bottom:8px; }
h3 { font:16px Helvetica, Arial, sans-serif; line-height:100%; font-weight:bold; }
a { text-decoration:none; color: #217ac2; outline:none; }
a:hover { color:#c00; }
p { font-size:14px; line-height:18px; margin-bottom:14px; }
ul { margin-left:20px; margin-bottom:14px; }
li { font-size:14px; line-height:18px; }
small { font-size:11px; border-top:solid 1px #7d868c; padding-top:10px; margin-top:10px; }

/*   Logo   */
#logo { width: 300px; height:100px; margin: 0px; background: transparent url(../img/logo.png) no-repeat 0px 0px; }
#logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }
#logo h1 a { display:block; outline:none; }

/*   Menu   */
#menu { margin-top:20px; font:bold 2em Helvetica, Arial, sans-serif; padding:0px 20px; }
#menu ul { margin-left:0px; list-style:none; text-transform:uppercase; }
#menu li a { display:block; color:#fff; text-decoration:none; padding:10px; outline:none; border:solid 1px #000; }
#menu li a:hover { background:#1d1d1d; color:#C00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #333; }

/*  Bio  */
.bio { width:620px; padding:20px; height:60px; }
.bio h2 { font:bold 28px Helvetica, Arial, sans-serif; letter-spacing:-1px; line-height:100%; color:#7d868c; text-shadow:#fff 0px 1px 2px; }
.container { background:url(../img/bg_container.png) repeat-y left; width:960px; margin:0 auto; }
.left { width:300px; float:left; min-height:400px; }
.right { width:660px; float:left; min-height:400px; }
.content { width:620px; padding:0px 20px 20px 20px; }
.content_blog { width:600px; padding:20px 30px; }
.content_blog h2 { font-size:26px; text-shadow:#fff 0px 0px 2px; margin:8px 0 25px 0;}
.content_blog h4 { background:#900 url(../img/bg_h4.png) repeat-x center center; color:#fff; padding:12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #900; float:left; margin-right:12px; text-shadow:#900 -1px -1px 0px; }

.mainbox { background: url(../img/bg_mainpic.png) no-repeat right top; padding:70px 210px 10px 30px; margin:0 auto; height:230px; width:380px; }
.mainbox h1 { margin-bottom:10px; text-shadow:#fff 0px 1px 2px; }
.mainbox h3 { font:bold 20px Helvetica, Arial, sans-serif; line-height:110%; letter-spacing:-1px; padding-bottom:12px; border-bottom:dotted 1px #7d868c; }

.subscribe { padding-bottom:10px;}
.box { background:#a2d4ee url(../img/bg_box.png) no-repeat right top; padding:20px 170px 10px 20px; margin-bottom:12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #7d868c; }
.box h1 { margin-bottom:10px; text-shadow:#fff 0px 1px 2px; }
.box h3 { font:bold 20px Helvetica, Arial, sans-serif; line-height:110%; letter-spacing:-1px; padding-bottom:12px; border-bottom:dotted 1px #7d868c; }
.h_simple { background:url(../img/h_simple.png) no-repeat bottom center; width:620px; height:310px; margin:0 auto 16px auto; }
.box_simple { background:#a7b0b5; padding:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #8f979b; margin-bottom:16px; }


/*   Resources   */
.resources { margin-top:20px; background:#939b9f; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #7d868c; padding:10px 20px; }
.resources h3 { margin-bottom:3px; }
.resources ul { list-style:none; margin-left:0px; }
.resources li {color:#1d1d1d; display:block; font-size:12px; line-height:normal; padding:10px 0px; margin-bottom:1px; border-bottom: dotted 1px #777; }
.resources li a { color: #900; text-decoration:none; display:block; }
.resources li a:hover { color: #f00; }

#survey { background:url(../img/bg_survey.png) repeat-x bottom; width:300px; padding:15px; margin:20px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #fff; text-align:center; }
#survey a { color:#fff; text-decoration:none; display:block; outline:none; }
#survey a:hover { color:#217ac2; }
#survey h3 { text-shadow:#000 1px 1px 1px; }

/*   Speaking   */
.content_speaking { width:620px; padding:20px; }
.contentfloat { background:#939b9f; width:280px; padding:10px; float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #7d868c; }
.contentfloat h2 { margin-bottom:16px; }
.contentfloat a { color:#900; }
.contentfloat a:hover { color:#F00; }
object { outline: none; }
.promopics { background:#939b9f; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #7d868c; padding:10px 10px 0 10px; }
.promopics h2 { padding-bottom:10px; }
.promopics a { color:#900; }
.promopics a:hover { color:#f00; }
.promopics img a { border:solid 2px #000; margin:0 2px; float:left; }
input { background:#eee; font:bold 14px Arial, Helvetica, sans-serif; padding:8px; color:#111; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:solid 1px #999; width:260px; margin-bottom:10px; }
label { font:bold 12px Arial, Helvetica, sans-serif; color:#222; padding-bottom:6px; }
textarea { background:#eee; font:bold 14px Arial, Helvetica, sans-serif; padding:8px; color:#111; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:solid 1px #999; width:260px; }
.submit { background-color:#900; color:#eee; width:100px; margin-top:15px; text-shadow:#000 0px 1px 2px; border:solid 1px #c00; }

/*   Footer   */
#footer { background-color:#7d868c; color:#fff; width:920px; padding:20px; margin:0 auto; }
#footer img { float:right; }

/* Navigation */
#nav { background:url(../img/bg_navmain.png) repeat-x top; border-bottom:1px solid #000; height:126px; width:619px; margin:0px auto; }
#nav ul { width:619px; margin:0 auto; padding-left:17px; }
#nav li { float:left; /*border-left:1px solid #222;*/ width:195px; list-style-type:none; text-align:center; font-size:11px; }
#nav a { /*background:url(../img/bg_nav.png) repeat-x top;*/ color:#fff; display:block; padding:12px; position:relative; word-spacing:-2px; font-size:11px; height:106px; text-decoration:none; outline:none; }
#nav a:hover { background:url(../img/bg_nav_hover.png) repeat-x bottom; color: #217ac2; height:106px; }
#nav a.current { background:url(../img/bg_nav_selected.png) no-repeat bottom center; color:#000; }
#nav img { /*background-color:#fff;*/ border:none; margin:3px auto 5px auto; padding:4px; display:block; }
#nav strong { display:block; font-size:13px; }
.wrapper { width:800px; margin:275px auto 10px auto; }

/* Panes */
#panes { background:#c9e3f5 url(../img/bg_pane.png) repeat-x bottom; border-color:#bbb; border-style:solid; border-width:1px 1px 0; width:618px; height:325px; margin:20px auto -20px auto; padding-bottom:20px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; /* must be relative so the individual panes can be absolutely positioned */ position:relative; }
#panes div { display:none; position:absolute; top:20px; left:20px; color:#444; width:582px; }
#panes img { float:left; margin-right:20px; }
#panes a { text-decoration: underline; color:#900; font-weight:bold;}
#panes a:hover { text-decoration: none; color:#f00;}
#panes p { color:#000; font-size:11px; }
#panes h3 { margin:0 0 10px 0; font-size:22px; font-weight:normal; letter-spacing:-1px; color:#222; }

.overlay { display:none; width:500px; padding:20px; background-color:#ddd; }

/*  Colours  */
.red { color:#c00; }
.blue { color: #217ac2; }
.white { color:#fff; }