/* Start of Holistic Academy Style Sheet */

@import url(/css/reset.css);

/* Accessibility */

.offleft {
   position: absolute;
   left: -9999px;
	}

#skiplinks {
	}

/* end Accessibility */

body {
	text-align:center;
	background: #9EA0B1;
	font-family: Verdana, Arial, sans-serif;
	}

a {
	text-decoration:none;
	}

a img {
	border:0;
	}

div#container {
	text-align:left;
	width:960px;
	margin:3px auto 0;
	background: #fff url(/images/site/leafbar.jpg) repeat-y;
	border:3px #8D909F solid;
	/*border-top:none;*/
	}

div#header {
	width:960px;
	height:138px;
	font-size:0px; /* else IE adds gap at bottom */
	}

/* CONTACT STRIP */

div#contact {
	float: right;
	clear: both;
	width:100%;
	height:auto;
	background: #9092B7;
	border-top:1px #878CAD solid;
	border-bottom:1px #878CAD solid;
	}

div#contact p {
	text-align: center;
	line-height:2em;
	letter-spacing:0.0909em;
	word-spacing:0.0909em;
	font-size: 0.6875em;
	color:#FCFCFF;
	text-shadow: 1px 1px 1px #777;
	}

#contact a, 
#contact a:link, 
#contact a:visited {
 	color: #FFF;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #868895 solid;
	white-space:nowrap;
	}

#contact a:hover, 
#contact a:active {
	color: #2B3282;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #A2A3B4 solid;
	background: #B2B3C6;
	}	
	
/* Left */

div#left {
	float:left;
	width:220px;
	}

/* Main Column */

div#content {
	float:right;
	width:740px;
	min-height:380px;
	height:auto; /* IE min-height workaround */
	_height:380px; /* ditto - only IE eats this */
	position:relative;
	}  

/* Pics */

.leftpic { /*pics are 160px wide*/
	margin: 9px auto 9px 17px;
	}

.rightpic { /*pics are 160px wide*/
	margin: 5px 10px 9px auto;
	float: right;
	clear: right;
	}

.centrepic { /*pics are 420px wide*/
	display: block;
	margin: 24px 15px;
	}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana, Arial,sans-serif; 
	}

/* Main Content */

div.maincontent {
	margin-bottom:2em;
	margin-left:20px;

	}

div.maincontent h1 {
	font-size: 1.5em;
	color: #990033;
	margin: 0.67em 10px 0.67em 0;
	padding: 0;
	line-height:1.125em;
	text-shadow: 2px 2px 2px #ccc;
	}

div.maincontent h2 {
	font-size: 1em;
	color: #454A83;
	margin: 1.25em 10px -0.25em 0;
	line-height: 1.25em;
	width:475px;
	}

div.maincontent p,  div.maincontent h3 {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 0.75em;
	margin: 1em 10px 1em 0;
	line-height:1.416em;
	width: 475px;
	}

div.maincontent a, 
div.maincontent a:link, 
div.maincontent a:visited, #alert a:link, #alert a:visited {
 	color: #8A1B39;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #cbcbcb solid;
	}

div.maincontent a:hover, 
div.maincontent a:active, #alert a:hover {
	color: #222;
 	text-decoration: none;
	padding-bottom: 0px;
 	border-bottom: 1px #DDD solid;
	background-color: #E3E6FD;
	}	

div.maincontent p em {
	font-style:normal;
	color: #990033;
	}

div.maincontent p em a {
	}

/* Booking Form */

.rule { /* adds underline and rule */
	display: block;
	border-bottom: 1px #999 solid;
	width:420px;
	}

/* Micro Navigation */

#micronav {
	background:#EEEEEE none repeat scroll 0%;
	border-top:1px solid #DEDEDE;
	clear:both;
	display:block;
	font-size:0.8125em;
	overflow:auto;
	padding-bottom:7px;
	padding-top:5px;
	width:100%;
	}

.prev {
	position:relative;
	width:300px;
	text-align:left;
	float: left;
	margin-left: 55px;
	display: inline;
	}

