@charset "UTF-8";
/*
Theme Name: Wales China Schools Project
Theme URI: http://waleschinaschoolsproject.net/
Description: Custom theme for Wales China Schools Project, by Pink Sky.
Version: 1.0
Author: Pink Sky, Marble Cake, JT
Author URI: http://pinkskydesign.com/

	This theme was designed by Pink Sky and built by
	Marble Cake and JT, who you will find at:
	http://pinkskydesign.com/
	http://marblecake.co.uk/
	http://elevationmultimedia.com/

	Copyright 2010 - all rights reserved.
*/
/*
	Don't steal, it's not big and it's not clever.
	Sorry Owen. I did.
*/

body {
	text-align: center;
}

#page {
	position: relative;
	width: 994px;
	margin: 3px auto 0px auto;
	text-align: left;
	overflow: hidden;
}

#header {
	width: 994px;
	height: 173px;
	background: #03a501 url("images/header-dragon.jpg") top left no-repeat;
	color: #ffffff;
	position: relative;
	z-index: 1000;
}

#conflogo {
	position: absolute;
	top: 99px;
	left: 27px;
	width: 155px;
	height: 155px;
	background: url("images/confucius-logo.png") no-repeat left top;
	z-index: 1000;
}

#header h1 {
	font-size: 3.9em;
	padding-left: 376px;
	width: 390px;
	padding-top: 25px;
	float: left;
}

#header h1.cymhead {
	font-size: 3.25em;
	line-height: 1.2em;
	width: 365px;
	padding-top: 20px;
}

#header h1 span.smallertext {
	line-height: 1.3em;
	font-size: 0.77em;
}

#header h1.cymhead span.smallertext {
	line-height: 0.8em;
	font-size: 0.8em;
}

#header #instdetails {
	float: right;
	background: url("images/header-chinese.gif") top right no-repeat;
	padding: 42px 18px 0 0;
	text-align: right;
	font-size: 0.65em;
	line-height: 1.1em;
}

#header #instdetails p {
	padding-bottom: 0.8em;
}

#header #instdetails address {
	font-style: normal;
}

#header #instdetails address span.phonemail {
	display: block;
	padding-top: 0.8em;
}

.navbar {
	position: relative;
	background: #84b593;
	color: #ffffff;
	font-size: 0.85em;
	padding-left: 194px;
	z-index: 100;
}

.navbar ul {
	height: 44px;
}

.navbar li {
	float: left;
	padding-left: 30px;
	padding-top: 15px;
}

.navbar a {
	color: #ffffff;
	text-decoration: none;
}

.navbar a:hover, .subnav a:hover {
	text-decoration: underline;
}

.navbar li { position: relative; }
.navbar ul ul { position: absolute; z-index: 500; display: none; width: 106px; padding-top: 10px; }
.navbar ul ul li { width: 90px; background: #84b593; padding: 8px; }
.navbar ul li:hover ul { display: block; }

.subnav {
	position: relative;
	float: left;
	width: 195px;
	padding: 75px 10px 20px 0;
	font-size: 0.85em;
}

.subnav ul li {
	margin: 1em 0;
	padding: 0;
}

.subnav a {
	color: #000;
	text-decoration: none;
}

.subnav p, .subnav div.textwidget {
	font-size: .8em;
	color: #84b593;
}

#content {
	position: relative;
	float: left;
	width: 758px;
	padding: 11px 0 10px 31px;
	background: url("images/body-chinese.gif") top right no-repeat;
	font-size: 0.8em;
}

#content h2 {
	color: #03a501;
	font-size: 2.8em;
	line-height: 2.1em;
}

#content h3 {
	color: #03a501;
	font-size: 2em;
	margin-bottom: 0.5em;
}

#content a {
	color: #03a501;
}

#content #contentcopy {
	width: 360px;
	float: left;
	padding-bottom: 30px;
}

#content #contentcopy p, #content #contentcopy ol, #content #contentcopy ul {
	line-height: 1.2em;
	padding-bottom: 0.8em;
}

#content #contentcopy ol {
	list-style-type: decimal;
	padding-left: 40px;
}

#content #contentcopy ul {
	list-style-type: disc;
	padding-left: 20px;
}

#content #contentcopy li {
	padding: 3px 0px;
}

#content #contentcopy blockquote {
	font-style: italic;
}

#content #contentpictures {
	width: 360px;
	float: right;
}

#content #contentpictures .picholder {
	background: #03a501;
	color: #ffffff;
	float: right;
	margin-bottom: 29px;
}

#content #contentpictures .picholder p {
	padding: 6px 8px;
}

.wpcf7-list-item {
	display: block;
}

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap textarea,
div.wpcf7-mail-sent-ok,
input[type="submit"]
{
	border: 2px solid #03a501;
}

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap textarea,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip,
input[type="submit"]
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wpcf7-form-control-wrap input[type="text"]:focus,
.wpcf7-form-control-wrap textarea:focus
{
	background: #84b593;
	color: #fff;
}

input[type="submit"]
{
	margin-left: 7em;
	padding: .2em 2em;
	background: #ccc;
	color: #000;
}

input[type="submit"]:hover
{
	background: #84b593;
	color: #fff;
}

#footer {
	clear: both;
	background: #03a501 url("images/footer-lowercurve.gif") bottom left no-repeat;
	color: #ffffff;
	padding: 20px;
	font-size: 0.9em;
	height: 71px;
}

#footer p {
	width: 180px;
	float: left;
	padding-top: 20px;
}

#footer ul li {
	float: left;
	padding-left: 30px;
}

#footer ul li.hanban {
	padding-top: 2px;
}

#footer ul li.carduni {
	padding-top: 4px;
}

#footer ul li.britcouncil {
	padding-top: 16px;
}

#footer ul li.welshassy {
	padding-top: 6px;
}

#footer ul li.uniwales {
	padding-top: 0px;
}

#footer ul li.cilt {
	padding-top: 7px;
}

p.credits {
	text-align: center;
	padding: 20px 0px;
	color: #cccccc;
	font-size: 0.6em;
}

p.credits a {
	color: #cccccc;
	text-decoration: none;
}

p.credits a:hover {
	text-decoration: underline;
}