/* The Centre CSS */
/* Coded by the lovely people at stillmovingdesign.com.au */
/* edited: October 2009 */
/* ...to be for the learning, not to copy. */


/*
div {
outline: 1px dotted #ccc;
}
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    border: none;
    visibility: hidden;
min-height:0
}


body {
	font-size: 62.5%;
	font-style: normal;
	text-align: center;
	background-color: black;
}


#content { 
/* 	clear: left; */
   position: absolute;
   left: 50%;
   width: 950px;
   margin-left: -475px; /*half the width of the div*/
   margin-top: 20px;
}

#banner {
	background: url(/images/uploads/site/centre/centre_banner.jpg) top left no-repeat;
	height: 377px;
}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 2.4em;
	color: #9f4882;
	line-height: 1.2em;
	margin-bottom: 1em;
	letter-spacing: -.02em;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #9f4882;
	line-height: 120%;
	margin-top: .6em;
}

h3 {
	font-size: 140%;
	font-weight: bold;
	color: #9f4882;
	line-height: 1.8em;
/* 	margin-bottom: .5em; */
/* 	border-bottom: 1px dotted #c43859; */
}

h4 {
	font-size: 165%;
	color: #c43859;
	line-height: 2em;
}

p, li, h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
}

p {
	font-size: 125%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	line-height: 160%;
	margin-bottom: .5em;
	color: #666;
}


p a:link {
	color: #c43859;
}

p a:visited {
	color: #c43859;
}


.byline {
	position: absolute;
	width: 18em;
	top: 230px;
	left: 30px;
}

p.byline {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 21px;
	color: #9f4882;
}

.byline2 {
	position: absolute;
	width: 18em;
	top: 310px;
	left: 30px;
}

p.byline2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	line-height: 120%;
	color: #9f4882;
}

p.byline2 span {
	font-weight: bold;
}


.subscribe p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin-right: 2em;
}


p#nav {
	text-align: right;
	color: white;
	font: 120% Helvetica, Arial, Verdana, sans-serif;
	height: 25px;
	background-color: black;
	text-transform: uppercase;
}


#nav a:link, #nav a:visited {
	color: white;
	text-decoration: none;
}

#nav a:hover {
	color: #9f4882;
}

#home a#nav-home, #about a#nav-about_us, #whats_on a#nav-whats_on, #global_homework_program a#nav-ghp, #nwm a#nav-nwm, #spring_fling_festival a#nav-springfling, #get_involved a#nav-get_involved, #contact a#nav-contact {
	color: #9f4882;
}

ul#sub_nav {
	margin-bottom: 1em;
	width: 200px;
}

ul#sub_nav li a {
	display: block;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 200%;
	padding: 3px;
	text-indent: 8px;
/* 	margin-bottom: 3px; */
}

ul#sub_nav li a:before {
	content: "- ";
}


.sub_level_1 {
	margin-left: 1em;
}


a.edit_this {
	float: right;
	padding: 6px;
	background-color: #ccc;
	color: white;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}

a.edit_this:hover {
	background-color: red;
	color: 	white;
}



ul#sub_nav li a:link, ul#sub_nav li a:visited {
	color: #9f4882;
	text-decoration: none;
}

ul#sub_nav li a:hover {
	color: red;
	text-decoration: none;
	background-color: #F0F0F0;
}


/*
ul#sub_nav li.here a {
	color: white;
	background-color: #9f4882;
	text-decoration: none;
}
*/




ul#sub_nav li.here a {
	color: white;
	background-color: #9f4882;
	text-decoration: none;
}



/* Banner Circles */

ul.circles {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 2.3em;
	color: white;
	line-height: 110%;
	position: static;
/* 	outline: 1px solid red; */

} 
ul.circles span {
	font-weight: bold;
}

ul.circles li a {
	text-decoration: none;
	color: white;
}

ul.circles li a:hover {
	text-decoration: none;
	color: #111;
}

ul.circles li {
	position: absolute;
	width: 170px;
	text-align: center;
/* 	outline: 1px solid red; */
}

li.cir_whats {
	top: 110px;
	left: 400px;
}

li.cir_homework {
	top: 280px;
	left: 380px;
}

li.cir_courses {
	top: 80px;
	left: 600px;
}

li.cir_about {
	top: 270px;
	left: 508px;
}

li.cir_newspaper {
	top: 235px;
	left: 686px;
}

li.cir_event {
	top: 100px;
	left: 790px;
}




.maincol {
   background: white url(/images/uploads/site/body_bg.png) no-repeat bottom;
   padding-top: 30px;
   padding-bottom: 1em;
height:auto; min-height:100%;
}

.left_column {
	display: inline;
	float: left;
	width: 266px;
	margin-left: 32px;
}

.middle_column {
	display: inline;
	float: left;
	width: 385px;
	padding-right: 25px;
	border-right: 2px dotted #ccc;
}

.right_column {
	display: inline;
	float: left;
	width: 220px;
	margin-left: 20px;
}