.top {
	width:100px;
	text-align: center;
	float:left;
	letter-spacing:4px;
	display:inline;
	}

.next {
	position:relative;
	width:300px;
	text-align:right;
	float: right;
	margin-right: 55px;
	display: inline;
	}

.botlinks {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: #2B3282;
	border-bottom: 1px #bebebe solid;
	}

.prev a:hover, 
.prev a:active, 
.next a:hover, 
.next a:active, 
.top a:hover, 
.top a:active {
	color: #AA1144;
	border-bottom: 1px #dedede solid;
	background: #fefefe;
	}

/* Footer */

div#footer {
	clear:both;
	height:auto;
	background: #9092B7;
	}

div#footer p {
	text-align: center;
	padding: 0.5em;
	font: 0.6875em verdana, arial, helvetica, sans-serif;
	color:#C1C2CB;
	}

/* Misc */

.centre {
	text-align: center;
	}

.red {
	color: #BF0000;
	}

.new {
	color: #CC203B;
	font-weight:bold;
	}

ul.latestdates { 
	width: 415px;
	list-style:none;
	color:#333;
	margin:1em 0;
	padding:0;
	font: bold 0.75em verdana, arial, helvetica, sans-serif;
	}

ul.latestdates li {
	margin:0.5em 0;
	padding:0;
	line-height:1.4em;
	}

ul.latestdates li strong {
	color:#78A385;
	}

/* Page Specific */

/* Dates & Booking */

div p.coursedate {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size:0.95em;
    font-weight: bold;
	color:#78A385;
	margin-top:0.6em;
	margin-bottom:0.4em;
    }

div p.coursedate a, 
p.coursedate a:hover {
	color:#AA3F53 !important;
	}

div p.venue {
	font-size: 0.76em;
	line-height:130%;
	margin: 0 10px 0.5em 0;
	}

div p.venue strong {
	color:#990033;
}

.maincontent p.bigdate {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:120%;
	color:#7FAD8D;
	margin:0.5em 20px 0.5em 0;
	letter-spacing:0.0625em;
	border:1px #B7E5C5 solid;
	padding:0.25em 0.5em;
	background:#ECFAF1;
	display:inline-block;
	text-align: center;}

/* Lists */

div.maincontent ul {
	width:430px;
	margin: 1.5em;
	list-style-type:none;
	font-size:0.75em;
	}

div.maincontent ul li {
	margin:0.5em 10px 0.5em 7px;
	line-height:1.666em;
	background: url(/images/site/list.gif) no-repeat;
	padding-left:26px;
	color: #333;
	font-weight: bold;
	}

ul.package {
	border: 1px #ACB5CC solid;
	width:430px;
	padding:5px;
	background: #D4DAFB;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	-moz-box-shadow: 2px 2px 1px #ccc;
	}

/* VTCT Info box */

div#vtct-info {
	float:left;
	display:inline;
	margin: 1em 0 10px 20px;
	background: #D9D6BB; /*#C8C19D;*/
	width:190px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;

	}

#vtct-info h2 { 
	color:#666;
	letter-spacing: 0.0714em;
	font-size: 0.875em;
	margin:0;
	padding: 0.5em 0;
	width:100%;
	background: #ccc;
	text-align: center;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	cursor: pointer; 
	}

#vtct-info p {
	font-size: 0.7em;
	width:auto;
	padding:1em;
	margin:0;
	color:#444;
	line-height:1.4em;
	}

img.vtct-trigger {
	display:block;
	padding:10px 34px;
	background:#fff;
	margin:0 auto;
	border:1px #ccc solid;
	cursor:pointer;
	}

/* Google Map and Venue Info */

.google-map {
	border: 2px #9092B7 solid;
	background: #F6E9B6 url(/images/site/loading.gif) 50% center no-repeat;
	}

#maps h2 {
	color: #fff;
	background:#9092B7;
	line-height:1.5em;
	padding: 0 0.5em;
	text-align:center;
	margin-top:2.5em;
	}

/* Booking */

