/* ------------------------------------------ */
/*
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	NOTE: DO NOT edit the CSS file, edit the LESS version and recompile
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

   	AUTHOR: CHRISTIAN HANVEY
            chris@crunchdesign.com.au

	Created: January 2010
	Last Updated: 2011-08-25				

*/
/* ------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  width: 100%;
  float: left;
}
/* ------------------------------------------ */
/* COLOURS 									  */
/* ------------------------------------------ */
/*d0bbd2*/
/* ------------------------------------------ */
/* LESS MIXINS								  */
/* ------------------------------------------ */
.noDropShadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: 0px;
}
/* ------------------------------------------ */
/* GRID 									  */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
/* max-width */
div.center {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.columnMain {
  display: inline;
  float: left;
  overflow: hidden;
  width: 69.79166666666666%;
  margin: 0 0.5208333333333333%;
}
.columnSide {
  display: inline;
  float: left;
  overflow: hidden;
  width: 28.125%;
  margin: 0 0.5208333333333333%;
}
.xmasMessage {
  display: inline;
  float: left;
  overflow: hidden;
  width: 73.95833333333334%;
  margin: 0 0.5208333333333333%;
  clear: both;
}
.columnMain > .inner {
  padding-right: 30px;
}
.wide .columnMain, .overview .columnMain, #docid1 .columnMain {
  display: inline;
  float: left;
  overflow: hidden;
  width: 98.95833333333334%;
  margin: 0 0.5208333333333333%;
}
/* ------------------------------------------ */
/* TYPOGRAPHY */
/* ------------------------------------------ */
@font-face {
  font-family: 'AauxLight';
  src: url('/assets/css/type/Aaux-Light.eot');
  src: url('/assets/css/type/Aaux-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/assets/css/type/Aaux-Light.woff') format('woff'), /* Modern Browsers */
   url('/assets/css/type/Aaux-Light.ttf') format('truetype'), /* Safari, Android, iOS */
   url('/assets/css/type/Aaux-Light.svg#Aaux-Light') format('svg');/* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: 'AauxMedium';
  src: url('/assets/css/type/Aaux-Medium.eot');
  src: url('/assets/css/type/Aaux-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/assets/css/type/Aaux-Medium.woff') format('woff'), /* Modern Browsers */
   url('/assets/css/type/Aaux-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
   url('/assets/css/type/Aaux-Medium.svg#Aaux-Medium') format('svg');/* IE9 Compat Modes */
  /* Legacy iOS */
}
html {
  font-size: 100.01%;
}
body {
  font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  font-size: 75%;
  line-height: 1.5;
  color: #525252;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'AauxMedium', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #111;
}
h1 {
  font-family: 'AauxLight', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
h3 {
  font-size: 1.25em;
  line-height: 1;
  margin-bottom: 1em;
}
h4 {
  font-size: 1.15em;
  line-height: 1.25;
  margin-bottom: 0em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
p {
  margin: 0 0 1.5em;
}
p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
  color: #000;
}
a {
  color: #009;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong {
  font-weight: bold;
}
em, dfn {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup, sub {
  line-height: 0;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
li ul, li ol {
  margin: 0 1.5em;
}
ul, ol {
  margin: 0 1.5em 1.5em 1.5em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
}
thead th {
  background: #c3d9ff;
}
th, td, caption {
  padding: 0.333em 0.8em 0.333em 0.4em;
}
tr.even td {
  background: #e5ecf9;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
/* basic link styling */
a:link, a:visited {
  color: #893494;
  text-decoration: underline;
}
a:hover, a:active {
  color: #661d6f;
  text-decoration: none;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
*/
::-moz-selection {
  background: #91d3f4;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #91d3f4;
  color: #fff;
  text-shadow: none;
}
/* forms */
form {
  border: 1px solid #c5c7cb;
  background-color: #ebebee;
}
label {
  float: left;
  line-height: 2;
  min-width: 6em;
  font-weight: bold;
}
fieldset {
  border: none;
  padding: 1em;
  margin: 0;
}
legend {
  font-size: 1.2em;
  color: #6d6e72;
  font-weight: bold;
}
input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
  background-color: #fff;
  border: 1px solid #bbb;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.ie7 input, .ie8 input {
  behavior: url(border-radius.htc);
}
input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
  border-color: #666;
}
input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
  margin: 0.5em 0;
}
input.text, input.title {
  width: 24em;
  padding: 0.333em;
  margin: 0;
}
input.title {
  font-size: 1.5em;
}
textarea {
  width: 30em;
  height: 15em;
  padding: 0.333em;
}
input[type=checkbox],
input[type=radio],
input.checkbox,
input.radio {
  position: relative;
  top: .25em;
}
form.inline {
  line-height: 3;
}
form.inline p {
  margin-bottom: 0;
}
.error, .notice, .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}
.error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4;
}
.notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}
.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}
.error a {
  color: #8a1f11;
}
.notice a {
  color: #514721;
}
.success a {
  color: #264409;
}
form ul, form ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
form li {
  margin: 0.5em 0;
  clear: left;
}
button {
  font-size: 100%;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  color: #00a;
}
/* input fields - regular */
input.button, button.button {
  text-align: center;
  color: #333;
}
.no-js input.button, .no-js button.button.no-cssgradients input.button, .no-cssgradients button.button {
  border: 0;
  width: 120px;
  height: 22px;
  background: transparent url(/assets/css/img/buttons_multi.png) 0px -44px no-repeat;
}
.cssgradients input.button, .cssgradients button.button {
  background-image: -moz-linear-gradient(0% 0% 270deg, #ffffff, #c5c5c5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c5c5c5));
  background-image: linear-gradient(top, #ffffff, #c5c5c5);
  border: 1px solid #bfbfbf;
  width: 10em;
  height: 2em;
}
input.button:hover, button.button:hover {
  color: #661d6f;
  cursor: pointer;
}
.cssgradients input.button:hover, .cssgradients button.button:hover {
  background-image: -moz-linear-gradient(0% 0% 270deg, #ffb5ff, #c393c8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb5ff), to(#c393c8));
  background-image: linear-gradient(top, #ffb5ff, #c393c8);
  border: 1px solid #c384ca;
}
/* input fields - large */
input.button-large, button.large {
  text-align: center;
  color: #333;
}
.no-js input.button-large, .no-js button.button-large.no-cssgradients input.button-large, .no-cssgradients button.button-large {
  border: 0;
  width: 160px;
  height: 22px;
  background: transparent url(/assets/css/img/buttons_multi.png) 0px -88px no-repeat;
}
.cssgradients input.button-large, .cssgradients button.button-large {
  background-image: -moz-linear-gradient(0% 0% 270deg, #ffffff, #c5c5c5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c5c5c5));
  background-image: linear-gradient(top, #ffffff, #c5c5c5);
  border: 1px solid #bfbfbf;
  width: 15em;
  height: 2em;
}
input.button-large:hover, button.button-large:hover {
  color: #661d6f;
  cursor: pointer;
}
.cssgradients input.button-large:hover, .cssgradients button.button-large:hover {
  background-image: -moz-linear-gradient(0% 0% 270deg, #ffb5ff, #c393c8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb5ff), to(#c393c8));
  background-image: linear-gradient(top, #ffb5ff, #c393c8);
  border: 1px solid #c384ca;
}
/* link icons - documents */
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".rss"] {
  background-position: left center;
  background-repeat: no-repeat;
  margin: -2px 0;
  padding: 2px 0 2px 20px;
}
a[href$=".doc"], a[href$=".docx"] {
  background-image: url(/assets/css/img/icons/doc.png);
}
a[href$=".pdf"] {
  background-image: url(/assets/css/img/icons/pdf.png);
}
a[href$=".xls"] {
  background-image: url(/assets/css/img/icons/xls.png);
}
a[href$=".xls"] {
  background-image: url(/assets/css/img/icons/feed.png);
}
/* link icons - urls/emails */
a[href^="http:"], a[href^="http:"]:visited, a[href^="mailto:"] {
  background-position: right center;
  background-repeat: no-repeat;
  margin: -2px 0;
  padding: 2px 15px 2px 0;
}
a[href^="mailto:"] {
  padding-right: 22px;
}
a[href^="http:"], a[href^="http:"]:visited {
  background-image: url(/assets/css/img/icons/external.png);
  padding-right: 15px;
}
a[href^="mailto:"] {
  background-image: url(/assets/css/img/icons/email.png);
}
/* stop these rules over-riding the wayfinder homepage link in main nav*/
/* note: all possible permutations of domains/subdomains - production, test, dev */
nav a[href^="http://www.tresillian.net"],
nav a[href^="http://www.tresillian.net"]:visited,
nav a[href^="http://tresillian.net"],
nav a[href^="http://tresillian.net"]:visited,
nav a[href^="http://112.140.176.40/~tresilli/"],
nav a[href^="http://112.140.176.40/~tresilli/"]:visited,
nav a[href^="http://dev.tresillian.net"],
nav a[href^="http://dev.tresillian.net"]:visited {
  margin: 0;
  padding: 0.5em 1em;
  background: transparent;
}
/* override the auto icon above */
.noIcon {
  background-image: none !important;
  padding: 0 !important;
}
.nowrap {
  white-space: nowrap;
}
.floatleft {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
  clear: left;
}
.floatright {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
  clear: right;
}
/* tables */
table {
  width: 100%;
  border-collapse: collapse;
}
th {
  background-color: #ccc;
}
th, td {
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  padding: 0.25em 0.5em;
}
tr.hover td {
  background-color: #ff9;
}
/* clearfix */
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}
/* responsive images - must be inside a flexible container */
img,
embed,
object,
video {
  max-width: 100%;
}
/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
/* HEADER */
header[role="banner"] {
  background: #91d3f4 url(/assets/css/img/bkg-header.jpg) left bottom repeat-x;
}
header[role="banner"] .inner {
  display: inline;
  float: left;
  overflow: hidden;
  width: 98.95833333333334%;
  margin: 0 0.5208333333333333%;
  position: relative;
}
header[role="banner"] .center, header[role="banner"] .inner {
  overflow: visible;
  /* let search results and drop-down menus appear */

}
/* logo */
header[role="banner"] h1 {
  float: left;
  margin: 8px 0;
  text-indent: -9999em;
  background: transparent url(/assets/css/img/logo-tresillian.png) top left no-repeat;
}
header[role="banner"] h1 a {
  outline: none;
  display: block;
  height: 89px;
  width: 103px;
}
header[role="banner"] h1 a:hover {
  background-image: url(/assets/css/img/logo-tresillian_v2.png);
}
/* main navigation */
header[role="banner"] .span-24 {
  position: relative;
  height: 106px;
}
nav {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
  max-width: 840px;
}
/* responsive nav - select created to replace menu in smaller screens */
header[role="banner"] .mobileMenu {
  margin: 1em 0 0 0;
  font-size: 1.0909090909090908em;
  padding: 0.25em 0.5em;
  color: #0379a7;
  background-color: #d5f0fc;
  -moz-border-radius-topleft: 0.416667em;
  -moz-border-radius-topright: 0.416667em;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0.416667em 0.416667em 0px 0px;
  border-radius: 0.416667em 0.416667em 0px 0px;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.25);
}
/* 24 hour help */
#help24hr {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 70px;
  width: 300px;
  z-index: 99;
}
#help24hr a {
  text-indent: -9999em;
  display: block;
  height: 70px;
  width: 300px;
  background: transparent url(/assets/css/img/parents-helpline-8-300w.png) 0px 0px no-repeat;
}
#help24hr a:link, #help24hr a:visited {
  background-position: 0px -100px;
}
#help24hr a:hover, #help24hr a:active {
  background-position: 0px 0px;
}
/* small screen only display active tel nos */
.mobileFunctions {
  display: none;
}
#helplineTelNo {
  color: #fff;
  background-image: -moz-linear-gradient(0% 0% 270deg, #893494, #661d6f);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#893494), to(#661d6f));
  background-image: linear-gradient(top, #893494, #661d6f);
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
  text-align: center;
}
#helplineTelNo h2 {
  color: #fff;
  vertical-align: top;
  padding-top: 0.5em;
  margin-bottom: 0;
}
#helplineTelNo a {
  display: block;
  color: #ff9;
  font-size: 2em;
  line-height: 1;
  font-weight: bold;
}
#liveAdviceLaunch {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  background-image: -moz-linear-gradient(0% 0% 270deg, #df95c7, #b950a7);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df95c7), to(#b950a7));
  background-image: linear-gradient(top, #df95c7, #b950a7);
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  margin-bottom: 1em;
  text-align: center;
}
#liveAdviceLaunch p {
  margin-bottom: 0;
  font-size: 1.25em;
}
#liveAdviceLaunch a {
  display: block;
  color: #ff9;
  font-size: 2em;
  font-weight: bold;
}
/* breadcrumbs */
.B_crumbBox a:link, .B_crumbBox a:visited {
  color: #0379a7;
  text-decoration: none;
}
.B_crumbBox a:hover, .B_crumbBox a:active {
  color: #893494;
  text-decoration: underline;
}
/* search form */
#ajaxSearch_form {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 1000;
  /* must be higher than nav */

  height: 19px;
  background: transparent url(/assets/css/img/searchbox.png) right top no-repeat;
  font-size: 0.87em;
  line-height: 19px;
  color: #333;
  border: 0px none transparent;
  width: 138px;
}
#ajaxSearch_form fieldset {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
#ajaxSearch_form label {
  float: none;
  text-transform: uppercase;
  color: #fff;
  line-height: 19px;
  margin-right: 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#ajaxSearch_form input {
  margin: 0;
  padding: 0;
  border: 0px none transparent;
  background: transparent;
}
#ajaxSearch_form #ajaxSearch_input {
  width: 86px;
  padding: 0px 5px;
}
#ajaxSearch_form #ajaxSearch_submit {
  width: 30px;
  color: #fff;
  font-weight: bold;
}
.ajaxSearch_hiddenField {
  position: absolute;
  text-decoration: underline;
  background-color: #CC0000;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#searchClose {
  position: absolute;
  top: 20px;
  right: 0;
  padding: 0.5em 1em;
  z-index: 1000;
  /*	border:2px solid @purple; */

  /*	border-bottom:0px none transparent; */

  /*	background-color:rgb(255,255,255); 
	background-color:rgba(255,255,255,0.9); */

  /*	.roundedTop(0.5em);	*/

}
#searchClose:hover {
  cursor: pointer;
}
/* search results */
#ajaxSearch_output {
  display: none;
  position: absolute;
  top: 13px;
  left: 0;
  width: 94%;
  padding: 3%;
  z-index: 999;
  border: 2px solid #893494;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
