/* @override http://www.kailashcentre.org/kailash/tl_files/styles/main.css */

/* @override http://www.kailashcentre.org/kailash/tl_files/styles/layout3.css */

/* @group Layout & Backgrounds */

html {
	border-top-style: solid;
	border-top-width: 8px;
	background: url(blue440bkgrd.jpg) no-repeat 220px 0;
}

#main {
	border-right-style: none;
	border-right-width: 1px;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-left-style: none;
	border-left-width: 1px;
}

#main .inside {
	padding: 15px 25px 25px;
	background-repeat: repeat-x;
}

/* In the practitioner information pages this brings the article block up so that the practitioners qualifiactions sit tightly under their name */

#main #prac_info.mod_article.block {
	position: relative;
	top: -5px;
}

/* Creates space between practitioner name and info text by use of class="no_quals" */

#main #prac_info.mod_article.no_quals.block {
	margin-top: 10px;
}

/* left column positioned absolute so that when the menu opens it doesn't push the main column longer than its content.  */

#left {
	position: absolute;
	left: 0;
	background: url(clouds30small.gif) no-repeat right -10px;
}

#left .inside {
	padding-right: 25px;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 25px;
}

/* right column positioned absolute mainly to fix IE bug that pushed main content down to after the right menu. */

#right {
	position: absolute;
	left: 660px;
}

#right .inside {
	padding-top: 20px;
	padding-left: 25px;
	padding-bottom: 25px;
}

#site_name {
	margin-bottom: 30px;
}

#info_links {
	margin-bottom: 25px;
}


#right .image_container {
	margin-bottom: 5px;
}

#left ul {
	padding-right: 5px;
	background-position: right center;
	background-repeat: no-repeat;
	border-right: 1px solid #c7d9e0;
	margin-right: 2px;
}



/* @end */

/* @group Type */

/* @group fonts YUI settings */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/*
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px "Trebuchet MS", "Lucida Grande", Lucida Sans Unicode, Verdana, sans-serif; *font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/*
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/*
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/*
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
	line-height: 1.4em;
}



/* @end */

#nav_main_block {
	font-size: 110%;
}

#left a {
	text-decoration: none;
	line-height: 1em;
}

.toggler {cursor:hand; cursor:pointer;
	line-height: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
}

#left .accordion a
{
	font-size: 85%;
}

#left .accordion p.active  {
	font-size: 85%;
}

/* gives a little space after paragraphs, lists, images and list items on the kailash centre about page*/

#main p, #main ul, .about_image, #main #about_kailash_centre ul li {
	padding-bottom: 10px;
}

#main h1 {
	font-size: 200%;
	padding-bottom: 5px;
}

#main h2 {
	font: 160% Georgia, "Times New Roman", Times, serif;
	z-index: -50;
	margin-bottom: 5px;
}

#main h3 {
	font-size: 130%;
	margin-bottom: 3px;
}

#main a {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#main ul {
	list-style-position: outside;
	padding-left: 18px;
	list-style-image: url(circle.gif);
}

#main ul li {
	padding-bottom: 3px;
}

#info_links a, #info_links p.active {
	text-decoration: none;
	font-size: 85%;
}

/* setting an explicit line height to 1 em seems to make the p.active element play nicely with the a links in the navs, it was moving up about a pixel with out this. */

#info_links ul li, #left .mod_customnav ul li {
	line-height: 1em;
}

/* adds a little 2px space between the main nav sub items */

#left .mod_customnav ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* These need checking, but they seem to help to organise the p.active element so it behaves like the a elements of the nav list. Check how TL organises this. Strange thing is the right nav is working fine so need to check out how I did that.*/

#prac_quals p {
	font-size: 85%;
}

.caption {
	text-align: right;
	font-size: 85%;
	padding-right: 3px;
}



/* @end */

/* @group Colors */

/* Set color to #004e64  */

* {
	color: #004e64;
}

/* Following styles set the specific colors */

#main {
	border-color: #80b5c3;
}

#main .image_single img {
	float: left;
	position: relative;
	top: 4px;
	margin-right: 10px;
	margin-bottom: 3px;
}

h1 {
	color: #80b5c3;
}

h3 {
	color: #003543;
}

#info_links a, .caption, #left .accordion a {
	color: #006985;
}

#left a:hover, #main a:hover, #right a:hover 
  {
	color: #e94711;
}

#left p.active, #main p.active, #right p.active 
  {
	color: #e94711;
}

#left a.parent, #main a.parent, #right a.parent 
  {
	color: #f1880a;
}

#left a.parent:hover, #main a.parent:hover, #right a.parent:hover 
  {
	color: #e94711;
}



/* @end */

/* @group Tables */

/* @group Class Timetable */

#classes_timetable h3 {
	font-size: 120%;
	padding-left: 5px;
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 3px;
}

#classes_timetable td.col_0 {
	width: 80px;
	vertical-align: top;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
}

#classes_timetable td.col_1 {
	vertical-align: top;
	padding: 3px 1px 2px 4px;
}

#classes_timetable tr.odd {
	border-top-style: dotted;
	border-top-width: 1px;
}

#classes_timetable tr.even {
	border-top-style: dotted;
	border-top-width: 1px;
}



/* @end */



/* @end */

/* @group search styles */

.formbody {
	background-color: #e6f0f3;
	margin-bottom: 10px;
	padding: 20px;
	margin-top: 5px;
}

input#keywords, input#email {
	width: 50%;
	margin-right: 10px;
}

input#submit {
	width: 80px;
}

/* @end */