div#booking {  
	float: right;
	clear: right;
	width:230px;
	background:#8E93B6;
	padding:0px;
	margin:20px 0 20px 10px;
/*	border: 1px #7F828F solid;
	border-right: none; */
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomleft:8px;
}

div#booking h3 {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	text-align: center;
	color:#F1F2FB;
	letter-spacing:0.0588em;
	text-shadow: 1px 1px 1px #737994;
	font-size:1em;
	line-height:1.6em;
	width: auto;
	margin:0 auto;
	}

div#booking h4 {
 	font-size:0.875em;
	letter-spacing:1px;
	color:#99162F;
	background: #fff;
	padding:0 10px;
	line-height:1.6em;
/*	text-align: center; */
	border: 1px #8892B1 solid;
	border-width: 0 1px;
}

div#booking ul {
	width: auto;
	margin:0;
	list-style:none;
	font-size: 1em;
}

div#booking ul li  {
	margin:0 auto;
	padding:0;
	background: #D4DAFB url(/images/site/booking_bg.png) left -80px repeat-x;
	line-height:1.4em;
	border: 1px #8892B1 solid;
	border-top:none; 
	font-weight:normal;
}

div#booking ul li p a,
div#booking ul li p a:visited {
	width:auto;
	_width: 100%; /* IE6 */
	color: #fff;
	line-height:1.857em;
/*	font-weight:bold; */
	letter-spacing: 1px;
	word-spacing:1px;
	font-size: 1.085em;
	background:#F79ABE;
	display:block;
	text-align:center;
	border: 1px #CE889E solid;
	border-bottom: none;
}

div#booking ul li p a:hover {
	color: #FFF44E;
	background:#F08AA4;
}

div#booking ul li p a:active {
	color: #AE253D;
	background:#EF96B6;
}


div#booking ul li p {
	width: auto;
	margin:0;
	line-height:1.5em;
	padding:5px 10px 0;
/*	font-weight: bold;*/
	font-size: 0.75em;
	color: #4E5165;
}

div#booking ul li p.price {
	width: auto;
	margin:0;
	_margin-right:-2px; /* IE6 */
	font-size:0.6875em;
	font-weight: bold;
	color:#666E84;
	background: url(/images/site/price_bg.png)  -60px repeat-y;
	padding:0;
	letter-spacing: 1px;
	text-align: center;
	border-top: 1px #8692B0 solid;
}

div#booking p.note {
	width:auto;
	text-align:center;
	padding:0;
	margin:0;
	color: #F1F2FB;
	line-height: 2em;
}

/* Dates & Booking Page */

div#dates {
 
}

div#dates h2 {
	margin-top:2em;
	margin-bottom:0.25em;
}

div#dates h4 {
	color:#99162F;
	font-size:0.9375em;
	margin-top:0.6em;
	padding:3px 0;
	letter-spacing:1px;
	zoom:1; /* guess what */
	}

div#dates h4 a:link, div#dates h4 a:visited {
	padding:3px;
	border:none;
}


div#dates h4 a:hover {
	background:#e3e6fd;
	color:#990033!important;
}

div#dates ul {
	padding:0 0 0 0;
	margin:0;
	font-size: 1em;
	border: 1px #B6C1D8 solid;
	border-width: 0 1px 1px 0;
	width:485px;  
}

div#dates ul li {
	background-image: none;
	position:relative;
	background: #E4E9FA; 
	margin:0 5px 5px 0; /* top will add to ul height in IE */
	padding:2px 10px;
    height:1%;   /*haslayout for IE */
	vertical-align:bottom; /* for IE6 spacing */
}

div#dates p { 
	width: 100%;
	line-height:2em;
/*	display:inline; */
	color: #4E5165;
	margin:0;
	padding:0;
	font-weight:normal;
}

div#dates p a,
div#dates p a:visited {
/*	color: #fff!important;*/
	background: #fff url(/images/site/list.gif) 99% center no-repeat;
	border:1px #B6C1D8 solid;
	padding:4px 26px 4px 5px!important;
	margin: 0;
	white-space: nowrap;
	position:relative; /* IE - fixes nowrap weirdness */
}

