body {
	background: top left no-repeat fixed;
	margin: 0;
	min-height: 100%;
	padding: 0;
}

body, th, td, input, textarea, select {
	font: 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline;}

.meta a {text-decoration:none;}
.meta a:hover {text-decoration:underline;}

/******************************
 * section-specific styles
 ******************************/
/* why colour affects? */
body#whycolouraffects {
	background-image: url(/css/bg_whycolouraffects.jpg);
}
body#whycolouraffects * {
	color: #036;
}
body#whycolouraffects .nav_ribbon ul li{
	border-right: 1px solid #f9dcd6;
}
body#whycolouraffects div.text img,
body#whycolouraffects p#admin_actions {
	border: 1px solid #f9dcd6;
}



/* colour psychology */
body#colourpsychology {
	background-image: url(/css/bg_colourpsychology.jpg);
}
body#colourpsychology * {
	color: #036;
}
body#colourpsychology .nav_ribbon ul li {
	border-right: 1px solid #b1dfef;
}
body#colourpsychology div.text img,
body#colourpsychology p#admin_actions {
	border: 1px solid #b1dfef;
}
html body#colourpsychology li a.current_page {color:#c00 !important;}


/* corporate colour */
body#corporatecolour {
	background-image: url(/css/bg_corporatecolour.jpg);
}
body#corporatecolour * {
	color: #360;
}
body#corporatecolour .nav_ribbon ul li {
	border-right: 1px solid #f9d6ac;
}
body#corporatecolour div.text img,
body#corporatecolour p#admin_actions {
	border: 1px solid #f9d6ac;
}
html body#corporatecolour  li a.current_page {color:#c00 !important;}

/* colour courses */
body#colourcourses {
	background-image: url(/css/bg_colourcourses.jpg);
}
body#colourcourses * {
	color: #036;
}
body#colourcourses .nav_ribbon ul li {
	border-right: 1px solid #a2d3c0;
}
body#colourcourses div.text img,
body#colourcourses p#admin_actions {
	border: 1px solid #a2d3c0;
}
html body#colourcourses  li a.current_page {color:#c00 !important;}

/* personal colour */
body#personalcolour {
	background-image: url(/css/bg_personalcolour.jpg);
}
body#personalcolour * {
	color: #900;
}
body#personalcolour .nav_ribbon ul li {
	border-right: 1px solid #f2e0e0;
}
body#personalcolour div.text img,
body#personalcolour p#admin_actions {
	border: 1px solid #f2e0e0;
}
html body#personalcolour li a.current_page {color:#c00 !important;}

/******************************
 * end section-specific styles
 ******************************/

h1 {
	font-size: 2em;
}

h1#logo {
	margin: 0 0 20px 0;
	padding: 0;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

#sidebar {
	float: left;
	line-height: normal;
	margin-top: 0;
	width: 205px;
}

#sidebar p {
	margin: 12px 0 20px 10px;
	padding: 0 0 0 5px;
}

p#copyright {
	font-size: 90%;
	padding-top: 2px;
}

#page {
	padding: 0;
}

#content {
	margin-left: 215px;
	margin-right: 5px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:20px;

	max-width:1045px;
}

div#nav_spacer{height:65px;}

#content h1, #content h2 {
	font-weight: normal;
	margin-top: 0;
}

#content td {
	font-size: 95%;
}

.pagetitle {
	margin: 0 0 10px 0;
	padding-top: 27px;
}

.post {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

.title {
	margin: 0;
	padding: 0 20px;
}

.byline {
	margin: 0 20px;
}

.entry {
	font-size: 110%;
}

.text {
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	-webkit-border-radius: 10px;
}

.meta {
	font-size: 90%;
	-moz-border-radius: 10px;
	margin-top:20px;
	padding: 10px 0;
	text-align: center;
	-webkit-border-radius: 10px;
}

.navb {
	background: transparent url(/css/75trans.png) repeat;
	margin: 0 0 10px 0;
	text-align: center;
}

.dialog {
	background: transparent url(/css/75trans.png) repeat;
	margin: 0 auto;
	min-width: 20em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 98%;
}

#footer {
	font-size: 90%;
	padding: 10px 10px 0 0;
}

#footer p {
	margin: 0;
}

#ribbon_nav_top li, .nav_ribbon ul li {
	display: inline;
	list-style: none;
	padding: 5px;
}

.nav_ribbon {
	background: transparent url(/css/75trans.png) top left repeat;
	display: block;
	margin-top: 5px;
	-moz-border-radius: 10px;
	padding-bottom: 1px;
	padding-left: 9px;
	padding-top: 1px;
	-webkit-border-radius: 10px;
	min-height:96px;
	vertical-align:middle;
}

.nav_ribbon ul {vertical-align:middle;}

html body ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#ribbon_nav_top li a {
	background: transparent url(/css/semitrans.png) top left repeat;
	border: none;
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	outline: none;
	padding: 4px;
	padding-bottom: 0;
	padding-bottom: 5px;
	text-decoration: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	white-space:nowrap;
}



#ribbon_nav_top li a.active {
	background: transparent url(/css/activetab.png) top left repeat;
	border: none;
	font-weight: bold;
	padding: 5px;
}