#quotebox {
	width: 200px;
/* 	background: white url(/images/uploads/site/bg_quotebox.png) no-repeat bottom; */
/* 	padding-bottom: 1em; */
/* 	border-top: 1px solid #752D79; */
/* 	border-bottom: 1px solid #752D79; */
}

#quotebox img {
/* 	margin-bottom: 1.2em; */
}

#quotebox p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 125%;
	line-height: 140%;
	margin-left: 1em;
	margin-right: 1em;
color: white;
	font-weight: bold;
}

p.subscribe {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 2em;
	color: #9f4882;
	line-height: 120%;
	margin-bottom: .2em;
/* 	margin-left: 32px; */
}

#subscribe_form, #contact_form {
	text-align: left;
	margin-bottom: 40px;
}

#subscribe_form input, #contact_form input, #contact_form textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #666;
	float: left;
	width: 180px;
	height: 16px;
	border: 2px solid #ccc;
	padding: 4px 0 0 4px;
	margin-bottom: 4px;
}

#contact_form textarea {
	width: 280px;
	height: 160px;
}

#contact_form input {
	width: 280px;
}

#contact_form #submit {
	float: left;
	display: block;
	width: 42px;
	height: 24px;
	background-color: #d2962f;
	color: white;
	border: none;
	margin: 0;
	padding:0;
}


#subscribe_form #submit {
	float: left;
	width: 42px;
	height: 24px;
	background-color: #d2962f;
	color: white;
	border: none;
	margin: 0;
	padding:0;
}

#subscribe_form label, #contact_form label {
	display: none;
}

p.privacy {
	float:left;
	display: block;
	text-align: right;
	font-size: 10px;
	margin-top: .75em;
	margin-left: 1.2em;
}


#contact_form br, #subscribe_form br {
   clear: both;
}


#contactform textarea {
/* float: left; */
	width: 260px;
	height: 160px;
}
#contactform input, #contactform textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #666;
	float: left;
	width: 220px;
	height: 16px;
	border: none;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding: 4px 0 0 4px;
}

#contactform #submit {
	clear: left;
	width: 42px;
	height: 24px;
	background: url(/images/uploads/site/submit.png) no-repeat;
	border: none;
}

h2.thecentre_hm {
	color: white;
	padding-top: 56px;
	margin-left: 45px;
}

.thecentre {
	width: 244px;
	height: 244px;
	background: url(/images/uploads/site/bg_the_centre.jpg) center center no-repeat;
/* 	outline: 1px solid yellow; */
/* 	padding-top: 46px; */
}

.thecentre p {
	margin-left: 45px;
/* 	margin-right: 40px; */
/* 	width: 65%; */
	color: white;
	text-align: left;
/* 	padding-top: 100px; */
}

.thecentre p a:link, .thecentre p a:visited {
	color: white;
}

.content_col {
	float: left;
	display: inline;
	width: 52em;
	margin-left: 3em;
	margin-top: 2em;
}


p.rss {
	text-align: left;
	font-size: 1em;
	line-height: 2em;
	margin-top: 2em;
	padding-left: 2.2em;
	background: url(/images/uploads/site/rss.png) center left no-repeat;
	display: none;	
}

p.rss a:link {
	color: #999;
	text-decoration: none;
}

p.rss a:visited {
	color: #999;
	text-decoration: none;
}

p.rss a:hover {
	color: #666;
	text-decoration: none;
}

#searchfeeds p.rss {
	margin-left: 14.5em;
}

#home .news p {
	font-size: 1.2em;
	margin-bottom: 1em;
	text-decoration: none;
}

#home .news p a:link, #home .news p a:visited {
	text-decoration: none;
	color: #999;
}


#home .news p a:hover {
	text-decoration: none;
	color: #333;
}


#footer {
	clear: both;
	height: 100px;
	margin-top: 10px;
	text-align: left;
}

#footer img {
	margin-right: 1.3em;
}


p.copyright {
	text-align: center;
	display: block;
	width: 100%;
	font-size: 1em;
	text-transform: uppercase;
	color: #999;
/* 	padding-top: 1em; */
}


p.sfd {
/* 	outline: 1px solid red; */
/* 	position: relative; */
	text-align: right;
	float: right;
	width: 40%;
	font-size: 1em;
/* 	top: -8em; */
	margin-right: 1em;
	}

p.sfd a:link, p.sfd a:visited {
	text-decoration: none;
	color: #666;
}

p.sfd a:hover {
	text-decoration: none;
	color: #999;
}

.ltie7 {
	position: absolute;
	left: 50%;
	width: 950px;
	margin-left: -475px; /*half the width of the div*/
	display: block;
	background-color: red;
	color: white;
	padding: 2px;
	font: 100%/2em Helvetica, Tahoma, Arial, Verdana, sans-serif;
	text-align: center;
}
.ltie7 a:link, .ltie7 a:visited  {
	color: yellow;
}