#ajaxSearch_output p {
  margin-bottom: 0;
}
#current-search-results {
  padding: 30px;
  opacity: 0;
}
#ajaxSearch_output .AS_ajax_resultsInfos {
  font-size: 1.25em;
  margin-bottom: 0.25em;
}
#grpResult_site_wide .AS_ajax_grpResultName {
  margin-bottom: 0.5em;
  font-style: italic;
}
#grpResult_site_wide {
  position: relative;
}
#grpResult_site_wide .paging1 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.25em 0.5em;
  font-weight: bold;
  background-color: #dcc7dd;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
}
.AS_ajax_result {
  color: #444;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.AS_ajax_result h3 {
  margin-bottom: 0.25em;
}
.AS_ajax_resultLink {
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.15em;
}
.AS_ajax_resultDescription {
  color: #555;
}
.AS_ajax_more {
  color: #555;
}
.AS_ajax_result .url {
  margin-bottom: 0;
}
.AS_ajax_result .url:link, .AS_ajax_result .url:visited {
  color: #91d3f4;
}
.AS_ajax_result .url:hover, .AS_ajax_result .url:active {
  color: #d5f0fc;
}
.ajaxSearch_highlight {
  background-color: #d5f0fc;
}
/* SPLASH AREA */
#splash {
  max-height: 230px;
  background: #d5f0fc url(/assets/css/img/bkg-splash.jpg) center top no-repeat;
}
#splash h1 {
  font-size: 3em;
  margin-bottom: 0;
  line-height: 1;
  color: #2e95c9;
}
#splash .inner {
  padding: 3em 0;
  display: inline;
  float: left;
  overflow: hidden;
  width: 98.95833333333334%;
  margin: 0 0.5208333333333333%;
}
/* CONTENT */
/* faux columns effect, with layers to create shadow at top */
#content {
  background: #ffffff url(/assets/css/img/bkg-content-top.png) center top repeat-x;
  border-top: 5px solid #fff;
}
#content .center {
  padding-bottom: 2em;
  background: transparent url(/assets/css/img/bkg2-main2-1920.png) 70% 0 repeat-y;
}
#content .center > .inner {
  background: transparent url(/assets/css/img/bkg-main-1920.png) 70% 0 no-repeat;
  min-height: 14px;
}
.columnMain {
  padding-top: 18px;
}
.columnSide > .inner {
  padding: 2em 3% 1em 5.75%;
}
/* home page, wide pages and overview pages do not have sidebar */
body.wide #content,
body.wide #content .center > .inner,
body#docid1 #content,
body#docid1 #content .center > .inner,
body.overview #content,
body.overview #content .center > .inner,
body.overviewList #content,
body.overviewList #content .center > .inner {
  background: #ffffff url(/assets/css/img/bkg-content-top.png) center top repeat-x;
}
body.wide #content .center,
body#docid1 #content .center,
body.overview #content .center,
body.overviewList #content .center {
  background: #fff;
}
h1 {
  color: #661d6f;
}
h2 {
  color: #2e95c9;
}
h3 {
  color: #555;
  margin-bottom: 0.8em;
}
#contentSide h2 {
  color: #661d6f;
}
#contentMain h1 {
  font-family: 'AauxMedium', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
}
#contentMain figure {
  padding: 2px;
  background-color: #fff;
  color: #661d6f;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.5);
}
.ie7 #contentMain figure, .ie8 #contentMain figure {
  behavior: url(border-radius.htc);
}
figure img {
  display: block;
}
figure, figure img {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
/* general rules for main images in content */
figure.right {
  max-width: 42%;
  float: right;
  margin: 0 0 2em 1em;
}
figure.left {
  max-width: 42%;
  float: left;
  margin: 0 1em 2em 0;
}
#contentMain img[src*=logo],
#contentMain img[alt*=logo],
#contentMain img[src*=maps],
img.noborder {
  border: 0px none transparent;
}
/* no borders on images with 'logo' somewhere in the filename or alt */
#contentAlt {
  clear: both;
  background: #ededed url(/assets/css/img/bkg-contentAltTop.gif) top left repeat-x;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.ie7 #contentAlt, .ie8 #contentAlt {
  behavior: url(border-radius.htc);
}
#contentAlt .inner {
  padding: 10px;
}
#contentAlt img {
  border: 8px solid #fff;
}
.sectionOverview {
  display: inline;
  float: left;
  overflow: hidden;
  width: 23.958333333333336%;
  margin: 0 0.5208333333333333%;
  margin-top: 0;
  margin-bottom: 1em;
  background-color: #d5f0fc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.ie7 .sectionOverview, .ie8 .sectionOverview {
  behavior: url(border-radius.htc);
}
/* section overview boxes now displayed 2 per row, so clear every third */
.sectionOverview:nth-child(4n+1) {
  clear: both;
}
.sectionOverview h2 {
  background-color: #067da9;
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 1.5em;
  line-height: 1;
  border-bottom: 2px solid #FFFFFF;
}
.ie7 .sectionOverview h2, .ie8 .sectionOverview h2 {
  behavior: url(border-radius.htc);
}
.sectionOverview a {
  display: block;
  height: 100%;
  text-decoration: none;
}
.sectionOverview a:link h2, .sectionOverview a:visited h2 {
  color: #fff;
}
.sectionOverview a:hover h2, .sectionOverview a:active h2 {
  color: #ffa;
}
.sectionOverview p {
  font-size: 0.85em;
  color: #567;
  padding: 5px;
  margin-bottom: 0;
}
.sectionOverview a:link, .sectionOverview a:visited {
  color: #1099e4;
}
.sectionOverview a:active, .sectionOverview a:hover {
  color: #52a5cf;
  background-color: #91d3f4;
}
.sectionOverview.last + .sectionOverview {
  clear: left;
}
/* SIDEBAR */
#otherpages {
  color: #fff;
  margin-bottom: 0;
}
#otherpages a {
  text-decoration: none;
  display: block;
}
#otherpages a:link, #otherpages a:visited {
  color: #661d6f;
  background-color: transparent ;
}
#otherpages a:hover, #otherpages a:active {
  color: #fff;
  background-color: #9c49a7;
}
.boxy {
  background: #fff;
  padding-bottom: 10px;
  margin: 0 0 20px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0.6667em;
  -moz-border-radius: 0.6667em;
  border-radius: 0.6667em;
}
.ie7 .boxy, .ie8 .boxy {
  behavior: url(border-radius.htc);
}
.no-js #contentSide .boxy h2, .no-cssgradients #contentSide .boxy h2 {
  background: transparent url(/assets/css/img/box_893494_230Top.png) left top no-repeat;
}
.cssgradients #contentSide .boxy h2 {
  background-image: -moz-linear-gradient(0% 0% 270deg, #a83eb5, #6b2774);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a83eb5), to(#6b2774));
  background-image: linear-gradient(top, #a83eb5, #6b2774);
}
#contentSide .boxy h2 {
  margin: 0px;
  color: #fff;
  padding: 5px 10px;
  line-height: 1;
  font-size: 1.5em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-border-radius-topleft: 0.44445em;
  -moz-border-radius-topright: 0.44445em;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0.44445em 0.44445em 0px 0px;
  border-radius: 0.44445em 0.44445em 0px 0px;
}
.boxy h2 strong {
  font-size: 1.5em;
  display: block;
}
.boxy h2 a {
  text-decoration: none;
}
.boxy h2 a:link, .boxy h2 a:visited {
  color: #fff;
}
.boxy h2 a:active, .boxy h2 a:hover {
  color: #ff9;
}
.boxy a.more {
  font-weight: bold;
  display: block;
}
.boxy .inner {
  padding: 10px 10px 0px 10px;
  background: #fff;
  color: #893494;
}
.boxy img {
  margin: 0px;
}
.boxy p {
  margin: 0;
}
.box2 {
  background-image: url(/assets/css/img/box_893494_210_bot.png);
  background-color: #aa3fb8;
}
.box2 h2 {
  background-image: url(/assets/css/img/box_893494_210_top.png);
  margin-bottom: 0;
}
.boxy #helpline img {
  margin: 0;
}
.numbers strong {
  font-size: 2em;
  line-height: 1;
}
.numbers strong span {
  font-size: 0.75em;
}
.boxy form {
  background: transparent;
  border: none;
}
.boxy fieldset {
  padding: 0;
}
.boxy label {
  line-height: 1;
}
/* ads */
.ad {
  text-align: center;
  background: #eee;
  margin-bottom: 1em;
  padding: 0.5em;
}
/* polls */
.pollvotes h3, .pollresults h3 {
  margin-top: 0px;
  background-color: #ff9;
  color: #893494;
  padding: 0.25em;
}
.easypoll fieldset {
  margin-bottom: 0;
}
.easypoll input.pollbutton {
  border: 1px solid #c17dca;
  color: #fff;
  background-color: #a64eb1;
}
.easypoll input:hover {
  background-color: #893494;
}
.easypoll_bar {
  height: 8px;
  background-color: #893494;
}
.easypoll_inner {
  height: 100%;
  background: url(/assets/templates/modxhost/images/foot_776x82_2.jpg) repeat-x top left;
  background-color: #ff9;
}
.easypoll_error {
  border: 1px solid #600;
  background-color: #FAA;
  padding: 8px;
}
/* arrow links */
/* OLD>>
.arrowLink { margin-bottom:0.5em; font-size: 0.87em; }
.arrowLink strong { display:block; font-size: 1.5em; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); padding-top:5px; }
.arrowLink a { 
	display:block; 
	width:185px; 
	height:45px; 
	max-height:50px; 
	padding:0 25px 0 10px; 
	margin:0;
	background:transparent url(/assets/css/img/bigArrows.png) 0px 0px no-repeat; 
	text-decoration:none; 
	line-height:1.15; 
}
.arrowLink a:link, .arrowLink a:visited { background-position: 0px 0px; color:#fff; }
.arrowLink a:hover, .arrowLink a:active { background-position: 0px -50px; color:#fff; }
#aL_preparing a:link, #aL_preparing a:visited { background-position: 0px -100px; }
#aL_preparing a:hover, #aL_preparing a:active { background-position: 0px -150px; }
#aL_newsletter a:link, #aL_newsletter a:visited { background-position: 0px 0px; }
#aL_newsletter a:hover, #aL_newsletter a:active { background-position: 0px -50px; }
#aL_survey a { background:transparent url(/assets/css/img/bigArrows.png) 0px 0px no-repeat; padding:0 25px 0 10px; }
#aL_survey strong { font-size:1.2em; }

*/
.arrowLink {
  margin-bottom: 1em;
  color: #fff;
  font-size: 0.87em;
}
.arrowLink a {
  display: block;
  padding: 0.5em 0.5em 0.5em 1em;
  margin: 0;
  text-decoration: none;
  line-height: 1.15;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
}
.arrowLink a:link, .arrowLink a:visited {
  color: #fff;
  background-color: #73c8f6;
  background-image: -webkit-gradient(linear, left top, left bottom, to(#73c8f6), from(#2b76a9));
  background-image: -webkit-linear-gradient(top, #73c8f6, #2b76a9);
  background-image: -moz-linear-gradient(top, #73c8f6, #2b76a9);
  background-image: -o-linear-gradient(top, #73c8f6, #2b76a9);
  background-image: -ms-linear-gradient(top, #73c8f6, #2b76a9);
  background-image: linear-gradient(top, #73c8f6, #2b76a9);
  /* fallback will not compile for LESS due to the equals sign. TODO move to ie stylesheet */

  /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(@r1,@g1,@b1)', EndColorStr='rgb(@r2,@g2,@b2)');*/
}
.arrowLink a:hover, .arrowLink a:active {
  color: #ff9;
  background-color: #499cc8;
  background-image: -webkit-gradient(linear, left top, left bottom, to(#499cc8), from(#225e88));
  background-image: -webkit-linear-gradient(top, #499cc8, #225e88);
  background-image: -moz-linear-gradient(top, #499cc8, #225e88);
  background-image: -o-linear-gradient(top, #499cc8, #225e88);
  background-image: -ms-linear-gradient(top, #499cc8, #225e88);
  background-image: linear-gradient(top, #499cc8, #225e88);
  /* fallback will not compile for LESS due to the equals sign. TODO move to ie stylesheet */

  /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(@r1,@g1,@b1)', EndColorStr='rgb(@r2,@g2,@b2)');*/
}
.arrowLink strong {
  display: block;
  font-size: 1.5em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  background: transparent url(/assets/css/img/arrowThinRight.png) top right no-repeat;
  padding-right: 15px;
  min-height: 22px;
}
/* orange arrow */
.arrowLink.alt1 a:link, .arrowLink.alt1 a:visited {
  background-color: #ef9a27;
  background-image: -webkit-gradient(linear, left top, left bottom, to(#ef9a27), from(#eb7a27));
  background-image: -webkit-linear-gradient(top, #ef9a27, #eb7a27);
  background-image: -moz-linear-gradient(top, #ef9a27, #eb7a27);
  background-image: -o-linear-gradient(top, #ef9a27, #eb7a27);
  background-image: -ms-linear-gradient(top, #ef9a27, #eb7a27);
  background-image: linear-gradient(top, #ef9a27, #eb7a27);
  /* fallback will not compile for LESS due to the equals sign. TODO move to ie stylesheet */

  /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(@r1,@g1,@b1)', EndColorStr='rgb(@r2,@g2,@b2)');*/
}
.arrowLink.alt1 a:hover, .arrowLink.alt1 a:active {
  background-color: #ae6b00;
  background-image: -webkit-gradient(linear, left top, left bottom, to(#ae6b00), from(#ae5102));
  background-image: -webkit-linear-gradient(top, #ae6b00, #ae5102);
  background-image: -moz-linear-gradient(top, #ae6b00, #ae5102);
  background-image: -o-linear-gradient(top, #ae6b00, #ae5102);
  background-image: -ms-linear-gradient(top, #ae6b00, #ae5102);
  background-image: linear-gradient(top, #ae6b00, #ae5102);
  /* fallback will not compile for LESS due to the equals sign. TODO move to ie stylesheet */

  /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(@r1,@g1,@b1)', EndColorStr='rgb(@r2,@g2,@b2)');*/
}
/* green arrow */
.arrowLink.alt2 a:link, .arrowLink.alt2 a:visited {
  background-color: #17b688;
  background-image: -webkit-gradient(linear, left top, left bottom, to(#17b688), from(#0e8662));
  background-image: -webkit-linear-gradient(top, #17b688, #0e8662);
  background-image: -moz-linear-gradient(top, #17b688, #0e8662);
  background-image: -o-linear-gradient(top, #17b688, #0e8662);
  background-image: -ms-linear-gradient(top, #17b688, #0e8662);
  background-image: linear-gradient(top, #17b688, #0e8662);
  /* fallback will not compile for LESS due to the equals sign. TODO move to ie stylesheet */

  /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(@r1,@g1,@b1)', EndColorStr='rgb(@r2,@g2,@b2)');*/
}
.arrowLink.alt2 a:hover, .arrowLink.alt2 a:active {
  background-color: #14a178;
  background-image: -webkit-gradient(linear, left top, left bottom, to(#14a178), from(#0c7556));
  background-image: -webkit-linear-gradient(top, #14a178, #0c7556);
  background-image: -moz-linear-gradient(top, #14a178, #0c7556);
  background-image: -o-linear-gradient(top, #14a178, #0c7556);
  background-image: -ms-linear-gradient(top, #14a178, #0c7556);
  background-image: linear-gradient(top, #14a178, #0c7556);
  /* fallback will not compile for LESS due to the equals sign. TODO move to ie stylesheet */

  /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(@r1,@g1,@b1)', EndColorStr='rgb(@r2,@g2,@b2)');*/
}
/* pampers giveaway image - temporarily */
/*-----------------------------------------------------------------*/
#aL_newsletter a {
  background-image: url(/assets/images/ads/pampers-giveaway-arrow.gif);
  text-indent: -9999em;
  color: transparent;
}
/* overview list page */
/*-----------------------------------------------------------------*/
ul.overviewList {
  float: left;
  margin: 20px 0 20px 0;
  padding-left: 0;
  border-top: 1px solid #9c49a7;
  font-size: 1.25em;
  list-style-type: none;
}
ul.overviewList li {
  border-bottom: 1px solid #9c49a7;
  padding: 0;
}
ul.overviewList li a {
  text-decoration: none;
  display: block;
  padding: 0.25em 0.75em;
}
ul.overviewList li a:link, #overviewList li a:visited {
  color: #9c49a7;
  background-color: transparent;
}
ul.overviewList li a:hover, #overviewList li:active {
  color: #661d6f;
  background-color: #d5f0fc;
}
ul.overviewList li.active a {
  color: #a469ac;
}
ul.overviewList a[href$=".pdf"],
ul.overviewList a[href$=".doc"],
ul.overviewList a[href$=".docx"],
ul.overviewList a[href$=".xls"],
ul.overviewList a[href$=".rss"] {
  padding-left: 2em;
  margin: 0;
  background-position: 0.6667em 50%;
}
ul.overviewList a[href^="http:"], ul.overviewList a[href^="mailto:"], ul.overviewList a[href^="http:"]:visited {
  padding-right: 22px;
}
/* overview list in sidebar */
#sidebarChunks ul.overviewList {
  font-size: 1em;
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  float: none;
}
#sidebarChunks ul.overviewList li {
  margin: 5px 0;
  border-bottom: 0px none transparent;
}
#sidebarChunks ul.overviewList li a {
  padding: 0 10px;
}
#sidebarChunks ul.overviewList li a:link, #sidebarChunks ul.overviewList li a:visited {
  background-color: #dcc7dd;
}
#sidebarChunks ul.overviewList li a:hover, #sidebarChunks ul.overviewList li:active {
  background-color: #d5f0fc;
}
/* overview list page - custom background images
body.overviewList #content { } // general to apply to all 
body#docidX #content {}

/* FOOTER */
/*------------------------------------------------------------------------------------------*/
footer[role="contentinfo"] {
  background: #d5f0fc url(/assets/css/img/bkg-footerTop.gif) center top repeat-x;
  padding-top: 10px;
  color: #666;
}
footer[role="contentinfo"] p {
  margin-bottom: 0;
  float: left;
}
footer[role="contentinfo"] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
}
footer[role="contentinfo"] li {
  float: left;
  border-left: 1px solid #d5f0fc;
  line-height: 1;
}
footer[role="contentinfo"] li:first-child {
  border-left: 0px none transparent;
}
footer[role="contentinfo"] li a {
  padding: 0 10px;
  line-height: 1.5;
}
footer[role="contentinfo"] a:link, footer[role="contentinfo"] a:visited {
  color: #3198c0;
  text-decoration: none;
}
footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:active {
  color: #0379a7;
  text-decoration: underline;
}
footer[role="contentinfo"] .sponsorship {
  text-align: center;
  padding-top: 2em;
}
/* sub level pages */
#subnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
#subnav li {
  border-bottom: 1px solid #94469e;
  font-weight: bold;
}
#subnav a {
  text-decoration: none;
}
#subnav a:link, #subnav a:visited {
  color: #666;
}
#subnav a:hover, #subnav a:active {
  color: #94469e;
}
/* ------------------------------------------ */
/* PAGE SPECIFIC */
/* ------------------------------------------ */
/* page headings */
/* home page */#docid1 #splash {
  background-image: url(/assets/css/img/bkg-splashhome.jpg);
}
#docid1 #splash h2, #docid1 #splash p {
  color: #0D7EA9;
  font-size: 2em;
  margin-bottom: 0;
  padding-right: 570px;
  line-height: 1.25;
}
#docid1 #splash p {
  font-family: 'AauxLight', 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
}
#docid1 .boxy {
  color: #666;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: 0px;
}
#docid1 .boxy h2 {
  background: transparent;
  text-shadow: 0px 0px 0px transparent;
  margin-bottom: 0;
}
#docid1 .boxy h2 strong {
  font-weight: normal;
  font-size: 1em;
  display: inline;
}
#docid1 .boxy a:link, #docid1 .boxy a:visited {
  color: #8a269b;
}
#docid1 .boxy a:hover, #docid1 .boxy a:active {
  color: #661d6f;
}
#docid1 .boxy .inner {
  color: #666;
  background-color: transparent;
  padding: 0;
}
#docid1 .boxy img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ie7 #docid1 .boxy img, .ie8 #docid1 .boxy img {
  behavior: url(border-radius.htc);
}
#docid1 #helpline br.first {
  display: none;
}
#docid1 #helpline .numbers strong {
  font-size: 1em;
}
#docid1 .column {
  display: inline;
  float: left;
  overflow: hidden;
  width: 23.958333333333336%;
  margin: 0 0.5208333333333333%;
  overflow: visible;
}
#docid1 section figure {
  -webkit-box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
}
#docid1 .boxy figure {
  margin: 0.5em 0;
}
/* contact us */#contactSubmit {
  margin-left: 6em;
}
#captcha_image {
  padding-left: 6em;
}
#contact_details ul {
  list-style-type: none;
  padding: 0;
}
#contact_details li strong {
  min-width: 5em;
  float: left;
  clear: left;
}
#contentMain form {
  background: #f5f5f8 url(/assets/css/img/form-bkg1.jpg) left bottom repeat-x;
  float: left;
  padding-top: 1em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
/* recruitment section */
.job_summary h2 {
  background: #d5f0fc;
  color: #893494;
  padding: 0.25em 0.5em;
  margin-bottom: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.job_summary h2 em {
  color: #0379a7;
}
/* news *//* about us page */
/* locations */
.location {
  margin: 20px 0px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.location .map {
  width: 360px;
  height: 220px;
  float: right;
}
.location h2 {
  clear: none;
}
.location figure {
  float: left;
  max-width: 200px;
}
/* helpful multimedia */
.vid {
  margin-bottom: 3em;
}
.vid h2 {
  margin-bottom: 0;
}
.vid h2 em {
  color: #666;
}
/* paypal donate button */
#donate_button {
  width: 200px;
}
#donate_button form {
  background: transparent;
  border: 0px none transparent;
  margin-bottom: 10px;
}
#donate_button form img {
  border: 0px none transparent;
}
.boxy #donate_button form {
  padding-bottom: 10px;
  margin-bottom: 0px;
  text-align: center;
}
.incomplete {
  background-color: #f00;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}
/* suburb list pages */
#suburbs_list {
  margin-top: 10px;
}
#suburbs_list-nav {
  clear: both;
}
#contentMain .suburbmap {
  border: 0px none transparent;
  margin-top: 10px;
}
/* listnav plugin */
.listNav {
  margin: 0 0 10px;
}
.ln-letters {
  overflow: hidden;
}
.ln-letters a {
  font-size: 0.9em;
  display: block;
  float: left;
  padding: 2px 6px;
  border: 1px solid silver;
  border-right: none;
  text-decoration: none;
}
.ln-letters a.ln-last {
  border-right: 1px solid silver;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
  background-color: #eaeaea;
}
.ln-letters a.ln-disabled {
  color: #ccc;
}
.ln-letter-count {
  text-align: center;
  font-size: 0.8em;
  line-height: 1;
  margin-bottom: 3px;
  color: #336699;
}
/* shop: item summary */
.shopitem {
  clear: none;
  padding: 10px;
  width: 275px;
  background-color: #eee;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.ie7 .shopitem, .ie8 .shopitem {
  behavior: url(border-radius.htc);
}
#contentMain .shopitem img {
  border: 2px solid #fff;
  margin-bottom: 0px;
}
.priceline {
  clear: both;
}
.price {
  background-color: #fff;
  float: left;
}
.add_to_cart {
  float: right;
}
.price, .add_to_cart a {
  display: block;
  margin-top: 5px;
  padding: 5px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ie7 .price,
.ie8 .price,
.ie7 .add_to_cart a,
.ie8 .add_to_cart a {
  behavior: url(border-radius.htc);
}
.add_to_cart a {
  text-decoration: none;
  font-weight: bold;
}
.add_to_cart a:link, .add_to_cart a:visited {
  color: #fff;
  background-color: #893494;
}
.add_to_cart a:hover, .add_to_cart a:active {
  color: #fff;
  background-color: #661d6f;
}
/* shop: item detail page */
.product-wrap .price {
  float: none;
}
/* shop: tc cart */
.treasure_cart a {
  display: block;
  margin-right: 10px;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.ie7 .treasure_cart a, .ie8 .treasure_cart a {
  behavior: url(border-radius.htc);
}
.tc_cart_empty {
  float: right;
}
.tc_cart_empty:link, .tc_cart_empty:visited {
  color: #555;
  background-color: #ccc;
}
.tc_cart_empty:hover, .tc_cart_empty:active {
  color: #fff;
  background-color: #555;
}
.tc_view {
  float: left;
}
.tc_view:link, .tc_view:visited {
  color: #fff;
  background-color: #893494;
}
.tc_view:hover, .tc_view:active {
  color: #fff;
  background-color: #661d6f;
}
.tc_cart_count {
  margin: 0 5px;
  color: #9c49a7;
}
/* snapfish */
#snapfish_content, #snapfish_tiles {
  clear: both;
}
#snapfish_tiles img {
  border: 0px none transparent;
}
#snapfish_tiles a, #snapfish_content .logo {
  padding: 0;
  background-image: none;
}
/* press clippings */
#press_clippings img {
  margin-right: 5px;
}
.slideshowOpen {
  float: right;
  clear: right;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.ie7 .slideshowOpen, .ie8 .slideshowOpen {
  behavior: url(border-radius.htc);
}
.slideshowOpen:link, .slideshowOpen:visited {
  color: #fff;
  background-color: #893494;
  text-decoration: none;
}
.slideshowOpen:hover, .slideshowOpen:active {
  color: #fff;
  background-color: #9c49a7;
  text-decoration: none;
}
/* helpline page */
.phone_numbers {
  font-size: 1.5em;
  line-height: 1;
}
.phone_numbers h2 {
  margin-bottom: 0.25em;
}
.phone_numbers p {
  margin: 0;
  line-height: 2;
}
/* tips pages */
#tips_download {
  float: right;
  text-align: center;
  margin-left: 20px;
}
#tips_download img {
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
/* testimonial pages */
.jot-form {
  background-color: #dcc7dd;
  border: 1px solid #ceb2cf;
  margin-bottom: 20px;
}
.jot-form fieldset {
  margin: 0;
  padding: 5px;
}
#contentSide .jot-form textarea {
  width: 208px;
}
#contentSide .jot-form input[type="text"] {
  width: 100%;
}
.jot-form .text {
  width: 120px;
}
#contentMain .jot-form .text {
  width: auto;
}
.jot-row {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  background-color: #ebe4eb;
}
.jot-row-alt {
  background-color: #e9f1f5;
}
.jot-row-author {
  background-color: #FFFFE1;
}
.jot-row-me {
  background-color: #FFDDDD;
}
.jot-row-up {
  border: 1px dotted red;
}
.jot-row-new {
  border: 1px dotted green;
}
.jot-comment {
  padding: 3px;
}
.jot-comment hr {
  border: 0px;
  border-bottom: 1px solid #cccccc;
}
.jot-posticon {
  float: right;
  width: 20px;
  height: 20px;
  padding-top: 8px;
  padding-right: 3px;
}
.jot-posticon img {
  border: 0px !important;
}
.jot-mod {
  float: right;
  width: 100px;
  text-align: right;
  color: #666666;
  font-weight: bold;
}
.jot-mod img {
  border: 0px;
}
.jot-mod a {
  float: right;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
}
.jot-mod a:hover {
  background-color: #666666;
  color: #666666;
}
.jot-subject {
  font-weight: bold;
  font-size: 1.1em;
}
.jot-message {
  padding: 2px;
  overflow: auto;
}
.jot-poster {
  padding: 0px;
  text-align: left;
  font-size: 10px;
}
.jot-nav {
  padding: 0px;
  text-align: center;
  margin: 10px;
}
.jot-list ul {
  padding: 0px;
  text-align: left;
  margin: 0 0 10px;
  list-style-position: inside;
}
.jot-subscribe {
  margin-bottom: 10px;
}
.jot-user {
  float: left;
  width: 80px;
}
.jot-content {
  margin-left: 80px;
}
.jot-extra {
  text-align: right;
}
.jot-editby {
  font-size: 10px;
  color: #666666;
  font-style: italic;
}
#jot-captcha, #jot-submit {
  padding-left: 6em;
}
input.jot-captcha-input {
  margin-left: 6em;
}
#contentMain .jot-mod img {
  border: 0px none transparent;
}
/* preparing for your visit */
#visitLocation, #visitService {
  display: none;
}
/* these are hidden until the javascript routine enables them */
#visitSelector {
  list-style-type: none;
  margin-left: 0;
}
#visitSelector ul {
  margin-left: 0;
}
#visitSelector li {
  margin: 10px 0;
}
#visitSelector h2 {
  max-height: 20px;
  padding-left: 30px;
  background: transparent url(/assets/css/img/bigbull.png) 0px 0px no-repeat;
}
#visitSelector li li {
  margin: 5px 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.25em;
  background: transparent;
}
li#visitLocation h2 {
  background-position: 0px 0px;
}
li#visitService h2 {
  background-position: 0px -20px;
}
li#download_PDF h2 {
  background-position: 0px -40px;
}
.inactive h2 {
  color: #aaa;
  cursor: pointer;
  _cursor: hand;
}
#visitLocation.inactive h2 {
  background-image: url(/assets/css/img/bigbull_k.png);
}
#visitService.inactive h2 {
  background-image: url(/assets/css/img/bigbull_k.png);
}
#download_PDF.inactive h2 {
  background-image: url(/assets/css/img/bigbull_k.png);
}
.step {
  padding-left: 30px;
}
/* events / calendar page */
#sponsor_logos p {
  float: left;
  margin-right: 20px;
  line-height: 80px;
}
#sponsor_logos p a {
  background-image: none;
  padding-right: 0;
}
/* media archive page */
#docid136 .article {
  width: 250px;
  float: left;
  margin: 0 20px 20px 0;
  background-color: #eee;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ie7 #docid136 .article, .ie8 #docid136 .article {
  behavior: url(border-radius.htc);
}
h2 {
  clear: left;
}
.publication {
  clear: both;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
  margin-top: 1em;
}
.publication figure {
  float: right;
  margin-left: 2em;
  max-width: 42%;
}
.publication ul {
  list-style-type: none;
  margin-left: 0;
}
/* article summary used in top ten faq pages */
.article_summary {
  margin-bottom: 2em;
}
.article_summary p {
  margin-bottom: 0;
}
/* golden sleep program */
.boxy#goldensleep {
  text-align: center;
  background-color: #1a6562 !important;
}
.boxy#goldensleep a:link, .boxy#goldensleep a:visited {
  color: #fff;
  font-weight: bold;
}
.boxy {
  margin-bottom: 10px;
}
/* TMR 37 */
#contentMain #tmr37 {
  background-image: none;
  float: none;
}
#tmr37 fieldset {
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
#tmr37 legend {
  width: 100%;
  color: #fff;
  background-color: #555;
}
#tmr37 legend span {
  padding: 0 1em;
}
#tmr37 label {
  float: left;
  width: 10em;
  padding-right: 1em;
  line-height: 1.5;
}
#tmr37 label.inline, #tmr37 label.error {
  width: auto;
  float: none;
  padding: auto;
}
#tmr37 input[type=text] {
  margin: 0;
}
#tmr37 textarea {
  width: 240px;
  height: 5em;
  margin: 0;
}
#tmr37 .error {
  padding: 0 ;
  margin-bottom: 0;
  border: 1px solid #ddd;
}
/* jquery validate plugin adds labels with class error */
/* these are positioned before the normal form label and input, so we can recolour the following label when an error is placed */
#tmr37 label.error {
  display: block !important;
}
/*#tmr37 label.error + label { color:#800; background-color:#fee } */
/* note: 'reqiured' is spelt wrongly on purpose, as it clashed with auto-functionality in jquery validate */
label.invalid, label.reqiured, label.error {
  color: #FCDBDC;
  background-color: #900;
}
input.invalid,
input.reqiured,
textarea.invalid,
textarea.reqiured {
  border: 1px solid #900;
}
#tmr37 .entry {
  display: inline;
  margin-left: 1em;
}
#tmr37 .entry.block {
  display: block;
  margin-left: 0;
}
#tmr37 .entry textarea {
  display: block;
  margin-left: 15em;
}
/* -----------------------------------------------------------------------

MEDIA QUERIES

----------------------------------------------------------------------- */
@media only screen and (max-width: 920px) {
  /* Style adjustments for viewports 920px or less go here */
  #docid1 #splash {
    background-image: url(/assets/css/img/bkg-splash-simple.jpg);
  }
  #docid1 #splash .inner {
    background: transparent url(/assets/css/img/splash-couple.png) right top no-repeat;
  }
  #docid1 #splash h2, #docid1 #splash p {
    font-size: 1.75em;
    margin-bottom: 0;
    padding-right: 40%;
    line-height: 1.25;
  }
  #splash {
    background-image: url(/assets/css/img/bkg-splash-simple.jpg);
  }
  #splash .inner {
    padding: 2em 0;
    background: transparent url(/assets/css/img/splash-family2.png) right top no-repeat;
  }
  #splash h1 {
    font-size: 2em;
  }
  /* change layout of menu - only allow top level links */
  header[role="banner"] nav {
    width: 100%;
    max-width: none;
  }
  header[role="banner"] .sf-menu {
    margin-left: 110px;
  }
  .sf-menu li:hover ul {
    display: none !important;
  }
  /* shift nav menu to top */
  header[role="banner"] nav {
    top: 0;
  }
  header[role="banner"] nav .sf-menu > li {
    -webkit-box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
    box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  header[role="banner"] nav .sf-menu > li, header[role="banner"] nav .sf-menu > li > a {
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-radius: 0px 0px 0.5em 0.5em;
    border-radius: 0px 0px 0.5em 0.5em !important;
  }
  nav {
    bottom: auto;
  }
  /* don't do superfish dropdowns - only for full width screens */
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: -999em;
  }
  #help24hr {
    z-index: 200;
  }
  #help24hr, #help24hr a {
    height: 35px;
  }
  #ajaxSearch_form {
    top: 45px;
  }
  #ajaxSearch_output {
    top: 53px;
  }
}
@media only screen and (max-width: 768px) {
  /* Style adjustments for viewports 768px or less go here */
  .sectionOverview {
    display: inline;
    float: left;
    overflow: hidden;
    width: 48.95833333333333%;
    margin: 0 0.5208333333333333%;
    margin-top: 0;
    margin-bottom: 1em;
  }
  /* section overview boxes now displayed 2 per row, so clear every third */
  .sectionOverview:nth-child(2n+1) {
    clear: both;
  }
  .sectionOverview img {
    max-width: 50%;
    /* 230 / 350 = 0.65 = max percentage to use without going over res of pic which is 230px wide */
  
    float: right;
    margin-left: 1em;
  }
}
@media only screen and (max-width: 640px) {
  /* Style adjustments for viewports 640px and less go here */
  header[role="banner"] nav {
    text-align: right;
  }
  .sectionOverview {
    display: inline;
    float: left;
    overflow: hidden;
    width: 98.95833333333334%;
    margin: 0 0.5208333333333333%;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .columnMain {
    display: inline;
    float: left;
    overflow: hidden;
    width: 98.95833333333334%;
    margin: 0 0.5208333333333333%;
  }
  .columnSide {
    display: inline;
    float: left;
    overflow: hidden;
    width: 98.95833333333334%;
    margin: 0 0.5208333333333333%;
  }
  #splash {
    font-size: 0.75em;
  }
  #splash .inner {
    background-image: none;
  }
  /* update backgrounds for sections */
  #content .center > .inner {
    background: transparent url(/assets/css/img/bkg-content-top.png) top left repeat-x;
  }
  #content .center {
    background: #fff;
    padding-bottom: 0;
  }
  .columnMain > .inner {
    padding: 0 1% 1em;
  }
  .columnSide {
    background: #dcc7dd url(/assets/css/img/bkg-sidebar.gif) left top repeat;
    border-bottom: 2px solid #fff;
  }
  .columnSide > .inner {
    background: transparent url(/assets/css/img/bkg-columnSide-top.png) left top repeat-x;
    padding: 1em 2%;
  }
  /* change  layout of sidebar boxes*/
  .boxy figure {
    float: right;
    width: 60%;
    margin-left: 1em;
  }
  .columnSide .boxy {
    float: left;
    width: 49%;
  }
  .columnSide .boxy:nth-child(2n+1) {
    clear: both;
    margin-right: 2%;
  }
  #docid1 #splash .inner {
    background: transparent url(/assets/css/img/splash-couple.png) 114% 0 no-repeat;
  }
  /* two column layout for boxes */
  #docid1 .column {
    display: inline;
    float: left;
    overflow: hidden;
    width: 48.95833333333333%;
    margin: 0 0.5208333333333333%;
    overflow: visible;
  }
}
@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and less go here */
  .boxy {
    float: none;
    width: 100%;
  }
  .boxy:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 460px) {
  /* Style adjustments for viewports 450px and less go here */
  #docid1 #splash .inner, #splash .inner {
    background: transparent;
  }
  #docid1 #splash h2, #docid1 #splash p {
    padding-right: 1em;
    text-align: center;
  }
  header[role="banner"] h1 {
    width: 100%;
    background-position: 20px 0;
  }
  header[role="banner"] h1 a {
    display: block;
    width: 100%;
  }
  header[role="banner"] h1 a:hover {
    background: transparent url(/assets/css/img/logo-tresillian_v2.png) 20px 0 no-repeat;
  }
  header[role="banner"] .mobileMenu {
    position: relative;
    /*		top:105px;
  		width:100%;*/
  
    top: 55px;
    right: 5px;
    max-width: 140px;
    margin: 0 auto;
  }
  #splash {
    padding-top: 2em;
  }
  /*	#ajaxSearch_form, #help24hr, #liveadvice { display:none; }*/
  #help24hr, #liveadvice {
    display: none;
  }
  .mobileFunctions {
    display: block;
  }
  /* change  layout of sidebar boxes*/
  .boxy figure {
    float: none;
    width: 100%;
    margin-left: 0em;
  }
}
@media only screen and (max-width: 420px) {
  /* Style adjustments for viewports 320px and less go here */
  #docid1 #splash .inner {
    background: transparent;
  }
  #docid1 #splash h2, #docid1 #splash p {
    padding-right: 0;
  }
  #ajaxSearch_form {
    top: 25px;
    right: 5px;
  }
  #ajaxSearch_output {
    top: 33px;
    right: 5px;
  }
  #searchClose {
    top: 40px;
  }
  h2 {
    font-size: 1.75em;
  }
  .arrowLink {
    font-size: 1em;
  }
  #docid1 .column {
    display: inline;
    float: left;
    overflow: hidden;
    width: 98.95833333333334%;
    margin: 0 0.5208333333333333%;
    overflow: visible;
  }
  #docid1 .column .boxy figure {
    float: right;
    width: 50%;
    margin-left: 1em;
  }
}
/* -----------------------------------------------------------------------

PRINT STYLES
inlined to reduce http requests

----------------------------------------------------------------------- */
@media print {
  /* print.css */
  body {
    line-height: 1.5;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000;
    background: none;
    font-size: 10pt;
  }
  .center {
    background: none;
  }
  hr {
    background: #ccc;
    color: #ccc;
    width: 100%;
    height: 2px;
    margin: 2em 0;
    padding: 0;
    border: none;
  }
  hr.space {
    background: #fff;
    color: #fff;
    visibility: hidden;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
  }
  code {
    font: 0.9em "Courier New", Monaco, Courier, monospace;
  }
  a img {
    border: none;
  }
  p img.top {
    margin-top: 0;
  }
  blockquote {
    margin: 1.5em;
    padding: 1em;
    font-style: italic;
    font-size: .9em;
  }
  .small {
    font-size: .9em;
  }
  .large {
    font-size: 1.1em;
  }
  .quiet {
    color: #999;
  }
  .hide {
    display: none;
  }
  a:link, a:visited {
    background: transparent;
    font-weight: 700;
    text-decoration: underline;
  }
  a:link:after, a:visited:after {
    content: " (" attr(href) ")";
    font-size: 90%;
  }
}