/* Structure */
#page { width:900px; margin:0 auto; background:#fff; }
#page #head { height:177px; position:relative; }
#page #head #menu { height:39px; top:138px; left:0; width:100%; position:absolute; }
#page #core { padding-bottom:30px; position:relative; }
#page #core #left { width:570px; padding:0 40px; float:left; }
#page #core #right { width:250px; float:right; }
#page #foot { padding:40px 20px; }

/* Appearance */
body { background:#eff1f2; }
#page #head { background:#607a7e; }
#page #head #menu { background-color:#eff1f2; }
#page #foot { background:#eff1f2 url(/images/footlogo.gif) no-repeat top right; }

/* Menu */
#menu { font-size:14px; }
#menu li { float:left; }
#menu li a { display:block; height:27px; padding:12px 40px 0 20px; color:#869a9d; }
#menu li a:hover,
#menu li.on a { background:#82cf00 url(/images/tabon.gif) no-repeat top right; color:#fff; }

/* Trail */
p#trail { margin:0; padding:14px 0; font-weight:bold; margin-left:-40px; padding-left:40px; border-bottom:1px solid #eff1f2; }
p#trail a { color:#607a7e; }
p#trail a:hover { color:#82cf00; }

#blurb { border-top:10px solid #fff;height:300px;overflow:hidden;margin-bottom:10px; }
#blurb div { margin-left:650px;background:url(/images/fade.png);color:#fff;height:280px;padding:40px;font-size:15px; }

/* Typography */
body { color:#607a7a; font-size:13px; font-family:arial; }
#core h1 { color:#809598; font-size:24px; font-weight:normal; margin-bottom:1em; line-height:1em; letter-spacing:-1px; }
#core p { margin-bottom:1em; line-height:1.8em; }
a { color:#82cf00; text-decoration:none; }
#right h2 { font-size:16px; color:#809598; padding:40px 20px 20px 20px; font-weight:normal; }
#head h1 { position:absolute; right:39px; top:9px; width:238px; height:77px; background:url(/images/logo.gif); }
#head h2 { position:absolute; left:13px; top:61px; width:319px; height:18px; background:url(/images/tagline.gif);}
#head h1 span, #head h2 span { visibility:hidden; }
#foot { color:#607a7e; font-weight:normal; }
#foot a { color:#607a7e; display:inline-block; padding:0 4px; }
#foot a:hover { color:#82cf00; }
img.primary { margin-left:-40px; display:block; margin-bottom:20px; }
h3 { color:#82cf00; border-bottom:1px solid #dfe4e5; margin-bottom:10px; padding-bottom:8px;  }

#foot .credits { font-size:11px; }
#foot .credits a { color:#607a7e; }
#foot .credits a:hover span { color:#3b473a; }

#right .news_item p { margin-top:5px; }

/* Right hand lists */
ul.browse { margin-bottom:40px; font-size:14px; }
ul.browse { border-top:1px solid #dfe4e5; }
ul.browse li { display:inline; }
ul.browse li a { display:block; padding:6px 20px; color:#3b473a; border-bottom:1px solid #dfe4e5; }
ul.browse li a:hover { background-color:#82cf00; color:#fff; }
ul.browse li.on a { background-color:#82cf00; color:#fff; }
ul.browse li.on li a { background-color:#fff; color:#3b473a; }
ul.browse ul { margin-bottom:0; background-color:#fff; }
ul.browse ul li a { padding-left:40px; }
ul.browse ul li a:hover { background-color:#e6f5cc; color:#3b473a; }
ul.browse ul li.on a { background-color:#e6f5cc; color:#3b473a; font-weight:bold; }
ul.browse ul li.on li a { background-color:#fff; color:#3b473a; font-weight:normal; }
ul.browse ul li.on li a:hover { background-color:#e6f5cc; color:#3b473a; font-weight:normal; }
ul.browse ul ul li a { padding-left:60px; }

ul.bullets { margin-bottom:40px; }
ul.bullets li { background:url(/images/bullet.gif) no-repeat 6px 9px; padding:6px 20px; font-weight:bold; }

ul.extras {  margin-bottom:40px; border-top:1px solid #dfe4e5; }
ul.extras li { border-bottom:1px solid #dfe4e5; padding:20px; }
ul.extras li a { font-weight:bold; display:block; }

#left ul { margin-bottom:1em; }
#left ul li { background:url(/images/bullet.gif) no-repeat 6px 9px; padding:6px 20px; }

ul.news { border-top:1px solid #dfe4e5; }
ul.news li { border-bottom:1px solid #dfe4e5; padding:10px 20px; }
ul.news a { color:#3b473a; font-size:14px; }
ul.news a:hover { color:#82cf00; }

ul.downloads { margin-bottom:40px; }
ul.downloads li { border-bottom:1px dashed #ccc; padding:5px 0 5px 20px; }
ul.downloads li.alpha { background:url(/images/pdf.gif) no-repeat 20px 0; padding:0 0 5px 65px; height:35px; font-size:11px; }
ul.downloads li strong { color:#82cf00; font-size:13px; }
ul.downloads li a { color:#666; }
ul.downloads li a:hover { color:#82cf00; }

/* Special links on home page */
#core .home-link { color:#3b473a; background-color:#eff1f2; margin-bottom:10px; height:132px; overflow:hidden; padding:0 10px 0 0; position:relative; border-right:1px solid #fff; }
#core .home-link h4 { color:#3b473a; font-size:15px; font-weight:bold; padding:10px 0 0 210px; }
#core .home-link p { padding-left:210px; font-size:11px; line-height:1.2em; }
#core .home-link img { position:absolute; left:10px; top:0; }
#core .home-link a.more { display:inline-block; background-color:#607a7e; padding:5px 8px; color:#fff; font-size:11px; position:absolute; left:200px; bottom:0; }
#core .home-link a.more:hover { color:#82cf00; }

.news-item { border-bottom:1px solid #dfe4e5; margin-bottom:20px; padding-bottom:20px; margin-right:1px; }
.news-item h4 { font-size:14px; font-weight:bold; margin-bottom:20px; padding-right:20px; }
#core .news-item p { margin:0; line-height:1.2em; padding-right:20px; font-size:12px; }
#core .news-item p a { font-weight:bold; }

#core h1.news-title { margin-bottom:6px; }
#core p.news-date { color:#82cf00; margin-top:6px; margin-bottom:20px; } 

#core #right h1 { letter-spacing:0; }


img.m-right { float:right; margin:0 0 20px 20px; }
img.m-left { float:right; margin:0 20px 20px 0; }

/* Popup menus */
ul.popup { background:#82cf00; width:250px; position:absolute; top:0; left:0; z-index:100; }
ul.popup li {}
ul.popup a { display:block; padding:5px 20px; color:#fff; border-bottom:1px solid #fff; }
ul.popup a:hover { background-color:#e6f5cc; color:#3b473a; }

/* Specialisations for home page */
#page.home p#trail { display:none; }
#page.home #core #left { width:370px; }
#page.home #core #right { width:450px; }
#page.home #core h1 { padding-top:30px; margin-bottom:40px; }
#page.home #core #right h2 { color:#82cf00; font-size:20px; padding:0 0 10px 0; margin:40px 0 20px 0; border-bottom:1px solid #dfe4e5; }

/* Contact box */
#contact { background-color:#eff1f2; background-repeat:no-repeat; background-position:top left; height:260px; padding:40px 40px 0 240px; margin-left:-40px; margin-bottom:40px; }
#contact h1 { color:#82cf00; margin-bottom:0; font-size:15px; font-weight:bold; }
#contact h2 { color:#82cf00; margin-bottom:0; font-size:13px; font-weight:normal; }

/* Contact form */
.form label { color:#82cf00; }
.form p input { width:220px; }
.form p textarea { width:220px; }
#right h1 { font-size:23px; color:#82cf00; margin:40px 0 80px 0; }

/* Pre page menu at top. */
#pre-menu { width:900px; margin:10px auto; font-weight:bold; }
#pre-menu a { color:#607a7e; }
#pre-menu a:hover { color:#82cf00; }
#pre-menu a.on { color:#82cf00; }

/* Other */
.uix-map { margin-bottom:20px; }
#page.contact p#trail { margin-bottom:0; border-bottom-style:none; }
#page.news #right h1 { margin-bottom:20px; }
#core #blurb p { line-height:1.3em; }

/* News pagination */
.news-paginator { margin:40px 0; height:16px; }
.news-paginator .prev_page { float:left; background:url(/images/arrows.gif); width:11px; height:16px; overflow:hidden; margin-right:10px; }
.news-paginator span.prev_page { background:url(/images/arrows.gif) bottom left; }
.news-paginator .prev_page span { visibility:hidden; }
.news-paginator .next_page { float:left; background:url(/images/arrows.gif) top right; width:11px; height:16px; overflow:hidden; }
.news-paginator span.next_page { background:url(/images/arrows.gif) bottom right; }
.news-paginator .next_page span { visibility:hidden; }