div#dates ul li a:hover {
	color: #fff;
	background:#8E93B6 url(/images/site/list.gif) 99% center no-repeat!important;
}

div#dates p.price {
	font-weight:bold;
	color:#62657E;
	position:absolute;
	right:0;
	bottom:0;
	width:50%;
	margin:0;
	padding:2px 10px 2px 0;  /* 2px centres vertically, matching ul li */
	text-align:right;
}

/* Slideshow Gallery */

div#gallery {
	display: inline;
	margin:20px 0 20px 0;
	padding-right:0;
}

div#gallery h3 {
	width: 215px;
	margin:auto;
	font-size: 0.75em;
	color: #fff;
	margin:0 0 0 15px;
	padding:0.3em;
	text-align:center;
	background: #8F2A2F;     
	float:right; 
	clear:right;
}

div#gallery a, div#gallery a:visited {
	background: none;
	border:4px #E2E2E2 solid;
	text-decoration:none;
/*	display:block;*/ float:right;clear:right;
	margin: 15px;
}

div#gallery a:hover {
	border-color: #C7C7C7;
}

div#gallery img {
	display:block;
}

/* Home Page Alert */

#alert {
	width:100%;
	text-align:center;
	float:left;
	background:#FBFFC1;
}

#alert h3 {
	background:#99162F;
	color:#fff;
	font-size:1em;
	padding: 5px 0;
}

#alert p {
	font-size:0.875em;
	color:#414C82;
	margin:0.5em 10px;
	line-height:1.3em;
	font-weight:bold;
}


/* News */


/* Navigation */

/* Styling the apperance of menu items on hover */

/* Styling the basic appearance of the menuparents - here styled the same on hover (fixes IE bug) */

#nav li.courses,
#nav li.courses a.courses, 
#nav li.courses:hover,
#nav li.vtct,
#nav li.vtct a.vtct, 
#nav li.vtct:hover { 
	background-image: url(/images/site/arrow-right.gif)!important; 
	background-position: center right; 
	background-repeat: no-repeat; 
	}

#nav li:hover { 
	}

#nav li:hover ul, 
#nav ul li:hover ul, /*safari bug?*/
#nav ul ul li:hover ul { 
   display: block; 
	}

/* CSS Nav Styles */

ul#nav {
	/* non-essential, layout specific */
	font-size: 0.8125em;
	font-family: Verdana, Arial, sans-serif;
/*	position: relative;*/
	margin-top:0px;

	background-color: #fff;
	width: 200px;/*from190*/
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	}

#nav li {
	/* all list items */
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px #D5D7F6 solid;
	cursor: pointer;
	}

#nav a {
	color: #222;
	display: block;
	width: 186px;/*from160*/
	text-decoration: none;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;/*from23*/
	line-height: 1.4em;
	margin-left: 0px;}

#nav a:hover {
	color: #990033; /*#111;*/
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px 1px #ccc;
	}

/* current page or section */

#nav a.current {
	background: #fff;
	font-style: normal;
	font-weight: bold;
	color: #990033;
	}

#nav a:hover.current {
	background-color:#D5D7F6;
	color: #990033;}


#nav li ul { /* submenu */
	background-color: #E3E6FD;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:200px;
	border: 2px #C6C8E4 solid;
	border-bottom-width:1px;
	}

#nav li ul li {
	border-bottom-color:#C6C8E4;
}

#nav li ul a { /* submenu decoration */
	width: 186px;/*from160*/
	background:#D5D7F6;}

#nav li ul a:hover { /* submenu hover decoration */
	background:#E3E6FD;
	}

#nav li:hover ul, 
#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-top: -1.97em;/*  compensates for nav a height, padding, line-height */
	padding-left:0px;
	}

#nav li:hover, 
#nav li.sfhover {/* latter sticks parent bg colour when child active */
	cursor: pointer;
	background-color: #D5D7ED;
	}

/* End of 'holistic-sidenav' */