html body ul#ribbon_nav_top {
	margin-bottom: 0;
	margin-left: 20px !important;
	padding-bottom: 0;
}

#ribbon_nav_top li {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

html body .nav_ribbon ul li.end_row {
	border: none !important;
}

.nav_ribbon a {
	text-decoration: none;
	white-space: nowrap;
	line-height:2.5em;
}

.nav_ribbon a:hover {
	text-decoration: underline;
}

/* make things a bit neater for non-js users */
.with_js .nav_ribbon h3 {
	display: none;
}
#ribbon_nav_top {
	display: none;
}
.with_js #ribbon_nav_top {
	display: block;
}
/* end non-js neatening */

ul li{list-style-position:inside;}


/* admin styles */
label, input {display:block;}
p#admin_actions {padding:5px; background:transparent url(/css/semitrans.png);}
input#page_title {width: 496px; margin-bottom:1em; border: 1px solid #ccc; padding:1px; color:#000000}
input#name, input#email_address, input#password, input#password_confirm, input#username {width:300px; border: 1px solid #ccc; padding:1px; color:#000000; margin-bottom:1em;}

select#type{margin-bottom:1em;}

.admintable th {background:url(/css/75trans.png) repeat; text-align:left; font-weight:bold;}
.admintable td {border-bottom:1px solid #fff;}
.admintable tr.alt td {background:url(/css/semitrans.png) repeat;}

div.resource{padding:10px 0;}
div.alt_resource {background:url(/css/semitrans.png) repeat; padding:10px 0;}

html body form#contact input, html body form#contact select, html body form#contact textarea {width:300px; border: 1px solid #ccc; padding:1px; color:#000000; margin-bottom:1em;}
html body form#contact input#submit {width:auto;}

html body input.hiddeninput{display:none;}

/* special stuff for mission statement */
div#mission_statement_container{max-width:1028px; max-height:350px; min-height:150px; background:url(/css/mission_bg.jpg) center left no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding-top:250px; font-size:1.2em; font-weight:bold;}
div#mission_statement_container p, div#mission_statement_container h1{color:#FFFFFF; margin:0 10px 10px 10px; max-width:500px; text-shadow: #000 1px 1px 2px;}

html body table#psyprop td p {margin-top:0 !important; padding-top:0 !important;} html body table#psyprop td{padding:20px 0 !important; border-bottom:1px solid #b1dfef; }

table.person_details{border-top:1px solid #f2e0e0; width:100%} 

td.lhs{width:20%; font-weight:bold;}

.current_page{font-weight:bold;}

div#in_this_section{margin-bottom:50px;}
div#in_this_section a {text-decoration:none;}
div#in_this_section a:hover {text-decoration:underline;}
div#in_this_section p{margin-bottom:0; font-weight:bold;}
html body div#in_this_section ul{margin-top:0; padding-left:30px !important; list-style-position:outside !important}
html body div#in_this_section ul li {list-style-position:outside !important;}

/* home page anim stuff */

ul#animList li#personalSlide{background-color:#f2e0e0; color:#900;}
ul#animList li#corporateSlide{background-color:#f9d6ac; color:#360;}
ul#animList li#coursesSlide{background-color:#a2d3c0; color:#036;}
html body ul#animList li.selected{font-weight:bold; background-color:#FFFFFF !important; color:#036 !important;}

div#animViewer{float:right;}
div#animWrapper{width:402px; float:right; padding:0; border:1px solid #f9dcd6; background:url(/css/semitrans.png) repeat; margin:0 0 10px 10px;}
ul#animList{list-style:none; margin-right:5px;}
ul#animList li{height:63px; list-style:none; padding:2px; font-size:0.8em; margin-right:5px; text-align:center;}
html body div#animViewer img {border:none !important; margin-left:5px}
ul#animList li a{text-decoration:none !important;}

html body div#animWrapper div, div#animWrapper ul{padding:0 !important; margin:0 !important;}

html body p.quote{font-style:italic; margin-bottom:0 !important; border-top:1px solid #f9dcd6; padding-bottom:0 !important; padding-top:5px;}
html body p.quoteFrom{text-align:right; font-weight:bold; margin-top:0 !important; padding-top:0 !important;}
html body li a.current_page {color:#c00 !important;}
html body li a.current_page em {color:#c00 !important;}

html body .dob, html body .tickbox {display:inline; width:auto !important; margin-bottom:1.5em;}

html body div.error ul li, html body div.error p, html body div.error strong, html body p.error, html body span.error{color:#cc0000 !important;}

div.course_listing{border-bottom:1px solid #a2d3c0; padding:10px;}
div.course_listing_alt{border-bottom:1px solid #a2d3c0; background:#fff;  padding:10px;}

h2.subsection_head{border-top:1px solid #f9dcd6; border-bottom:1px solid #f9dcd6; background:url(/css/75trans.png) top left repeat; margin-top:20px; margin-bottom:-20px; padding-top:10px; padding-bottom:10px;}

img.resource_decoration{float:left; margin:20px 10px 10px 0;}
img.main_resource_decoration{float:left; margin:0px 10px 10px 0;}

.with_image h3, .with_image p {margin-left:160px;}